@charset "UTF-8";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}ul,ol,li{margin:0;padding:0;list-style:none}button,input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}img{display:block;max-width:100%;height:auto}:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.login-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:400px}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form .form-group label{font-size:.95rem;font-weight:500;color:#333}@media (max-width: 768px){.login-form .form-group label{font-size:.9rem}}.login-form .form-group .form-input{padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:all .3s ease}.login-form .form-group .form-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.login-form .form-group .form-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.login-form .form-group .form-input::placeholder{color:#999}.login-form .error-message{padding:.75rem 1rem;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;animation:slideDown .3s ease}.login-form .login-button{padding:.9rem 1rem;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-form .login-button:hover:not(:disabled){background-color:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.login-form .login-button:disabled{background-color:#999;cursor:not-allowed}.login-form .login-footer{text-align:center;display:flex;justify-content:center;gap:1rem}.login-form .login-footer a{color:#4a90e2;text-decoration:none;font-size:.9rem;transition:color .3s ease}.login-form .login-footer a:hover{color:#357abd;text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:url(login_background.png);height:100vh}.login-page{display:flex;justify-content:center;align-items:center;height:100vh}.login-page .login-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:3rem 2rem;width:100%;max-width:450px;animation:fadeInUp .5s ease}@media (max-width: 768px){.login-page .login-container{padding:2rem 1.5rem;border-radius:8px}}@media (max-width: 480px){.login-page .login-container{padding:1.5rem 1rem}}.login-page .login-header{text-align:center;margin-bottom:2rem}.login-page .login-header h1{font-size:2.5rem;font-weight:700;color:#333;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.login-page .login-header h1{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-password-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.forgot-password-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.forgot-password-container h2{text-align:center;margin-bottom:.5rem;color:#333;font-size:1.5rem}.description{text-align:center;color:#666;margin-bottom:1.5rem;font-size:.9rem}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box;transition:border-color .3s}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.submit-btn{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:#0056b3}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center;font-size:.9rem}.login-link{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.login-link p{color:#666;font-size:.9rem;margin:0}.login-link a{color:#007bff;text-decoration:none;font-weight:500}.login-link a:hover{text-decoration:underline}.success-message{text-align:center}.success-message h2{color:#28a745;margin-bottom:1rem;font-size:1.5rem}.success-message p{color:#666;line-height:1.6;margin-bottom:.5rem}.success-message .small-text{font-size:.85rem;color:#999}.success-message .redirect-text{font-size:.85rem;color:#999;margin-top:1rem;margin-bottom:1.5rem}.back-to-login-btn{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .2s}.back-to-login-btn:hover{background-color:#0056b3;text-decoration:none}.reset-password-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.reset-password-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.reset-password-container h2{text-align:center;margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}button[type=submit]{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}button[type=submit]:hover:not(:disabled){background-color:#0056b3}button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}.admin-navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.admin-navbar .navbar-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:70px;gap:15px}.admin-navbar .navbar-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.admin-navbar .navbar-brand .brand-logo{height:35px;width:auto}.admin-navbar .navbar-brand .brand-text{font-size:1.4rem;font-weight:700;color:#fff}.admin-navbar .navbar-menu{display:flex;gap:8px;flex:1;justify-content:center;min-width:0}.admin-navbar .navbar-menu .navbar-item{display:flex;align-items:center;gap:6px;padding:8px 12px;color:#fff;text-decoration:none;border-radius:8px;transition:all .2s ease;font-weight:500;white-space:nowrap;flex-shrink:1}.admin-navbar .navbar-menu .navbar-item:hover{background-color:#ffffff1a}.admin-navbar .navbar-menu .navbar-item.active{background-color:#fff3;box-shadow:0 2px 8px #0000001a}.admin-navbar .navbar-menu .navbar-item .item-icon{font-size:1.1rem}.admin-navbar .navbar-menu .navbar-item .item-label{font-size:.85rem}.admin-navbar .navbar-actions{flex-shrink:0;display:flex;align-items:center}.admin-navbar .navbar-actions .logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;position:relative;transition:all .2s}.admin-navbar .navbar-actions .logout-btn:hover{background:#fff3}.admin-navbar .navbar-actions .logout-btn:hover .logout-icon{transform:scale(1.1)}.admin-navbar .navbar-actions .logout-btn:hover .tooltip-text{visibility:visible;opacity:1}.admin-navbar .navbar-actions .logout-btn .logout-icon{font-size:1.3rem;transition:transform .2s}.admin-navbar .navbar-actions .tooltip-text{visibility:hidden;opacity:0;position:absolute;top:120%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;transition:opacity .3s;pointer-events:none;box-shadow:0 4px 6px #0003}.admin-navbar .navbar-actions .tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom-color:#333}@media (max-width: 1150px){.admin-navbar .navbar-menu .item-label{display:none}}@media (max-width: 768px){.admin-navbar .navbar-menu.desktop-menu,.admin-navbar .navbar-actions{display:none}.admin-navbar .mobile-menu-toggle{display:block}.admin-navbar .mobile-menu-toggle .hamburger-btn{background:none;border:none;display:flex;flex-direction:column;gap:4px}.admin-navbar .mobile-menu-toggle .hamburger-btn .hamburger-line{width:24px;height:3px;background:#fff;border-radius:2px}}.admin-navbar .mobile-menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);padding:15px;display:flex;flex-direction:column;gap:8px}.admin-navbar .mobile-menu .mobile-menu-item{display:flex;align-items:center;gap:10px;padding:12px;color:#fff;text-decoration:none;border-radius:6px}.admin-navbar .mobile-menu .mobile-menu-item.active{background:#fff3}.admin-navbar .mobile-menu .mobile-logout-btn{margin-top:10px;padding:12px;background:#0000001a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px}.dashboard-home h1{color:#333;margin-bottom:30px;font-size:2rem;text-align:center}.dashboard-home .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.dashboard-home .stats-grid .stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e0e0e0}.dashboard-home .stats-grid .stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.dashboard-home .stats-grid .stat-card.large{grid-column:span 2}@media (max-width: 768px){.dashboard-home .stats-grid .stat-card.large{grid-column:span 1}}.dashboard-home .stats-grid .stat-card .stat-icon{font-size:3rem;margin-bottom:15px;display:block}.dashboard-home .stats-grid .stat-card .stat-content h3{color:#666;font-size:1rem;margin-bottom:10px;font-weight:500}.dashboard-home .stats-grid .stat-card .stat-content .stat-value{font-size:2rem;font-weight:700;color:#333;margin:0}@media (max-width: 768px){.dashboard-home h1{font-size:1.5rem;margin-bottom:20px}.dashboard-home .stats-grid{grid-template-columns:1fr;gap:15px}.dashboard-home .stats-grid .stat-card{padding:20px}.dashboard-home .stats-grid .stat-card .stat-icon{font-size:2.5rem}.dashboard-home .stats-grid .stat-card .stat-content .stat-value{font-size:1.5rem}}.data-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;border:1px solid #e0e0e0}.data-table-container .table-search{padding:20px;border-bottom:1px solid #e0e0e0}.data-table-container .table-search .search-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.data-table-container .table-search .search-input:focus{outline:none;border-color:#667eea}.data-table-container .table-wrapper{overflow-x:auto}.data-table-container .table-wrapper .data-table{width:100%;border-collapse:collapse}.data-table-container .table-wrapper .data-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.data-table-container .table-wrapper .data-table thead th{padding:15px 20px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.data-table-container .table-wrapper .data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.data-table-container .table-wrapper .data-table thead th.sortable:hover{background-color:#667eea1a}.data-table-container .table-wrapper .data-table tbody tr{transition:background-color .3s ease}.data-table-container .table-wrapper .data-table tbody tr:hover{background-color:#f8f9fa}.data-table-container .table-wrapper .data-table tbody tr:nth-child(2n){background-color:#f8f9ff}.data-table-container .table-wrapper .data-table tbody tr:hover:nth-child(2n){background-color:#f0f2ff}.data-table-container .table-wrapper .data-table tbody td{padding:15px 20px;border-bottom:1px solid #e0e0e0;color:#555;font-size:.9rem}.data-table-container .table-wrapper .data-table tbody td.actions-cell .action-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;margin-right:5px;transition:all .3s ease}.data-table-container .table-wrapper .data-table tbody td.actions-cell .action-btn.edit-btn{background:#28a745;color:#fff}.data-table-container .table-wrapper .data-table tbody td.actions-cell .action-btn.edit-btn:hover{background:#218838;transform:translateY(-1px)}.data-table-container .table-wrapper .data-table tbody td.actions-cell .action-btn.delete-btn{background:#dc3545;color:#fff}.data-table-container .table-wrapper .data-table tbody td.actions-cell .action-btn.delete-btn:hover{background:#c82333;transform:translateY(-1px)}.data-table-container .table-wrapper .data-table tbody td.actions-cell .action-btn.status-btn{background:#ffc107;color:#212529}.data-table-container .table-wrapper .data-table tbody td.actions-cell .action-btn.status-btn:hover{background:#e0a800;transform:translateY(-1px)}.data-table-container .no-data{text-align:center;padding:40px;color:#666;font-style:italic}@media (max-width: 768px){.data-table-container .table-search{padding:15px}.data-table-container .table-wrapper .data-table{font-size:.8rem}.data-table-container .table-wrapper .data-table thead th,.data-table-container .table-wrapper .data-table tbody td{padding:10px 12px}.data-table-container .table-wrapper .data-table .actions-cell .action-btn{padding:4px 8px;font-size:.7rem;margin-right:3px}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-backdrop .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.modal-backdrop .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e0e0e0}.modal-backdrop .modal-content .modal-header h2{margin:0;color:#333;font-size:1.3rem;font-weight:600}.modal-backdrop .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-backdrop .modal-content .modal-header .close-btn:hover{background-color:#f5f5f5;color:#333}.modal-backdrop .modal-content .modal-body{padding:25px}.modal-backdrop .modal-content .modal-body .form-group{margin-bottom:20px}.modal-backdrop .modal-content .modal-body .form-group label{display:block;margin-bottom:5px;color:#333;font-weight:500;font-size:.9rem}.modal-backdrop .modal-content .modal-body .form-group input,.modal-backdrop .modal-content .modal-body .form-group select,.modal-backdrop .modal-content .modal-body .form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.modal-backdrop .modal-content .modal-body .form-group input:focus,.modal-backdrop .modal-content .modal-body .form-group select:focus,.modal-backdrop .modal-content .modal-body .form-group textarea:focus{outline:none;border-color:#667eea}.modal-backdrop .modal-content .modal-body .form-group textarea{resize:vertical;min-height:80px}.modal-backdrop .modal-content .modal-body .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.modal-backdrop .modal-content .modal-body .form-actions button{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.modal-backdrop .modal-content .modal-body .form-actions button:first-child{background:#f5f5f5;color:#666}.modal-backdrop .modal-content .modal-body .form-actions button:first-child:hover{background:#e0e0e0}.modal-backdrop .modal-content .modal-body .form-actions button:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-backdrop .modal-content .modal-body .form-actions button:last-child:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-backdrop .modal-content{width:95%;margin:20px}.modal-backdrop .modal-content .modal-header{padding:15px 20px}.modal-backdrop .modal-content .modal-header h2{font-size:1.1rem}.modal-backdrop .modal-content .modal-body{padding:20px}.modal-backdrop .modal-content .modal-body .form-actions{flex-direction:column}.modal-backdrop .modal-content .modal-body .form-actions button{width:100%}}.salesmen-page{padding:40px;max-width:1600px;margin:0 auto}.salesmen-page .page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;border-bottom:2px solid #f0f0f0;padding-bottom:20px}.salesmen-page .page-header .header-text h1{color:#1a1a1a;font-size:2.4rem;margin:0 0 8px;font-weight:800;letter-spacing:-.5px}.salesmen-page .page-header .header-text p{color:#666;margin:0;font-size:1.1rem}.salesmen-page .page-header .add-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 28px;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #667eea4d}.salesmen-page .page-header .add-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}.salesmen-page .content-area{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;padding:20px}.salesmen-page .content-area .goal-value{font-weight:700}.salesmen-page .content-area .goal-value.current{color:#2ecc71}.salesmen-page .content-area .goal-value.previous{color:#95a5a6;font-weight:400}.salesmen-page .loader-container{height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#764ba2;font-weight:500}.salesmen-page .loader-container .spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #764ba2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.salesman-form .form-section{margin-bottom:30px}.salesman-form .form-section h3{font-size:.9rem;text-transform:uppercase;color:#999;letter-spacing:1px;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:5px}.salesman-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.salesman-form .form-group{margin-bottom:20px}.salesman-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.salesman-form .form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.salesman-form .form-group input:focus{outline:none;border-color:#667eea}.salesman-form .form-group.goal-highlight{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.salesman-form .form-group.goal-highlight .input-with-currency{position:relative}.salesman-form .form-group.goal-highlight .input-with-currency input{padding-right:60px;font-size:1.2rem;font-weight:700;color:#764ba2}.salesman-form .form-group.goal-highlight .input-with-currency .currency-label{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-weight:600}.salesman-form .form-group.goal-highlight .helper-text{font-size:.8rem;color:#64748b;margin-top:8px}.salesman-form .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:40px;padding-top:20px;border-top:1px solid #eee}.salesman-form .form-actions button{padding:12px 30px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.salesman-form .form-actions .cancel-btn{background:#f1f5f9;border:none;color:#475569}.salesman-form .form-actions .cancel-btn:hover{background:#e2e8f0}.salesman-form .form-actions .submit-btn{background:#764ba2;border:none;color:#fff;box-shadow:0 4px 12px #764ba233}.salesman-form .form-actions .submit-btn:hover{background:#66418d;transform:translateY(-1px)}@media (max-width: 1024px){.desktop-only-column{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.customers-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.customers-page .page-header h1{color:#333;margin:0;font-size:2rem}.customers-page .page-header .add-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.customers-page .page-header .add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.customers-page .table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.customers-page .table-wrapper table{min-width:600px}.customers-page .pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;flex-wrap:wrap}.customers-page .pagination span{font-size:.9rem;color:#555}.customers-page .pagination button{padding:8px 12px;border:none;background:#667eea;color:#fff;border-radius:6px;cursor:pointer;transition:.2s}.customers-page .pagination button:hover:not(:disabled){background:#5a6fd8}.customers-page .pagination button:disabled{background:#ccc;cursor:not-allowed}.customers-page .customer-form .form-group{margin-bottom:20px}.customers-page .customer-form .form-group label{display:block;margin-bottom:5px;color:#333;font-weight:500}.customers-page .customer-form .form-group input,.customers-page .customer-form .form-group select,.customers-page .customer-form .form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.customers-page .customer-form .form-group input:focus,.customers-page .customer-form .form-group select:focus,.customers-page .customer-form .form-group textarea:focus{outline:none;border-color:#667eea}.customers-page .customer-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.customers-page .customer-form .form-actions button{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.customers-page .customer-form .form-actions button:first-child{background:#f5f5f5;color:#666}.customers-page .customer-form .form-actions button:first-child:hover{background:#e0e0e0}.customers-page .customer-form .form-actions button:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.customers-page .customer-form .form-actions button:last-child:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}@media (max-width: 768px){.customers-page .table-wrapper{overflow-x:hidden}.customers-page table{display:block}.customers-page thead{display:none}.customers-page tbody{display:block}.customers-page tr{display:block;margin-bottom:15px;border:1px solid #eee;border-radius:10px;padding:10px;background:#fff}.customers-page td{display:flex;justify-content:space-between;padding:6px 0;border:none;font-size:.9rem}.customers-page td:nth-child(1){font-weight:600;font-size:1rem;margin-bottom:6px}.customers-page td:before{content:attr(data-label);font-weight:500;color:#666}}.statistics-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.statistics-page .page-header h1{color:#333;margin:0;font-size:2rem}.statistics-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.statistics-page .stats-grid .stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #667eea}.statistics-page .stats-grid .stat-card .stat-label{color:#999;font-size:.9rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.statistics-page .stats-grid .stat-card .stat-value{font-size:2rem;font-weight:700;color:#333}.statistics-page .stats-grid .stat-card .stat-change{font-size:.85rem;color:#667eea;margin-top:10px}.statistics-page .stats-grid .stat-card .stat-change.negative{color:#e74c3c}.statistics-page .chart-container{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.statistics-page .chart-container h2{color:#333;margin-top:0;margin-bottom:20px;font-size:1.5rem}@media (max-width: 768px){.statistics-page .stats-grid{grid-template-columns:1fr}.statistics-page .chart-container{overflow-x:auto}}.warehouse-page{padding:20px;max-width:100%;overflow-x:hidden;box-sizing:border-box}.warehouse-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.warehouse-page .page-header h1{color:#333;font-size:2rem;margin:0;font-weight:700}.warehouse-page .page-header .add-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.warehouse-page .page-header .add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #764ba24d}.warehouse-page :deep(.data-table-container),.warehouse-page .table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;-webkit-overflow-scrolling:touch}.warehouse-page :deep(.data-table-container) table,.warehouse-page .table-wrapper table{width:100%;border-collapse:collapse;min-width:300px}.warehouse-page :deep(.data-table-container) table th,.warehouse-page :deep(.data-table-container) table td,.warehouse-page .table-wrapper table th,.warehouse-page .table-wrapper table td{padding:16px;text-align:left;border-bottom:1px solid #f0f0f0}.warehouse-page :deep(.data-table-container) table th,.warehouse-page .table-wrapper table th{background-color:#fafafa;color:#666;font-weight:600;text-transform:uppercase;font-size:.85rem}.warehouse-page .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px}.warehouse-page .pagination button{padding:10px 16px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;border-radius:6px;font-weight:500;transition:all .2s}.warehouse-page .pagination button:hover:not(:disabled){border-color:#667eea;color:#667eea}.warehouse-page .pagination button.active{background:#667eea;color:#fff;border-color:#667eea}.warehouse-page .pagination button:disabled{opacity:.4;cursor:not-allowed}.warehouse-page .product-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px}.warehouse-page .product-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#444;font-size:.9rem}.warehouse-page .product-form .form-group input{width:100%;padding:12px;border:2px solid #edf2f7;border-radius:8px;box-sizing:border-box;font-size:1rem;transition:border-color .2s}.warehouse-page .product-form .form-group input:focus{outline:none;border-color:#667eea}.warehouse-page .product-form .form-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.warehouse-page .product-form .form-actions button{padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;border:1px solid #e2e8f0;background:#fff;transition:all .2s}.warehouse-page .product-form .form-actions button:last-child{background:#667eea;color:#fff;border:none}.warehouse-page .product-form .form-actions button:last-child:hover{background:#5a67d8}.warehouse-page .product-form .form-actions button:first-child:hover{background:#f7fafc}@media (max-width: 768px){.warehouse-page{padding:15px}.warehouse-page .page-header{flex-direction:column;gap:20px;text-align:center}.warehouse-page .page-header h1{font-size:1.6rem}.warehouse-page .page-header .add-btn{width:100%;justify-content:center}.warehouse-page :deep(.col-desktop){display:none!important}.warehouse-page :deep(.col-mobile){display:table-cell!important;font-weight:600}.warehouse-page :deep(.actions-column){min-width:100px}.warehouse-page .product-form{grid-template-columns:1fr;gap:15px}.warehouse-page .product-form .form-group,.warehouse-page .product-form .form-actions{grid-column:span 1}.warehouse-page .product-form .form-actions{flex-direction:column-reverse}.warehouse-page .product-form .form-actions button{width:100%}.warehouse-page .pagination{flex-wrap:wrap;gap:5px}.warehouse-page .pagination button{padding:8px 12px;font-size:.9rem}}.orders-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.orders-page .page-header h1{color:#333;margin:0;font-size:2rem}.orders-page .page-header .add-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.orders-page .page-header .add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.orders-page .order-form .form-group{margin-bottom:20px}.orders-page .order-form .form-group label{display:block;margin-bottom:5px;color:#333;font-weight:500}.orders-page .order-form .form-group input,.orders-page .order-form .form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.orders-page .order-form .form-group input:focus,.orders-page .order-form .form-group select:focus{outline:none;border-color:#667eea}.orders-page .order-form .order-items-section .add-item-form{display:flex;gap:10px;margin-bottom:15px}.orders-page .order-form .order-items-section .add-item-form select,.orders-page .order-form .order-items-section .add-item-form input{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px}.orders-page .order-form .order-items-section .add-item-form button{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.orders-page .order-form .order-items-section .add-item-form button:hover{background:#218838}.orders-page .order-form .order-items-section .order-items-list .order-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:5px;background:#f9f9f9}.orders-page .order-form .order-items-section .order-items-list .order-item button{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.orders-page .order-form .order-items-section .order-items-list .order-item button:hover{background:#c82333}.orders-page .order-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.orders-page .order-form .form-actions button{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.orders-page .order-form .form-actions button:first-child{background:#f5f5f5;color:#666}.orders-page .order-form .form-actions button:first-child:hover{background:#e0e0e0}.orders-page .order-form .form-actions button:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.orders-page .order-form .form-actions button:last-child:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}@media (max-width: 768px){.orders-page .page-header{flex-direction:column;align-items:flex-start}.orders-page .page-header h1{margin-bottom:15px}.orders-page .page-header .add-btn{width:100%;justify-content:center}}.admin-dashboard{min-height:100vh;background-color:#f5f5f5}.admin-dashboard .loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#666}.admin-dashboard .dashboard-content{padding:20px;max-width:1400px;margin:0 auto}@media (max-width: 768px){.admin-dashboard .dashboard-content{padding:10px}}.trader-navbar{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 20px #0003;position:sticky;top:0;width:100%;z-index:1000;height:70px;display:flex;align-items:center}.trader-navbar .navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.trader-navbar .navbar-brand{display:flex;align-items:center}.trader-navbar .navbar-brand .brand-logo{height:45px;width:auto;min-width:45px;object-fit:contain}.trader-navbar .user-info .user-name{color:#fff;font-weight:500;font-size:.95rem;margin-right:15px}@media (max-width: 768px){.trader-navbar .user-info{display:none}}.trader-navbar .desktop-menu{display:flex;gap:15px;flex-grow:1;justify-content:center}@media (max-width: 768px){.trader-navbar .desktop-menu{display:none}}.trader-navbar .desktop-menu .navbar-item{display:flex;align-items:center;gap:8px;padding:10px 15px;color:#fff;text-decoration:none;border-radius:8px;transition:all .3s ease;font-size:.9rem}.trader-navbar .desktop-menu .navbar-item:hover{background-color:#ffffff1a}.trader-navbar .desktop-menu .navbar-item.active{background-color:#ffffff40;font-weight:600}@media (max-width: 768px){.trader-navbar .navbar-actions{display:none}}.trader-navbar .navbar-actions .logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.trader-navbar .navbar-actions .logout-btn:hover{background:#ffffff40}.trader-navbar .mobile-menu-toggle{display:none}@media (max-width: 768px){.trader-navbar .mobile-menu-toggle{display:block}}.trader-navbar .mobile-menu-toggle .hamburger-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:10px}.trader-navbar .mobile-menu-toggle .hamburger-btn .hamburger-line{width:25px;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}.trader-navbar .mobile-menu-toggle .hamburger-btn.open .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.trader-navbar .mobile-menu-toggle .hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;transform:translate(-10px)}.trader-navbar .mobile-menu-toggle .hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.trader-navbar .mobile-menu{position:absolute;top:70px;left:0;right:0;background:#45a049;box-shadow:0 10px 20px #0003;display:flex;flex-direction:column;padding:10px 0;z-index:999}.trader-navbar .mobile-menu .mobile-menu-item{display:flex;align-items:center;gap:15px;padding:15px 25px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05)}.trader-navbar .mobile-menu .mobile-menu-item.active{background-color:#ffffff26;font-weight:700}.trader-navbar .mobile-menu .mobile-menu-item .item-icon{font-size:1.2rem}.trader-navbar .mobile-menu .mobile-logout-btn{background:none;border:none;color:#fff;padding:15px 25px;text-align:left;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:15px}.trader-dashboard-home{padding:30px;max-width:1400px;margin:20px auto 30px;background-color:#fff;border-radius:14px;box-shadow:0 8px 30px #00000012}.trader-dashboard-home h1{color:#2c2c2c;margin-bottom:25px;font-size:2.2rem;text-align:center}@media (max-width: 768px){.trader-dashboard-home h1{font-size:1.5rem;margin-bottom:20px}}.trader-dashboard-home .stats-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:20px;margin-top:20px}@media (max-width: 992px){.trader-dashboard-home .stats-grid{grid-template-columns:repeat(1,minmax(280px,1fr))}}@media (max-width: 768px){.trader-dashboard-home .stats-grid{grid-template-columns:1fr;gap:15px}}.trader-dashboard-home .stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;padding:25px;box-shadow:0 4px 20px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;display:flex;align-items:center;gap:20px}.trader-dashboard-home .stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}@media (max-width: 768px){.trader-dashboard-home .stat-card{padding:20px;gap:15px}}.trader-dashboard-home .stat-card .stat-icon{font-size:3rem;min-width:60px;text-align:center}@media (max-width: 768px){.trader-dashboard-home .stat-card .stat-icon{font-size:2.5rem;min-width:50px}}.trader-dashboard-home .stat-card .stat-content{flex:1}.trader-dashboard-home .stat-card .stat-content h3{color:#495057;font-size:1.1rem;margin:0 0 10px;font-weight:600}@media (max-width: 768px){.trader-dashboard-home .stat-card .stat-content h3{font-size:1rem}}.trader-dashboard-home .stat-card .stat-content .stat-value{color:#28a745;font-size:1.8rem;font-weight:700;margin:0}@media (max-width: 768px){.trader-dashboard-home .stat-card .stat-content .stat-value{font-size:1.5rem}}.trader-dashboard-home .loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#666}.client-page{padding:20px;max-width:1400px;margin:0 auto}.client-page .page-header{margin-bottom:25px}.client-page .page-header .header-top{display:flex;justify-content:space-between;align-items:center}.client-page .page-header .header-top h1{color:#2c3e50;font-size:1.8rem;margin:0}.client-page .error-banner{background-color:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:600;border:1px solid #fecaca}.client-page .action-bar{display:flex;gap:15px;margin-top:20px}@media (max-width: 768px){.client-page .action-bar{display:none}.client-page .action-bar.active{display:flex;flex-direction:column;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 25px #0000001a;position:absolute;width:calc(100% - 40px);z-index:1000}}.client-page .action-bar .search-input{flex:1;padding:12px 25px;border:1px solid #ddd;border-radius:30px}.client-page .action-bar .search-input:focus{outline:none;border-color:#3498db}.client-page .action-bar .btn-add{background:#27ae60;color:#fff;border:none;padding:12px 30px;border-radius:30px;font-weight:600;cursor:pointer}.client-page .action-bar .btn-add:hover{opacity:.9}.client-page .action-bar .btn-search-auto{background-color:#007bff;color:#fff;border:none;padding:12px 25px;border-radius:30px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.client-page .action-bar .btn-search-auto:hover{background-color:#0056b3}.client-page .table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow:hidden;margin-top:20px}.client-page .client-table{width:100%;border-collapse:collapse;table-layout:fixed}.client-page .client-table th,.client-page .client-table td{padding:16px;vertical-align:middle}.client-page .client-table .col-data{width:60%;text-align:left}.client-page .client-table .col-status,.client-page .client-table .col-actions{width:20%;text-align:center}.client-page .client-table .actions-cell{display:flex;justify-content:center;gap:15px}.client-page .client-table .actions-cell button{background:none;border:none;cursor:pointer;font-size:1.2rem}.client-page .client-table .actions-cell button.edit-btn{color:#3498db}.client-page .client-table .actions-cell button.del-btn{color:#e74c3c}.client-page .client-table .actions-cell button:hover{transform:scale(1.1)}.client-page .client-table .inline-row{display:flex;align-items:center;gap:8px}.client-page .client-table .inline-row .firm-name{font-weight:600;color:#2c3e50}.client-page .client-table .inline-row .dot-sep{color:#ccc}.client-page .client-table .inline-row .firm-addr{color:#7f8c8d;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-page .client-table .status-pill{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;min-width:90px;text-align:center}.client-page .client-table .status-pill.nowy{background:#e0f2fe;color:#0369a1}.client-page .client-table .status-pill.stały{background:#dcfce7;color:#15803d}.client-page .client-table .status-pill.w-trakcie{background:#fef3c7;color:#b45309}@media (max-width: 768px){.client-page .client-table thead{display:none}.client-page .client-table tr{display:block;border-bottom:8px solid #f8fafc;padding:10px 0}.client-page .client-table td{display:flex;justify-content:space-between;padding:10px 15px;border:none;width:100%!important;box-sizing:border-box}.client-page .client-table td:before{content:attr(data-label);font-weight:700;color:#94a3b8;font-size:.7rem}.client-page .client-table td .inline-row{flex-direction:column;align-items:flex-end;text-align:right}.client-page .client-table td .inline-row .dot-sep{display:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-overlay .modal-content{background:#fff;padding:30px;border-radius:15px;width:100%;max-width:450px;display:flex;flex-direction:column;gap:15px}.modal-overlay .modal-content h2{margin-top:0;color:#2c3e50;font-size:1.4rem}.modal-overlay .modal-content p.info-text{font-size:.9rem;color:#64748b;line-height:1.4}.modal-overlay .modal-content input{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.modal-overlay .modal-content input:focus{border-color:#3498db;outline:none}.modal-overlay .modal-content .modal-actions{display:flex;gap:10px;margin-top:10px}.modal-overlay .modal-content .modal-actions button{flex:1;padding:12px;border-radius:8px;cursor:pointer;border:none;font-weight:600;transition:background .2s}.modal-overlay .modal-content .modal-actions .save-btn,.modal-overlay .modal-content .modal-actions .search-btn-submit{background:#3498db;color:#fff}.modal-overlay .modal-content .modal-actions .save-btn:hover,.modal-overlay .modal-content .modal-actions .search-btn-submit:hover{background:#217dbb}.modal-overlay .modal-content .modal-actions button[type=button]{background:#e2e8f0;color:#475569}.modal-overlay .modal-content .modal-actions button[type=button]:hover{background:#cbd5e1}.trader-navbar{background-color:#5cb85c;color:#fff;padding:.7rem 1rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.trader-navbar .navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.trader-navbar .desktop-menu{display:flex;gap:10px}@media (max-width: 992px){.trader-navbar .desktop-menu{display:none}}.trader-navbar .desktop-menu .navbar-item{color:#ffffffe6;text-decoration:none;padding:.6rem 1.2rem;border-radius:8px;transition:all .2s ease;font-weight:500}.trader-navbar .desktop-menu .navbar-item.active{background-color:#fff;color:#5cb85c;font-weight:700}.trader-navbar .desktop-menu .navbar-item:hover:not(.active){background-color:#fff3}.trader-navbar .logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 15px;border-radius:6px;cursor:pointer}.trader-navbar .logout-btn:hover{background:#fff3}.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.hamburger .bar{width:25px;height:3px;background:#2c3e50;border-radius:2px;transition:.3s}.hamburger.open .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (min-width: 768px){.hamburger{display:none}}.products-container{padding:10px 15px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:100%;box-sizing:border-box}.products-container .inventory-header{margin-bottom:15px;display:flex;justify-content:space-between;align-items:flex-end}.products-container .inventory-header .title-section h1{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:700}.products-container .inventory-header .title-section .product-count{color:#7f8c8d;font-size:.8rem}.products-container .search-bar-container{position:relative;max-width:500px;margin-bottom:15px}.products-container .search-bar-container .modern-search{width:100%;padding:8px 12px 8px 35px;font-size:.9rem;border:1px solid #e0e6ed;border-radius:6px;background:#fff;color:#2c3e50}.products-container .search-bar-container .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.9rem;color:#7f8c8d}.products-container .table-responsive{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e6ed;width:100%;overflow:hidden}.products-container .inventory-table{width:100%;border-collapse:collapse;table-layout:fixed}.products-container .inventory-table thead tr{background-color:#fcfcfd}.products-container .inventory-table th{padding:10px 6px;text-align:left;font-size:.7rem;text-transform:uppercase;color:#7f8c8d;border-bottom:2px solid #e0e6ed;font-weight:700}.products-container .inventory-table td{padding:8px 6px;border-bottom:1px solid #f1f1f1;color:#2c3e50;font-size:.8rem;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-container .inventory-table th:nth-child(1){width:32%}.products-container .inventory-table th:nth-child(2){width:14%}.products-container .inventory-table th:nth-child(3){width:10%}.products-container .inventory-table th:nth-child(4){width:5%}.products-container .inventory-table th:nth-child(5){width:7%}.products-container .inventory-table th:nth-child(6){width:10%}.products-container .inventory-table th:nth-child(7){width:11%}.products-container .inventory-table th:nth-child(8){width:11%}.products-container .inventory-table tr:hover{background-color:#f8fbff}.products-container .inventory-table .name{font-weight:600;color:#2c3e50}.products-container .inventory-table .unit-tag{background:#f0f3f5;padding:2px 5px;border-radius:4px;font-size:.7rem}.products-container .inventory-table .stock-bold{font-weight:800}.products-container .inventory-table .stock-bold.success{color:#27ae60}.products-container .inventory-table .stock-bold.warning{color:#e74c3c;background:#e74c3c0d;padding:2px 4px;border-radius:3px}.products-container .inventory-table .text-right{text-align:right}.loader{text-align:center;padding:50px;color:#3498db;font-weight:600}.pagination{display:flex;justify-content:center;margin-top:20px;gap:8px}.pagination button{background:#e9ecef;color:#2c3e50;border:1px solid #e0e6ed;padding:8px 15px;border-radius:6px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.pagination button:hover:not(.active){background:#ced4da}.pagination button.active{background:#3498db;color:#fff;border-color:#3498db;font-weight:700}.pagination button:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 768px){.inventory-table thead{display:none}.inventory-table tbody tr{display:block;margin-bottom:15px;border:1px solid #e0e6ed;border-radius:8px;overflow:hidden;box-shadow:0 1px 5px #00000005}.inventory-table td{display:flex;justify-content:space-between;padding:10px 15px;border-bottom:1px solid #f8f8f8}.inventory-table td:before{content:attr(data-label);font-weight:700;text-transform:uppercase;color:#7f8c8d;flex-basis:40%;text-align:left;padding-right:10px}.inventory-table td:last-child{border-bottom:none}.inventory-table td[data-label=Grupa],.inventory-table td[data-label=Opakowanie],.inventory-table td[data-label=Ilość],.inventory-table td[data-label="Cena A"],.inventory-table td[data-label="Cena B"]{display:none}.inventory-table td[data-label=Nazwa] .name{font-size:1rem;color:#2c3e50}.inventory-table td[data-label="J.M."] .unit-tag{font-size:.85rem}.inventory-table td[data-label="Cena C"]{font-size:1rem;font-weight:700;color:#3498db}}.sales-container{padding:20px;max-width:1300px;margin:0 auto;background:#f8f9fa;min-height:100vh}.sales-container .sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.sales-container .sales-header h1{font-size:1.8rem;color:#2c3e50;margin:0}.sales-container .sales-header .btn-primary{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.sales-container .sales-header .btn-primary:hover{background-color:#217dbb}.sales-container .table-header{display:grid;grid-template-columns:160px 90px 1fr 100px 100px 130px;gap:15px;align-items:center;padding:10px 15px;font-weight:700;color:#7f8c8d;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.sales-container .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:25px;padding-bottom:20px}.sales-container .pagination .page-btn{padding:8px 14px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px;transition:all .2s;font-size:.9rem}.sales-container .pagination .page-btn:hover:not(:disabled){background-color:#f0f0f0;border-color:#bbb}.sales-container .pagination .page-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.sales-container .pagination .page-btn:disabled{cursor:not-allowed;opacity:.5}.sales-container .order-row-group{background:#fff;margin-bottom:8px;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.sales-container .order-row-group.is-expanded{border-color:#3498db;box-shadow:0 4px 15px #0000000d;margin:15px 0}.sales-container .order-main-row{display:grid;grid-template-columns:160px 90px 1fr 100px 100px 130px;gap:15px;align-items:center;padding:18px 15px;cursor:pointer}.sales-container .order-main-row:hover{background-color:#f1f9ff}.sales-container .order-main-row .order-date{font-size:.85rem;color:#7f8c8d;font-family:Roboto Mono,monospace}.sales-container .order-main-row .order-num{font-weight:700;color:#3498db}.sales-container .order-main-row .client-name{color:#2c3e50;font-weight:500}.sales-container .order-main-row .price-cell{font-family:Roboto Mono,monospace;text-align:right;padding-right:10px}.sales-container .order-main-row .status-container{display:flex;justify-content:flex-end}.sales-container .order-main-row .status-pill{padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;width:110px;text-align:center}.sales-container .order-main-row .status-pill.new{background:#e3f2fd;color:#1976d2}.sales-container .order-main-row .status-pill.in_progress{background:#fff3cd;color:#856404}.sales-container .order-main-row .status-pill.completed{background:#d4edda;color:#155724}.sales-container .order-main-row .status-pill.cancelled{background:#f8d7da;color:#721c24}.sales-container .order-details-expanded{padding:20px;background:#fcfcfc;border-top:1px solid #f0f0f0}.sales-container .order-details-expanded h3{font-size:1rem;margin-bottom:15px;color:#2c3e50;border-left:4px solid #3498db;padding-left:10px}.sales-container .order-details-expanded .table-responsive{overflow-x:auto}.sales-container .order-details-expanded .products-table{width:100%;border-collapse:collapse}.sales-container .order-details-expanded .products-table th{text-align:left;padding:12px;background:#f1f1f1;color:#666;font-size:.9rem}.sales-container .order-details-expanded .products-table td{padding:12px;border-bottom:1px solid #eee;font-size:.95rem}.sales-container .order-details-expanded .products-table td code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-size:.85rem;color:#e74c3c}.sales-container .order-details-expanded .products-table td.no-data{text-align:center;padding:30px;color:#999;font-style:italic}.order-form-sales{display:flex;flex-direction:column;gap:20px;padding:10px 5px}.order-form-sales .form-section{display:flex;flex-direction:column;gap:8px}.order-form-sales .form-section label{font-weight:600;color:#2c3e50;font-size:.9rem}.order-form-sales .form-section select,.order-form-sales .form-section input,.order-form-sales .form-section textarea{padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .2s}.order-form-sales .form-section select:focus,.order-form-sales .form-section input:focus,.order-form-sales .form-section textarea:focus{outline:none;border-color:#3498db}.order-form-sales .form-section textarea{min-height:80px;resize:vertical}.order-form-sales .items-builder-box{background:#f8f9fa;padding:20px;border-radius:8px;border:1px dashed rgb(185.75,185.75,185.75)}.order-form-sales .items-builder-box h4{margin:0 0 15px;color:#2c3e50;font-size:1rem}.order-form-sales .items-builder-box .builder-form-vertical{display:flex;flex-direction:column;gap:15px}.order-form-sales .items-builder-box .builder-form-vertical .product-select-row select{width:100%}.order-form-sales .items-builder-box .builder-form-vertical .quantity-action-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:15px;align-items:flex-end}.order-form-sales .items-builder-box .builder-form-vertical .quantity-action-row .input-with-label{display:flex;flex-direction:column;gap:5px}.order-form-sales .items-builder-box .builder-form-vertical .quantity-action-row .input-with-label label{font-size:.8rem;font-weight:700;color:#666}.order-form-sales .items-builder-box .builder-form-vertical .quantity-action-row .price-preview-box{display:flex;flex-direction:column;gap:5px}.order-form-sales .items-builder-box .builder-form-vertical .quantity-action-row .price-preview-box .label{font-size:.8rem;font-weight:700;color:#666}.order-form-sales .items-builder-box .builder-form-vertical .quantity-action-row .price-preview-box .value{height:44px;display:flex;align-items:center;font-family:Roboto Mono,monospace;font-weight:600;color:#27ae60;font-size:1.1rem}.order-form-sales .items-builder-box .builder-form-vertical .quantity-action-row .btn-add-large{height:44px;background:#2c3e50;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:transform .1s,background .2s}.order-form-sales .items-builder-box .builder-form-vertical .quantity-action-row .btn-add-large:hover{background:#3e5871;transform:translateY(-1px)}.order-form-sales .added-items-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto;margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.order-form-sales .added-items-list .added-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 15px;border-radius:6px;border:1px solid #eee;box-shadow:0 2px 4px #00000005}.order-form-sales .added-items-list .added-item .item-main{display:flex;flex-direction:column}.order-form-sales .added-items-list .added-item .item-main strong{font-size:.9rem;color:#2c3e50}.order-form-sales .added-items-list .added-item .item-main small{font-size:.8rem;color:#7f8c8d}.order-form-sales .added-items-list .added-item .item-actions{display:flex;align-items:center;gap:15px}.order-form-sales .added-items-list .added-item .item-actions span{font-family:Roboto Mono,monospace;font-weight:700}.order-form-sales .added-items-list .added-item .item-actions button{background:transparent;color:#e74c3c;border:1px solid #fadbd8;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.75rem}.order-form-sales .added-items-list .added-item .item-actions button:hover{background:#e74c3c;color:#fff}.order-form-sales .order-summary{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#233140;color:#fff;border-radius:8px}.order-form-sales .order-summary div{font-size:.95rem}.order-form-sales .order-summary div strong{font-size:1.2rem;color:#fff;margin-left:5px}.order-form-sales .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.order-form-sales .modal-actions button{padding:12px 25px;border-radius:6px;font-weight:600;cursor:pointer;border:none}.order-form-sales .modal-actions .btn-confirm{background:#27ae60;color:#fff}.order-form-sales .modal-actions .btn-confirm:hover{background:#295}.order-form-sales .modal-actions .btn-confirm:disabled{background:#ccc;cursor:not-allowed}.order-form-sales .modal-actions .btn-cancel{background:#bdc3c7;color:#fff}.order-form-sales .modal-actions .btn-cancel:hover{background:#a1aab0}.loader{text-align:center;padding:50px;color:#2c3e50;font-weight:700;font-size:1.2rem}:global(.modal-content){max-width:850px!important;width:95%!important}@media (max-width: 1100px){.sales-container .table-header{display:none}.sales-container .order-main-row{grid-template-columns:1fr 1fr;gap:10px}.sales-container .order-main-row .client-name{grid-column:span 2;font-size:1.1rem}.sales-container .order-main-row .status-container{grid-column:span 2;justify-content:flex-start;margin-top:5px}.order-form-sales .items-builder-box .builder-form-vertical .quantity-action-row{grid-template-columns:1fr;gap:10px}}.pricing-container{padding:2rem;max-width:1200px;margin:0 auto;font-family:Segoe UI,sans-serif;color:#333}.pricing-container .pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d}.pricing-container .pricing-header .header-info{display:flex;align-items:center;gap:1rem}.pricing-container .pricing-header .header-info .icon-badge{background:#3498db1a;padding:.8rem;border-radius:8px;color:#3498db}.pricing-container .pricing-header .header-info h1{margin:0;font-size:1.4rem;color:#2c3e50}.pricing-container .pricing-header .header-info p{margin:0;font-size:.8rem;color:#7f8c8d}.pricing-container .pricing-header .customer-selector select{padding:.6rem 1rem;border-radius:4px;border:1px solid #dee2e6;min-width:unset;width:100%;margin-top:1rem}.pricing-container .pricing-header .customer-selector select:focus{border-color:#3498db;outline:none}.pricing-container .notification{padding:1rem;border-radius:4px;margin-bottom:1.5rem;text-align:center;font-weight:600;animation:slideDown .3s ease}.pricing-container .notification.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.pricing-container .notification.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.pricing-container .products-grid-wrapper{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.pricing-container .products-table{width:100%;border-collapse:collapse}.pricing-container .products-table thead tr th{padding:1.2rem;text-align:left;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-size:.9rem}.pricing-container .products-table tbody tr:hover{background:#fcfcfc}.pricing-container .products-table tbody tr.row-warn{background:#fff7ed}.pricing-container .products-table tbody tr td{padding:1.2rem;border-bottom:1px solid #eee}.pricing-container .products-table .code{font-family:monospace;font-weight:700;color:#7f8c8d}.pricing-container .products-table .product-name{font-weight:600}.pricing-container .products-table .cost-info{font-size:.75rem;color:#95a5a6}.pricing-container .products-table .price-input-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.pricing-container .products-table .price-input-cell .price-input{width:110px;padding:.5rem;border:1px solid #dee2e6;border-radius:4px;text-align:right}.pricing-container .products-table .price-input-cell .price-input.input-error{border-color:#e74c3c;background:#fff5f5;color:#e74c3c}.pricing-container .products-table .price-input-cell .min-label{font-size:.7rem;color:#bdc3c7}.pricing-container .products-table .save-btn{display:flex;align-items:center;gap:8px;margin:0 auto;background:#2c3e50;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer}.pricing-container .products-table .save-btn:hover:not(:disabled){background:#000}.pricing-container .products-table .save-btn:disabled{background:#bdc3c7;cursor:not-allowed}.pricing-container .pagination{display:flex;justify-content:center;margin-top:2rem;gap:.5rem}.pricing-container .pagination button{background:#e9ecef;color:#2c3e50;border:1px solid #dee2e6;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.pricing-container .pagination button:hover:not(.active){background:#ced4da}.pricing-container .pagination button.active{background:#3498db;color:#fff;border-color:#3498db;font-weight:700}.pricing-container .pagination button:disabled{cursor:not-allowed;opacity:.6}.pricing-container .empty-state{margin-top:2rem;padding:3rem;text-align:center;background:#ebf2f7;border:2px dashed #cbdce7;border-radius:8px;color:#5d819c}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.pricing-header{flex-direction:column;align-items:stretch}.products-table thead{display:none}.products-table tbody tr{display:block;margin-bottom:1rem;border:1px solid #eee;padding:1rem}.products-table tbody tr td{display:flex;justify-content:space-between;padding:.5rem 0}.products-table tbody tr td:before{content:attr(data-label);font-weight:700}}.account-settings-page{background:#f4f7f6;min-height:calc(100vh - 60px);padding:40px 20px}.account-settings-page .settings-container{max-width:700px;margin:0 auto}.account-settings-page .settings-header{margin-bottom:30px}.account-settings-page .settings-header h1{color:#2c3e50;font-size:2rem;margin-bottom:5px}.account-settings-page .settings-header p{color:#7f8c8d}.account-settings-page .profile-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000000d}.account-settings-page .profile-card .field-group{margin-bottom:25px}.account-settings-page .profile-card .field-group label{display:block;font-weight:600;font-size:.8rem;color:#95a5a6;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.account-settings-page .profile-card .field-group .static-value{font-size:1.1rem;color:#2c3e50;padding:10px 0;border-bottom:1px solid #eee}.account-settings-page .profile-card .field-group input{width:100%;padding:12px;border:2px solid #edf2f7;border-radius:8px;font-size:1rem;transition:all .2s}.account-settings-page .profile-card .field-group input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.account-settings-page .profile-card .field-group.readonly .static-value{background:#f9f9f9;padding:12px;border-radius:8px;border-bottom:none}.account-settings-page .profile-card .info-row{display:flex;justify-content:space-between;gap:40px;margin:30px 0;padding:20px;background:#f9fbfb;border-radius:12px;border:1px solid #f0f3f3}.account-settings-page .profile-card .info-row .info-column{flex:1;display:flex;flex-direction:column;align-items:flex-start}.account-settings-page .profile-card .info-row .info-column label{font-size:.7rem;color:#95a5a6;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:700}.account-settings-page .profile-card .info-row .info-column .value-wrapper{display:flex;align-items:center;height:36px;gap:8px}.account-settings-page .profile-card .status-badge{background:#2c3e50;color:#fff;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:500}.account-settings-page .profile-card .status-dot{height:10px;width:10px;border-radius:50%;background:#e74c3c}.account-settings-page .profile-card .status-dot.active{background:#27ae60}.account-settings-page .profile-card .status-text{font-size:.95rem;color:#2c3e50}.account-settings-page .profile-card .timestamp-info{display:flex;flex-direction:column;gap:6px;color:#bdc3c7;margin-bottom:30px;padding-top:15px;border-top:1px solid #f5f5f5}.account-settings-page .profile-card .settings-actions{display:flex;gap:15px}.account-settings-page .profile-card .settings-actions button{flex:1;padding:14px;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1)}.account-settings-page .profile-card .settings-actions button.btn-edit{background:#3498db;color:#fff}.account-settings-page .profile-card .settings-actions button.btn-edit:hover{background:#217dbb}.account-settings-page .profile-card .settings-actions button.btn-save{background:#27ae60;color:#fff}.account-settings-page .profile-card .settings-actions button.btn-save:hover{background:#1e8449}.account-settings-page .profile-card .settings-actions button.btn-cancel{background:#eee;color:#2c3e50}.account-settings-page .profile-card .settings-actions button.btn-cancel:hover{background:#ddd}@media (max-width: 600px){.account-settings-page{padding:20px 10px}.account-settings-page .info-row{flex-direction:column;gap:20px}.account-settings-page .settings-actions{flex-direction:column}}.trader-dashboard{min-height:100vh;background-color:#f5f5f5}.trader-dashboard .dashboard-content{padding:20px;max-width:1400px;margin:0 auto;background-color:#f5f5f5;min-height:calc(100vh - 70px)}@media (max-width: 768px){.trader-dashboard .dashboard-content{padding:10px;min-height:auto}}.trader-dashboard .loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#666}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}