.dashboard-container{padding:20px;text-align:center}.low-stock-list{list-style-type:none;padding:0}.product-item{border:1px solid #ccc;margin:10px 0;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.product-item h3{margin:0;font-size:1.5em}.product-item p{margin:5px 0}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Montserrat,sans-serif;background-color:#f8f9fa;height:100%}.container{display:flex;align-items:center;justify-content:center;height:100vh;gap:40px;max-width:1000px;margin:0 auto}img{width:400px;max-width:100%;border-radius:10px}.text{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:500px;padding:20px}h1{font-size:3rem;font-weight:700;color:#333;margin-bottom:20px}p{font-size:1.2rem;font-weight:400;color:#555;margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:15px;width:100%;align-items:center}.login-form input,.login-form button{padding:12px;font-size:1rem;width:300px!important;max-width:90vw;margin:0 auto;border-radius:5px;outline:none;border:1px solid #ccc}.login-form button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;width:100%;margin-top:10px}.login-form button:hover{background-color:#555}.turnstile-container{margin:15px 0;display:flex;flex-direction:column;align-items:center}.turnstile-help-text,.turnstile-container p,.login-form .error-message,.login-form .success,.login-form .error{max-width:300px;margin:8px auto 0;text-align:center;word-break:break-word;font-size:.95em;color:#666;font-style:italic}@media (max-width: 768px){body{height:auto;padding:20px;text-align:center}.container{flex-direction:column;align-items:center;gap:20px}img{width:80%}.text{width:100%;text-align:center}h1{font-size:2.5rem}p{font-size:1rem}.login-form{align-items:center}.login-form input,.login-form button{width:80%}}.error-message{color:red;font-size:1rem;margin-top:15px;text-align:center}.forgot-password{color:#007bff;cursor:pointer;text-align:center;margin-top:10px}.forgot-password:hover{text-decoration:underline}.error{color:red;font-size:.9rem;margin-top:10px}.success{color:green;font-size:.9rem;margin-top:10px}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#f8f9fa;height:100%}.dashboard-container{padding:20px;max-width:1200px;margin:0 auto}.insights{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.low-stock{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.fetch-button{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.helper-text{font-size:12px;color:#666;margin-top:5px}table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}thead{background:#f8f9fa}th{background-color:#f8f9fa;font-weight:600;color:#495057}.reorder-btn{background-color:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s}.reorder-btn:hover{background-color:#45a049}.insights-tables{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.insight-table{flex:1;min-width:300px;margin-bottom:20px}.table-header button:hover{background-color:#e0e0e0}.table-header h3{margin:0;font-size:1rem;color:#444}@media (max-width: 768px){.insights-tables{flex-direction:column}.insight-table{min-width:100%}th,td{padding:8px 10px;font-size:13px}}.dashboard-content{padding:30px;max-width:1200px;margin:80px auto 0}.insights-container,.reps-container,.low-stock{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.insights-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.insight-table{margin-bottom:15px}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.table-header button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:5px 10px;cursor:pointer;transition:background-color .3s}.table-header button:hover:not(.disabled){background-color:#e0e0e0}.table-header button.disabled{opacity:.5;cursor:not-allowed}.table-header h3{margin:0;font-size:1rem;color:#444;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px;border-radius:4px;border:1px solid #eee}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f8f9fa;font-weight:600;color:#495057;position:sticky;top:0}tr:hover{background-color:#f5f5f5}tr:last-child td{border-bottom:none}h2{margin-top:0;margin-bottom:20px;color:#333;font-size:1.5rem}.MuiPagination-root{display:flex;justify-content:center;margin-top:20px}@media (max-width: 992px){.dashboard-content{padding:20px}.insights-tables{grid-template-columns:1fr}.insight-table{margin-bottom:20px}}@media (max-width: 768px){.dashboard-content{padding:15px;margin-top:70px}.insights-container,.reps-container,.low-stock{padding:15px}th,td{padding:10px;font-size:13px}h2{font-size:1.3rem}.table-header h3{font-size:.9rem;max-width:150px}}@media (max-width: 480px){.dashboard-content{padding:10px;margin-top:60px}.insights-container,.reps-container,.low-stock{padding:12px;margin-bottom:20px}th,td{padding:8px;font-size:12px}.table-header{flex-wrap:nowrap}.table-header h3{max-width:120px;font-size:.8rem}h2{font-size:1.2rem;margin-bottom:15px}}.insights-form{display:flex;flex-direction:column;gap:15px;background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px}.date-inputs{display:flex;gap:15px;flex-wrap:wrap}.input-group{display:flex;flex-direction:column;gap:5px;min-width:200px}.input-group label{font-weight:600;font-size:14px}.input-group input,.input-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.get-insights-btn{background-color:#3f51b5;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;font-weight:600;transition:background-color .2s;align-self:flex-start}.get-insights-btn:hover{background-color:#303f9f}.get-insights-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#f44336;font-size:14px;margin-top:-10px}@media (max-width: 768px){.insights-form{padding:15px}.date-inputs{flex-direction:column}.input-group{width:100%}.get-insights-btn{width:100%;align-self:center}}*{text-decoration:none;margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;color:#333}:root{--header-padding: 15px 25px;--header-height: 80px}.header{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:var(--header-padding);box-shadow:0 2px 5px #0000001a;height:var(--header-height)}.main-content{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));width:100%;position:relative;z-index:1}.brand-section{display:flex;align-items:center}.brand-icon{width:220px;height:auto}.nav-links{display:flex;gap:60px;flex-grow:1;justify-content:center;align-items:center}.nav-links a{color:#000;font-size:18px;font-weight:700;transition:color .3s ease}.nav-links a:hover{color:#007bff}.account-section{display:flex;align-items:center;gap:10px;margin-left:auto;position:relative}.user-role-container{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.user-role-container:hover{background-color:#f0f0f0}.account-icon{width:40px;height:auto;cursor:pointer}.role-badge{font-size:16px;font-weight:600;color:#333}.account-dropdown{display:none;position:absolute;top:60px;right:0;background:#fff;width:220px;padding:15px;box-shadow:0 4px 6px #0000001a;flex-direction:column;gap:5px;z-index:1;border-radius:6px}.account-dropdown.open{display:flex}.user-info{padding:5px 0;margin-bottom:8px}.user-email{font-size:14px;font-weight:500;margin-bottom:5px;word-break:break-all}.user-role{font-size:13px;color:#666}.dropdown-divider{height:1px;background-color:#eee;margin:5px 0 10px}.account-dropdown button{padding:10px 12px;border:none;background:transparent;text-align:left;cursor:pointer;color:#333;border-radius:4px;transition:background-color .2s}.account-dropdown button:hover{background:#f0f0f0}.hamburger{display:none;font-size:30px;cursor:pointer;margin-left:20px;color:#000}@media (max-width: 992px){.nav-links{gap:30px}.nav-links a{font-size:16px}}@media (max-width: 768px){.hamburger{display:block}.nav-links{display:none;flex-direction:column;position:absolute;top:80px;left:0;right:0;background:#fff;width:100%;padding:15px;box-shadow:0 4px 6px #0000001a;gap:20px;z-index:999}.nav-links.open{display:flex}.role-badge{display:none}.account-dropdown{width:200px;right:-15px}}@media (max-width: 480px){:root{--header-padding: 10px 15px}.header{height:70px}.brand-icon{width:180px}.account-icon{width:35px}.nav-links{top:70px;padding:10px}.nav-links a{font-size:15px}.account-dropdown{width:180px;padding:12px;top:55px}}.inventory-container{width:90%;margin:0 auto;padding:20px;background-color:#f8f9fa;min-height:calc(100vh - var(--header-height));overflow-x:auto}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.inventory-header h1{color:#333;font-size:28px;margin:0}.add-product-btn{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center}.add-product-btn:hover,.actions .action-btn:hover{background-color:#0056b3}.actions .action-btn{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap;margin-left:10px}.inventory-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 5px #0000001a;min-width:800px;overflow-x:auto}.inventory-table th,.inventory-table td{padding:12px;border-bottom:1px solid #ddd;text-align:left;transition:background-color .3s ease}.inventory-table th{background-color:#f8f9fa;cursor:pointer;font-weight:700;color:#333;text-transform:uppercase;padding:10px 8px;white-space:normal;word-wrap:break-word;max-width:100px}.inventory-table tr:hover{background-color:#f1f1f1}.inventory-table td:first-child{color:#4b4b4b;font-weight:600}.product-name-cell{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.actions-cell{white-space:nowrap;text-align:right}.edit-btn,.delete-btn,.view-btn{margin:2px;padding:8px 12px;border:none;cursor:pointer;border-radius:4px;transition:background-color .3s ease;font-size:14px}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}@media (max-width: 768px){.inventory-header{flex-direction:column;align-items:flex-start}.actions{flex-direction:column;width:100%;gap:8px;margin-top:10px}.search-input{width:100%}.add-product-btn{width:100%;max-width:none}.inventory-table{min-width:600px;font-size:14px}.inventory-table th,.inventory-table td{padding:10px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:flex-start;z-index:1040;padding:20px;overflow-y:auto}.modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:100%;max-width:700px;z-index:1050;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;margin-top:10vh}.bulk-price-modal-content .modal-content{max-width:500px}.edit-details-container{display:flex;justify-content:space-between;flex-direction:row}.edit-details-vertical{display:flex;flex-direction:column;gap:10px}.edit-popup input{width:calc(100% - 16px);padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px}.product-name-edit{word-wrap:break-word;max-width:100%}@media (max-width: 768px){.edit-details-container{flex-direction:column}}.checkbox-options{margin-top:15px}.checkbox-group{display:flex;align-items:center;margin-bottom:8px}.checkbox-group input[type=checkbox]{margin-right:8px;width:auto}.checkbox-group label{margin-bottom:0;cursor:pointer}.edit-field{margin-bottom:15px}.edit-field label{display:block;margin-bottom:5px;color:#333}.product-name-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:16px}.product-name-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.add-product-btn{background-color:#007bff;color:#fff;padding:12px 20px;font-size:18px;border:none;cursor:pointer;border-radius:4px;transition:background-color .3s ease;min-width:180px;margin-left:10px}.filter-group{display:flex;flex-direction:column;gap:8px;margin-right:20px;width:250px}.filter-group label{font-size:14px;color:#666;margin-bottom:4px}.filter-select{padding:8px;border:1px solid #ccc;border-radius:5px;width:100%;transition:border .3s ease}.filter-select:focus{border-color:#007bff;outline:none}.action-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.clear-filters{padding:8px 12px;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.clear-filters:hover{background-color:#f5f5f5;border-color:#007bff;color:#007bff}.filters-container{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap}.featured-btn{background-color:#007bff;color:#fff;padding:12px 20px;font-size:18px;border:none;cursor:pointer;border-radius:4px;transition:background-color .3s ease;min-width:180px;margin-left:10px;white-space:nowrap}.featured-btn:hover{background-color:#0056b3}@media (max-width: 768px){.edit-details-container{flex-direction:column}.featured-btn,.add-product-btn{width:100%;margin-bottom:10px;margin-left:0}}.popup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.popup-actions .save-btn{background-color:#007bff;color:#fff;padding:12px 20px;font-size:18px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.popup-actions .save-btn:hover{background-color:#0056b3}.popup-actions .cancel-btn{background-color:#6c757d;color:#fff;padding:12px 20px;font-size:18px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.popup-actions .cancel-btn:hover{background-color:#5a6268}.filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.filters-container{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0;padding:1rem;background-color:#f5f5f5;border-radius:8px}.price-range{display:flex;gap:.5rem}.price-range input{width:100px}@media (max-width: 768px){.inventory-table th,.inventory-table td{padding:8px 4px;font-size:.9rem}.product-name-cell{max-width:100px}.edit-btn,.delete-btn,.view-btn{padding:6px 8px;font-size:.875rem}.inventory-header{flex-direction:column;align-items:flex-start}.inventory-header h1{margin-bottom:10px;font-size:1.6rem}.add-product-btn{width:100%;justify-content:center;padding:10px;font-size:.95rem}.filters-container{padding:10px 0;flex-direction:column;align-items:stretch}.filter-group{margin-right:0;margin-bottom:10px;width:100%}.filter-group:last-child{margin-bottom:0}.filter-group input,.filter-group select,.filter-group button{font-size:.9rem;padding:6px 8px}.clear-filters-btn{padding:6px 10px!important}}.product-view-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ddd;width:80%;max-width:600px;padding:20px;border-radius:8px;box-shadow:0 4px 15px #0003;z-index:1001;max-height:80vh;overflow-y:auto}.product-view-popup h3{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}.view-details-container{display:flex;flex-direction:column;gap:15px}.view-section p{margin:8px 0;font-size:1rem;color:#555}.view-section p strong{color:#333;min-width:120px;display:inline-block}.view-images-section{margin-top:15px}.view-images-section h4{margin-bottom:10px;color:#333}.image-thumbnails{display:flex;gap:10px;flex-wrap:wrap}.thumbnail-image{width:100px;height:100px;object-fit:cover;border:1px solid #ddd;border-radius:4px}.view-actions{margin-top:20px;text-align:right}.bulk-price-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease;margin-left:10px}.bulk-price-btn:hover:not(:disabled){background-color:#45a049}.bulk-price-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:500px;z-index:1001;display:flex;flex-direction:column;gap:15px}.modal-content h2{margin-top:0;color:#333;font-size:24px;border-bottom:1px solid #eee;padding-bottom:10px}.modal-content p{font-size:16px;color:#666;line-height:1.5}.modal-content .form-group{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.modal-content .form-group label{margin-bottom:0;font-weight:700;color:#555;flex:1;text-align:left}.modal-content .form-group input{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;flex:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions .update-btn,.modal-actions .cancel-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.modal-actions .update-btn{background-color:#28a745;color:#fff}.modal-actions .update-btn:hover{background-color:#218838}.modal-actions .cancel-btn{background-color:#6c757d;color:#fff}.modal-actions .cancel-btn:hover{background-color:#5a6268}.current-prices-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;margin-top:10px;margin-bottom:10px}.current-prices-info h4{margin-top:0;margin-bottom:10px;color:#343a40;font-size:18px}.current-prices-info p{margin:5px 0;font-size:16px;color:#495057}.current-prices-info p strong{color:#212529;min-width:80px;display:inline-block}@media (max-width: 480px){.modal-content{padding:15px;margin-top:5vh;width:95%;max-height:90vh}.modal-actions{flex-direction:column;align-items:stretch;gap:10px}.modal-actions .update-btn,.modal-actions .cancel-btn{width:100%;margin:0;padding:12px;font-size:16px}}.add-product-container{max-width:800px;margin:90px auto 20px;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}h2{text-align:center;color:#333}.error-message{background-color:#f8d7da;color:#721c24;padding:15px;margin:20px 0;border:1px solid #f5c6cb;border-radius:4px;text-align:center;font-size:16px;font-weight:500}.input-group{margin-bottom:15px;display:flex;flex-direction:column}.input-label{display:block;margin-bottom:5px;font-weight:700;color:#555}input[type=text],input[type=number],select,input[type=file]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg fill="%23343a40" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.add-brand-btn{background-color:#5cb85c;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:5px}.add-brand-btn:hover{background-color:#4cae4c}.submit-btn{background-color:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-size:18px;width:100%;margin-top:20px;display:flex;justify-content:center;align-items:center}.popup-message{padding:10px;margin-bottom:10px;border-radius:4px}.popup-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.popup-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.instruction-message{color:#777;font-size:14px;margin-top:5px}.featured-container{width:90%;max-width:1200px;margin:20px auto;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a}.featured-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.featured-header h2{color:#333;font-size:28px;margin:0}.loading-container{display:flex;justify-content:center;margin-top:30px}.tables-container{display:flex;flex-direction:column;gap:30px}.product-section{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:30px;overflow-x:auto}.product-section h3{color:#333;margin-bottom:15px;font-size:20px}.no-products{color:#666;font-style:italic}.product-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:650px}.product-table th,.product-table td{padding:12px;border-bottom:1px solid #ddd;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-table th{background-color:#f8f9fa;font-weight:700;color:#333}.product-table tr:hover{background-color:#f1f1f1}.back-button{background-color:#6c757d;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:18px;transition:background-color .3s}.back-button:hover{background-color:#5a6268}.error-message{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:4px;margin-bottom:20px;border:1px solid #f5c6cb}.remove-btn{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:14px;transition:background-color .3s}.remove-btn:hover{background-color:#c82333}@media (max-width: 992px){.featured-container{width:95%;padding:15px}.featured-header h2{font-size:24px}.product-section{padding:15px}}@media (max-width: 768px){.featured-header{flex-direction:column;align-items:flex-start}.actions{margin-top:10px;width:100%}.back-button{width:100%;text-align:center;padding:10px;font-size:16px}.product-table{font-size:14px}.product-table th,.product-table td{padding:8px}.product-section h3{font-size:18px}}@media (max-width: 576px){.featured-container{width:100%;margin:10px 0;border-radius:0}.product-section{padding:10px;border-radius:0}.remove-btn{padding:4px 8px;font-size:12px}}.add-account-section{background-color:#f9f9f9;min-height:100vh;display:flex;align-items:center;justify-content:center}.add-account-wrapper{width:100%;max-width:400px;padding:20px}.add-account-form-box{background-color:#fff;padding:30px;border-radius:8px;border:1px solid #ccc;box-shadow:0 0 10px #0000000d}.add-account-form-box h1{font-size:24px;margin-bottom:20px;color:#333;text-align:center}.input-group{margin-bottom:15px}.input-group label{display:block;font-size:14px;font-weight:600;margin-bottom:5px;color:#555}.input-group input,.input-group select{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.checkbox-group{display:flex;align-items:center;margin-bottom:15px;font-size:14px}.checkbox-group input{margin-right:10px}.checkbox-group a{color:#007bff;text-decoration:none}.checkbox-group a:hover{text-decoration:underline}.submit-btn{width:100%;background-color:#007bff;color:#fff;padding:12px;border:none;border-radius:4px;font-size:16px;cursor:pointer;margin-top:10px}.submit-btn:hover{background-color:#0056b3}.login-prompt{margin-top:10px;text-align:center;font-size:14px;color:#666}.login-prompt a{color:#007bff;text-decoration:none}.login-prompt a:hover{text-decoration:underline}.error-message{background-color:#fee2e2;border:1px solid #ef4444;color:#dc2626;padding:.75rem;border-radius:.375rem;margin-bottom:1rem}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-link{display:block;text-align:center;color:#6b7280;text-decoration:none;margin-top:1rem}.cancel-link:hover{text-decoration:underline}.success-message{background-color:#dcfce7;border:1px solid #22c55e;color:#15803d;padding:.75rem;border-radius:.375rem;margin-bottom:1rem}.notes-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;resize:vertical;min-height:100px;font-family:inherit;font-size:14px}.notes-input:focus{outline:none;border-color:#4a90e2}.disabled-input{background-color:#f5f5f5;border:1px solid #ddd;padding:8px;width:100%;border-radius:4px;color:#666;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;color:gray}.accounts-container{width:90%;margin:0 auto;padding:20px;background-color:#f8f9fa}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.accounts-header h2{color:#333;font-size:28px;margin:0}.actions{display:flex;gap:10px;align-items:center}.search-input{padding:8px;border:1px solid #ccc;border-radius:5px;width:200px;transition:border .3s ease}.add-accounts-btn{background-color:#007bff;color:#fff;padding:8px 24px;font-size:16px;border:none;cursor:pointer;border-radius:5px;transition:background-color .3s ease;min-width:180px;margin-left:10px}.add-accounts-btn:hover{background-color:#0056b3}.table-responsive{overflow-x:auto;margin-top:20px}.accounts-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a}.accounts-table th,.accounts-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.accounts-table th{background-color:#f8f9fa;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.accounts-table th:hover{background-color:#f1f3f5}.accounts-table tbody tr:hover{background-color:#f8f9fa}.accounts-table td{font-size:14px}.accounts-table th:nth-child(6),.accounts-table td:nth-child(6){min-width:180px}@media screen and (max-width: 1024px){.accounts-table{display:block;overflow-x:auto;white-space:nowrap}}.accounts-table td:first-child{color:#4b4b4b;font-weight:600}.edit-btn{padding:6px 10px;border:none;cursor:pointer;border-radius:5px;transition:background-color .3s ease;font-size:14px;background-color:#28a745;color:#fff}.edit-btn:hover{background-color:#218838}.edit-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border:1px solid #ccc;box-shadow:0 4px 8px #0003;z-index:1000;display:flex;flex-direction:column;gap:15px;width:500px;max-width:90%}.edit-popup.show{display:flex;flex-direction:column}.edit-details-container{display:flex;justify-content:space-between;flex-direction:row;gap:20px}.edit-details-left,.edit-details-right{flex:1}.edit-popup label{font-weight:700;margin-bottom:5px}.edit-popup input,.edit-popup select,.edit-popup textarea{padding:8px;border:1px solid #ddd;border-radius:4px;width:100%;box-sizing:border-box;margin-bottom:10px}.edit-popup textarea{resize:vertical}.edit-actions{display:flex;justify-content:flex-end;gap:10px}.update-btn,.cancel-btn{padding:10px 15px;border:none;cursor:pointer;border-radius:4px;font-size:16px}.update-btn{background-color:#007bff;color:#fff}.cancel-btn{background-color:#dc3545;color:#fff}.user-name-edit{word-wrap:break-word;max-width:100%}@media (max-width: 768px){.accounts-header{flex-direction:column;align-items:flex-start}.actions{flex-direction:column;width:100%;gap:8px;margin-top:10px}.search-input{width:100%}.add-accounts-btn{width:100%;max-width:none}.accounts-table{min-width:600px;font-size:14px}.accounts-table th,.accounts-table td{padding:10px}.edit-details-container{flex-direction:column}}.edit-details-right select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;font-size:14px}.edit-details-right select:focus{outline:none;border-color:#4a90e2}.disabled-input{background-color:#f5f5f5;border:1px solid #ddd;padding:8px;width:100%;border-radius:4px;color:#666;cursor:not-allowed;margin-bottom:15px;font-size:14px}.edit-textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;font-size:14px;resize:vertical;min-height:100px}.edit-textarea:focus{outline:none;border-color:#4a90e2}.edit-select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;font-size:14px}.edit-select:focus{outline:none;border-color:#4a90e2}.role-select,.assigned-to-select{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.role-select:disabled,.assigned-to-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.edit-modal .form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-top:4px}.accounts-management{padding:24px}.accounts-management table{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.accounts-management th,.accounts-management td{padding:12px;text-align:left;border-bottom:1px solid #eee}.accounts-management th{background-color:#f5f5f5;font-weight:500}.accounts-management tr:hover{background-color:#f8f8f8}@media (max-width: 768px){.accounts-management{padding:16px}.accounts-management table{display:block;overflow-x:auto;white-space:nowrap}}.filters-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-group label{font-size:.9rem;margin-bottom:.5rem;color:#666}.filter-group select,.filter-group input{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#1976d2}.clear-filters{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:fit-content;color:#333;font-weight:500}.clear-filters:hover{background-color:#e0e0e0}@media (max-width: 768px){.filters-container{flex-direction:column}.filter-group{width:100%}}.fetch-button{background-color:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease;margin-left:auto}.fetch-button:hover{background-color:#45a049}.fetch-button:active{background-color:#3e8e41}.fetch-button:disabled{background-color:#ccc;cursor:not-allowed}.helper-message{background-color:#e7f3fe;border-left:4px solid #2196F3;padding:15px;margin-bottom:20px;border-radius:4px}.helper-message p{margin:0;color:#0c5460;font-size:14px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.inventory-container{width:90%;max-width:1200px;margin:80px auto 20px;padding:20px;background-color:#f8f9fa;box-shadow:0 2px 8px #0000001a;border-radius:8px}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.inventory-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.actions{display:flex;gap:12px;align-items:center}.search-input{padding:10px 12px;border:1px solid #ccc;border-radius:5px;width:250px;transition:all .2s ease;font-size:14px;color:#333}.search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.filters-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;align-items:flex-end;padding:15px;background-color:#edf2f7;border-radius:6px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:14px;color:#555;font-weight:500}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #ccc;border-radius:4px;min-width:150px;background-color:#fff;color:#333;font-size:14px}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#2196f3}.clear-filters{padding:9px 16px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;height:fit-content;color:#333;font-weight:500;transition:all .2s ease;font-size:14px}.clear-filters:hover{background-color:#e0e0e0;border-color:#999;color:#000}.table-responsive{overflow-x:auto;margin-bottom:20px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.inventory-table{width:100%;border-collapse:collapse;background:#fff;min-width:800px}.inventory-table th,.inventory-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.inventory-table th{background-color:#f5f7fa;font-weight:600;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .2s ease}.inventory-table th:hover{background-color:#e9ecef}.inventory-table tbody tr:hover{background-color:#f9f9f9}.inventory-table td{color:#333}.status-ordered{background-color:#ffebee;color:#c62828;padding:4px 8px;border-radius:4px;font-weight:500;display:inline-block;text-align:center}.status-packed{background-color:#fff3e0;color:#ef6c00;padding:4px 8px;border-radius:4px;font-weight:500;display:inline-block;text-align:center}.status-shipped{background-color:#e3f2fd;color:#1565c0;padding:4px 8px;border-radius:4px;font-weight:500;display:inline-block;text-align:center}.status-delivered{background-color:#e8f5e9;color:#2e7d32;padding:4px 8px;border-radius:4px;font-weight:500;display:inline-block;text-align:center}.status-cancelled{background-color:#e0e0e0;color:#616161;padding:4px 8px;border-radius:4px;font-weight:500;display:inline-block;text-align:center}.status-unknown{background-color:#f5f5f5;color:#757575;padding:4px 8px;border-radius:4px;font-weight:500;display:inline-block;text-align:center}td.order-status.ordered{background-color:#ffebee;color:#c62828;font-weight:500}td.order-status.packed{background-color:#fff3e0;color:#ef6c00;font-weight:500}td.order-status.shipped{background-color:#fffde7;color:#fbc02d;font-weight:500}td.order-status.delivered{background-color:#e8f5e9;color:#2e7d32;font-weight:500}td.order-status.cancelled{background-color:#e0e0e0;color:#616161;font-weight:500}td.order-status{text-align:center}.view-btn{padding:6px 12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:14px;font-weight:500}.view-btn:hover{background-color:#1976d2}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:15px;background-color:#f5f5f5;border-radius:8px;padding:20px}.loading-container p{color:#555;font-size:16px}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:15px}.pagination-controls button{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#333;font-weight:500;transition:all .2s ease}.pagination-controls button:hover:not(:disabled){background-color:#e0e0e0;border-color:#bbb}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls span{color:#555;font-size:14px}.view-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.view-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;margin-top:60px}.view-modal-content h2{color:#333;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}.order-details{display:flex;flex-direction:column;gap:20px}.detail-row{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:15px}.detail-group{flex:1;min-width:250px}.detail-group p{margin-bottom:8px;color:#555}.detail-group p strong{color:#333;font-weight:600;display:inline-block;width:120px}.address-section,.status-section,.items-section,.notes-section{margin-bottom:20px}.address-section h3,.status-section h3,.items-section h3,.notes-section h3{color:#444;font-size:18px;font-weight:600;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #eee}.status-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:100%;max-width:250px;background-color:#fff;color:#333}.items-table{width:100%;border-collapse:collapse;margin-top:10px}.items-table th,.items-table td{padding:10px;text-align:left;border-bottom:1px solid #eee}.items-table th{background-color:#f5f7fa;font-weight:600;color:#333}.order-total-label{text-align:right;font-weight:600;color:#333}.order-total-value{font-weight:600;color:#333}.notes-textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical;min-height:100px;font-family:inherit;font-size:14px;color:#333}.error-message{color:#d32f2f;background-color:#ffebee;padding:10px;border-radius:4px;margin-top:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-bottom:50px}.print-invoice-btn{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.print-invoice-btn:hover{background-color:#45a049}.print-invoice-btn:active{background-color:#3d8b40}.update-btn{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.update-btn:hover{background-color:#388e3c}.close-btn{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.close-btn:hover{background-color:#d32f2f}@media (max-width: 768px){.inventory-header{flex-direction:column;align-items:flex-start;gap:15px}.actions,.search-input{width:100%}.filters-container{flex-direction:column;gap:15px}.filter-group,.filter-group select,.filter-group input,.clear-filters{width:100%}.detail-row{flex-direction:column;gap:15px}.detail-group{min-width:100%}.detail-group p{display:flex;flex-wrap:wrap;margin-bottom:8px;align-items:flex-start}.detail-group p strong{width:140px;padding-right:10px;text-align:left}.view-modal-content{width:95%;max-height:85vh;padding:15px;overflow-y:auto;margin:80px 0 0}.items-table{display:block;width:100%;overflow-x:auto;white-space:nowrap;border:1px solid #eee;border-radius:4px}.items-table thead,.items-table tbody,.items-table tfoot{width:100%}.items-table tr{border-bottom:1px solid #eee}.items-table th,.items-table td{display:table-cell;padding:10px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.items-table th{background-color:#f5f7fa;font-weight:600}.order-total-label{text-align:right;font-weight:600}.address-section p{margin-bottom:5px}}@media (max-width: 480px){.view-modal-content{width:100%;padding:12px;border-radius:0;max-height:100vh;margin-top:60px}.view-modal-content h2{text-align:left;font-size:20px}.detail-group p strong{width:120px;font-size:14px}.detail-group p{font-size:14px}.order-details{gap:15px}.address-section h3,.status-section h3,.items-section h3,.notes-section h3{font-size:16px;text-align:left}}.clearance-container{padding:20px;max-width:1200px;margin:0 auto}.clearance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.clearance-header h2{margin:0;color:#333}.add-message-section{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.add-message-section h3{margin-top:0;margin-bottom:15px;color:#333}.message-input-container{display:flex;gap:10px;align-items:flex-start}.message-input-wrapper{flex:1;display:flex;flex-direction:column;gap:5px}.message-input{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.add-message-btn{background-color:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:18px}.add-message-btn:hover{background-color:#0056b3}.messages-list{margin-top:20px}.message-item{display:flex;justify-content:space-between;align-items:flex-start;padding:15px;background-color:#fff;border-radius:4px;margin-bottom:10px;box-shadow:0 1px 3px #0000001a;transition:opacity .3s}.message-item.inactive{opacity:.7;background-color:#f5f5f5}.message-content{flex:1;margin-right:15px}.message-text{margin-bottom:8px;font-size:16px;line-height:1.4}.message-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}.message-date{font-style:italic}.message-status-indicator{padding:2px 6px;border-radius:12px;font-weight:500;font-size:11px}.message-item:not(.inactive) .message-status-indicator{background-color:#e8f5e9;color:#4caf50}.message-item.inactive .message-status-indicator{background-color:#f5f5f5;color:#9e9e9e}.message-actions{display:flex;gap:10px;align-items:center}.edit-btn,.delete-btn,.status-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:14px}.edit-btn{background-color:#5cb85c;color:#fff}.edit-btn:hover{background-color:#4cae4c}.delete-btn{background-color:#f44336;color:#fff}.delete-btn:hover{background-color:#d32f2f}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}.error-message{color:#f44336;padding:15px;background-color:#ffebee;border-radius:4px;margin-bottom:20px}.success-message{color:#4caf50;padding:15px;background-color:#e8f5e9;border-radius:4px;margin-bottom:20px}.edit-message-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-message-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 15px #0003;width:90%;max-width:500px}.edit-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.edit-message-header h3{margin:0}.edit-message-form{display:flex;flex-direction:column;gap:15px}.message-length{font-size:12px;color:#666;text-align:right}.message-status{display:flex;align-items:center;gap:8px;margin-top:10px}.message-status label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-button-save,.modal-button-cancel{padding:12px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:18px}.modal-button-save{background-color:#007bff;color:#fff}.modal-button-save:hover{background-color:#0056b3}.modal-button-cancel{background-color:#6c757d;color:#fff}.modal-button-cancel:hover{background-color:#5a6268}.toggle-status-btn{background-color:#ffc107;color:#000;padding:8px 12px;font-size:14px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.toggle-status-btn:hover{background-color:#e0a800}.toggle-status-btn.active{background-color:#28a745;color:#fff}.toggle-status-btn.active:hover{background-color:#1e7e34}@media (max-width: 600px){.clearance-container{padding:10px}}