._groupHeader_1ppdt_1{background:#e9f3fe;color:#2366a8;font-weight:600;font-size:1rem;padding:.6rem 1rem;border-top:2px solid #b6d4fa;border-bottom:1px solid #d4e6fa}._groupHeader_1ppdt_1 strong{letter-spacing:.5px}.filters-container{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d}.filters-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.filters-row:last-child{margin-bottom:0}.sort-group{display:flex;align-items:center;gap:.5rem}.sort-group label{font-weight:500;color:#495057;min-width:80px}.sort-group select{padding:.375rem .75rem;border:1px solid #ced4da;border-radius:4px;background-color:#fff;min-width:150px}.status-filter{min-width:180px!important}.search-input{flex:1;padding:.375rem .75rem;border:1px solid #ced4da;border-radius:4px;min-width:300px}.btn{padding:.375rem .75rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn:hover{opacity:.9}.btn-secondary{background-color:#6c757d;color:#fff;margin-left:.5rem}@media (max-width: 768px){.filters-row,.sort-group{flex-direction:column;align-items:stretch}.sort-group label{margin-bottom:.25rem}.search-input{width:100%;min-width:unset}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;visibility:visible}.modal-content{background-color:#fff;border-radius:5px;width:500px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 2px 10px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.5rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-body{padding:20px}.order-details{margin-bottom:20px;padding:15px;background-color:#f9f9f9;border-radius:4px}.detail-row{display:flex;margin-bottom:8px}.detail-label{font-weight:700;width:140px;flex-shrink:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-control{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.status-info{margin-top:10px}.info-text{display:flex;align-items:flex-start;padding:8px 12px;background-color:#e8f4f8;border-radius:4px;font-size:.9rem}.info-text.warning{background-color:#fff3cd;color:#856404}.info-icon{margin-right:8px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:1rem;border:none}.btn-primary{background-color:#4a90e2;color:#fff}.btn-secondary{background-color:#f0f0f0;color:#333}.order-insights-container{padding:20px;max-width:1200px;margin:0 auto}.order-insights-container h1{margin-bottom:20px;color:#333}.insights-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:15px;background-color:#f5f5f5;border-radius:5px}.date-selectors{display:flex;flex-wrap:wrap;gap:15px;width:100%;padding-top:10px;border-top:1px dashed #ddd;margin-top:5px}.control-group{display:flex;flex-direction:column;min-width:200px}.control-group label{margin-bottom:5px;font-weight:500}.control-group select{padding:8px 10px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.filter-actions{justify-content:flex-end;align-self:flex-end}.apply-filters-btn{margin-top:20px;padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.apply-filters-btn:hover{background-color:#2980b9}.loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:18px;color:#666}.insights-content{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:20px}.product-analysis-container{display:flex;flex-direction:column;gap:30px}.product-analysis-container h2{margin-bottom:10px;color:#333;display:flex;align-items:center;gap:10px}.time-range-badge{background-color:#f0f7ff;border-left:3px solid #3498db;padding:8px 12px;margin-bottom:20px;font-size:.9em;color:#2c3e50;border-radius:0 4px 4px 0;display:inline-block}.product-analysis-container h3{margin-bottom:15px;color:#444;border-bottom:1px solid #eee;padding-bottom:8px}.product-analysis-container h4{margin-bottom:10px;color:#555}.stats-table-container{margin-bottom:30px;overflow-x:auto}.product-category-tabs{margin-bottom:15px}.stats-table{width:100%;border-collapse:collapse;font-size:14px}.stats-table th{background-color:#f2f2f2;padding:10px;text-align:left;font-weight:600;border:1px solid #ddd}.stats-table td{padding:8px 10px;border:1px solid #ddd}.stats-table tr:nth-child(2n){background-color:#f9f9f9}.stats-table tr:hover{background-color:#f0f7ff}.monthly-stats-container{margin-bottom:30px}.category-tabs{border:1px solid #ddd;border-radius:5px;overflow:hidden}.tabs-header{display:flex;flex-wrap:wrap;background-color:#f5f5f5;border-bottom:1px solid #ddd}.tab-button{padding:10px 15px;background:none;border:none;cursor:pointer;font-weight:500;color:#666;border-right:1px solid #ddd}.tab-button.active{background-color:#fff;color:#3498db;border-bottom:2px solid #3498db}.tabs-content{padding:15px;background-color:#fff}.category-table{margin-bottom:20px}.category-table h4{margin-bottom:10px;color:#333}.charts-section{margin-top:20px}.chart-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.chart-wrapper{flex:1;min-width:300px;padding:15px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 1px 3px #0000001a}.predictions-container{display:flex;flex-direction:column;gap:25px}.prediction-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:20px}.prediction-card{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:15px;border-top:4px solid #3498db}.prediction-card h3{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;color:#2c3e50}.prediction-details p{margin-bottom:8px}.prediction-details h4{margin:15px 0 8px;color:#444}.predicted-products{list-style:none;padding:0}.predicted-products li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed #eee}.product-name{font-weight:500}.product-qty{color:#666}.no-predictions{padding:20px;text-align:center;background-color:#f8f9fa;border-radius:5px;color:#666}.prediction-disclaimer{background-color:#f9f9f9;padding:15px;border-radius:5px;margin-top:20px}.prediction-disclaimer h3{margin-bottom:10px;color:#555}.prediction-disclaimer ul{padding-left:20px;margin-bottom:10px}@media (max-width: 768px){.insights-controls{flex-direction:column}.prediction-cards{grid-template-columns:1fr}.chart-row{flex-direction:column}}._client-consumption-container_j2eqo_1{background:#f7f7f7;padding:32px 32px 40px;border-radius:10px;max-width:1200px;margin:40px auto 0;box-shadow:0 4px 16px #00000012}._stats-form-section_j2eqo_10{background:#fff;padding:24px 24px 12px;border-radius:8px;box-shadow:0 2px 8px #0000000a;margin-bottom:32px}._stats-form-section_j2eqo_10 ._form-row_j2eqo_18{display:flex;align-items:center;gap:18px;margin-bottom:18px}._stats-form-section_j2eqo_10 label{min-width:110px;font-weight:500}._stats-entry-form_j2eqo_30{display:flex;flex-direction:column;gap:10px}._stats-entry-form_j2eqo_30 input[type=number]{width:80px}._stats-entry-form_j2eqo_30 input[type=text]{min-width:200px}._stats-entry-form_j2eqo_30 ._btn_j2eqo_44{width:100px;margin-top:8px}._stats-table-section_j2eqo_49{background:#fff;padding:32px 36px 36px;border-radius:8px;box-shadow:0 2px 8px #0000000a;margin-bottom:32px}._stats-table-section_j2eqo_49 table._data-table_j2eqo_57{width:100%;border-collapse:collapse;margin-top:10px}._stats-table-section_j2eqo_49 th,._stats-table-section_j2eqo_49 td{border:1px solid #e0e0e0;padding:8px 14px;text-align:left}._stats-table-section_j2eqo_49 th{background:#f4f4f4;font-weight:600}._stats-table-section_j2eqo_49 tr:nth-child(2n){background:#fafafa}._stats-table-section_j2eqo_49 ._btn-update_j2eqo_78{background:#1976d2;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:.95rem;cursor:pointer}._stats-table-section_j2eqo_49 ._btn-update_j2eqo_78:hover{background:#125a9c}._error_j2eqo_92{color:#b71c1c;background:#ffeaea;padding:6px 12px;border-radius:5px;margin-top:10px;font-size:.97rem}._success_j2eqo_101{color:#1b5e20;background:#eaffea;padding:6px 12px;border-radius:5px;margin-top:10px;font-size:.97rem}._modalOverlay_j2eqo_110{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000002e;z-index:1000;display:flex;align-items:center;justify-content:center}._modalContent_j2eqo_120{background:#fff;padding:32px 32px 24px;border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:340px;min-height:220px;max-width:98vw}._formRow_j2eqo_130{display:flex;align-items:center;gap:18px;margin-bottom:18px}._btnPrimary_j2eqo_137{background:#1976d2;color:#fff;border:none;border-radius:4px;padding:6px 18px;font-size:1rem;cursor:pointer}._btnPrimary_j2eqo_137:disabled{background:#b3c6e6}._btnSecondary_j2eqo_151{background:#eee;color:#222;border:none;border-radius:4px;padding:6px 18px;font-size:1rem;cursor:pointer}._btnSecondary_j2eqo_151:hover{background:#ddd}._recommendations-container_8garc_1{background:#f7f7f7;padding:32px 32px 40px;border-radius:10px;max-width:1200px;margin:40px auto 0;box-shadow:0 4px 16px #00000012}._recommendations-section_8garc_10{background:#fff;padding:24px 24px 12px;border-radius:8px;box-shadow:0 2px 8px #0000000a;margin-bottom:32px}._recommendations-form-row_8garc_18{display:flex;align-items:center;gap:18px;margin-bottom:18px}._recommendations-form-row_8garc_18 label{min-width:110px;font-weight:500}._recommendations-table_8garc_30{width:100%;border-collapse:collapse;margin-top:18px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}._recommendations-table_8garc_30 th,._recommendations-table_8garc_30 td{padding:12px 16px;border-bottom:1px solid #eee;text-align:left}._recommendations-table_8garc_30 th{background:#f0f0f0;font-weight:600}._recommendations-table_8garc_30 tr:last-child td{border-bottom:none}._recommendations-table_8garc_30 input[type=number]{width:80px;padding:5px;border:1px solid #ccc;border-radius:4px}._recommendations-table_8garc_30 input[type=checkbox]{transform:scale(1.2)}._recommendations-table_8garc_30 button{background:#e74c3c;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;transition:background .2s}._recommendations-table_8garc_30 button:hover{background:#c0392b}._add-products-btn_8garc_80{background:#3498db;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-weight:500;margin-bottom:10px;cursor:pointer;transition:background .2s}._add-products-btn_8garc_80:hover{background:#217dbb}._save-btn_8garc_96{background:#27ae60;color:#fff;border:none;border-radius:4px;padding:10px 22px;font-weight:600;margin-top:18px;cursor:pointer;transition:background .2s}._save-btn_8garc_96:disabled{background:#aaa;cursor:not-allowed}._page-title_8garc_113{font-size:2rem;font-weight:700;margin-bottom:28px;color:#2d3436}._select-client_8garc_120{min-width:260px;padding:8px 10px;border-radius:4px;border:1px solid #ccc;font-size:1rem;margin-right:18px}:root{--color-primary: #0070f3;--color-primary-hover: #005bb5;--color-secondary: #333333;--color-background: #f4f4f4;--color-surface: #ffffff;--color-text-main: #333333;--color-text-secondary: #666666;--color-text-light: #ffffff;--color-border: #dddddd;--color-danger: #e63946;--color-danger-hover: #c5303d;--color-warning-bg: #ffebee;--color-warning-text: #c62828;--color-input-bg: #ffffff;--color-select-bg: #f0f7ff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--sidebar-width: 280px;--sidebar-collapsed-width: 60px;--header-height: 60px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--transition-fast: .2s ease;--transition-normal: .3s ease}body{margin:0;font-family:Inter,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text-main);overflow-x:hidden}.app-container{display:flex;min-height:100vh;width:100%;position:relative}.page-container{flex:1;padding:20px}.side-nav{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);background-color:var(--color-secondary);color:var(--color-text-light);padding:var(--spacing-lg);height:100vh;position:sticky;top:0;overflow-y:auto;box-sizing:border-box;transition:width var(--transition-normal);z-index:100}.side-nav.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width);max-width:var(--sidebar-collapsed-width);padding:var(--spacing-sm)}.side-nav.collapsed h2,.side-nav.collapsed h3,.side-nav.collapsed ul,.side-nav.collapsed button:not(.collapse-toggle){display:block;text-align:center}.icon-only-nav a,.icon-only-nav button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;color:#fff;text-decoration:none;font-weight:700;transition:background-color .2s;font-size:16px;line-height:1;padding:0;text-align:center}.nav-icon{font-size:16px;font-weight:700;color:var(--color-text-light);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.collapse-toggle{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1rem;margin-left:auto}.side-nav h2{color:#8f8f8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav ul{list-style:none;padding:0;margin-bottom:25px}.side-nav ul li{margin:15px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav ul li a{color:#ccc;color:var(--color-border);text-decoration:none;display:block;padding:5px 0}.side-nav ul li a.active{color:var(--color-text-light);font-weight:700}.side-nav button{margin-top:20px;padding:10px;width:100%;background-color:#505050;border:none;color:var(--color-text-light);border-radius:var(--radius-sm);cursor:pointer}.side-nav button:hover{background-color:#c5303d}.login-link{color:#fff}.form-container{background-color:var(--color-surface);width:100%;max-width:460px;padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font:inherit;resize:vertical}.btn{padding:10px 15px;margin-right:10px;background-color:var(--color-primary);color:var(--color-text-light);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:background-color var(--transition-fast)}.btn:hover{background-color:var(--color-primary-hover)}.btn-cancel{background-color:#777}.btn-cancel:hover{background-color:#555}.btn-delete{background-color:var(--color-danger)}.btn-delete:hover{background-color:var(--color-danger-hover)}.data-table{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.data-table th,.data-table td{border:1px solid #ddd;padding:12px;vertical-align:top;word-wrap:break-word}.data-table th{background-color:#f4f4f4;text-align:left;font-weight:600}.data-table tr:hover{background-color:#f9f9f9}.data-table td button{margin:5px;padding:8px 12px}.error{color:red;margin-bottom:15px;font-weight:700}.auth-container{width:100%;max-width:400px;margin:50px auto;background-color:var(--color-surface);padding:40px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.auth-container h2{margin-bottom:20px;text-align:center}.auth-container input{width:100%;padding:10px;margin:8px 0;border-radius:4px;border:1px solid #ccc}.auth-container button{padding:10px;border:none;background-color:var(--color-primary);color:var(--color-text-light);border-radius:var(--radius-sm);cursor:pointer;margin-top:10px}.auth-container button:hover{background-color:var(--color-primary-hover)}.search-input{width:90%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;margin-top:10px;margin-right:10px}.inventory-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.location-selector{display:flex;align-items:center;margin-bottom:10px}.location-selector label{font-weight:700;margin-right:10px;font-size:1.1em}.location-selector select{padding:10px;border:2px solid #0070f3;border-radius:4px;font-size:1.1em;background-color:#f0f7ff;min-width:150px}.search-row{display:flex;gap:15px;align-items:center}.search-input{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em;margin-bottom:10px;margin-top:10px}.sort-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:10px;background-color:#f9f9f9;border-radius:4px;border:1px solid #eee}.sort-group{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-top:10px;margin-bottom:10px}.sort-group label{font-weight:700}.sort-group select{padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#fff}.btn-icon{background-color:#0070f3;color:#fff;border:none;border-radius:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}.btn-icon:hover{background-color:#005bb5}.group-toggle{display:flex;align-items:center}.group-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer}.group-toggle input[type=checkbox]{width:16px;height:16px}.vendor-group{margin-bottom:30px}.vendor-header{background-color:#333;color:#fff;padding:10px 15px;margin-top:10px;border-radius:8px 8px 0 0;font-size:1.1em}.low-inventory{background-color:#fee;color:#d32f2f;font-weight:700}.form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.checkbox-group{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}.checkbox-group input[type=checkbox]{width:18px;height:18px}.info-text{margin-top:5px;margin-left:26px;color:#666;font-size:.9em}.vendor-group .data-table{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.button-row{display:flex;gap:10px;margin-top:10px}.low-inventory{background-color:#ffebee}.low-inventory td{color:#c62828;font-weight:700}.low-stock-badge{display:inline-block;background-color:#c62828;color:#fff;padding:3px 8px;border-radius:4px;font-size:.8em;font-weight:700;margin-left:8px;white-space:nowrap}.inventory-trend{margin:20px 0;padding:15px;background-color:#f9f9f9;border-radius:8px}.trend-container{display:flex;flex-direction:column;gap:15px;margin:20px 0}.trend-item{display:flex;align-items:center;gap:10px}.trend-value{min-width:40px;text-align:right;font-weight:700}.trend-bar{height:25px;background-color:#0070f3;margin:5px 0;border-radius:4px;transition:width .3s ease;min-width:5px;flex-grow:1}.trend-date{font-size:.9em;min-width:100px}.trend-legend{display:flex;gap:20px;margin-top:15px;justify-content:center}.legend-item{display:flex;align-items:center;gap:5px}.legend-color{display:inline-block;width:15px;height:15px;border-radius:3px}.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}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:80%;max-width:1000px;max-height:80vh;overflow-y:auto;position:relative}.close{position:absolute;top:10px;right:20px;font-size:28px;font-weight:700;cursor:pointer}.logo{width:auto;height:auto;max-width:100px;max-height:40px;margin-bottom:20px;object-fit:contain}.side-nav.collapsed .logo{max-width:40px;max-height:40px;width:40px;height:40px;margin:0 auto 20px;object-fit:contain}.controls-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.controls-container .search-input{flex:1;margin-bottom:0}.contact-container{background-color:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #eee;position:relative}.contact-container h4{margin-top:0;margin-bottom:15px;color:#333;border-bottom:1px solid #ddd;padding-bottom:8px}.contact-container .btn-delete{margin-top:10px}.form-actions{margin-top:20px;display:flex;gap:10px}.contact-list{list-style:none;padding:0;margin:0}.contact-list li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.contact-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.main-content{flex:1;overflow-x:auto;padding:20px}.sidebar-header{margin-bottom:20px}.icon-only-nav{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;align-items:center}.icon-only-nav li{margin:15px 0;width:100%;display:flex;justify-content:center}.icon-only-nav a,.icon-only-nav button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;color:#fff;text-decoration:none;font-weight:700;transition:background-color .2s;font-size:16px;line-height:1}.icon-only-nav a:hover,.icon-only-nav button:hover{background-color:#fff3}.icon-only-nav a.active{background-color:#0070f3}.icon-only-nav button{border:none;cursor:pointer;margin-top:20px}z̧ .orders-header,.fulfillments-header{font-size:1.5rem;font-weight:700;margin-bottom:20px}.order-form .form-group,.fulfillment-form .form-group{margin-bottom:15px}.data-table th,.data-table td{word-wrap:break-word}.product-list{max-height:300px;overflow-y:auto;margin-bottom:1rem}.product-row{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #eee}.product-row:hover{background-color:#f9f9f9}.product-details{flex-grow:1;display:flex;align-items:center}.quantity-controls{display:flex;align-items:center}.quantity-button{padding:8px;margin:8px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.quantity-display{margin:0 4px}.quantity-input{width:50px;text-align:center;margin:0 5px;padding:5px;border:1px solid #ccc;border-radius:4px}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.btn-cancel{background-color:#ccc;color:#000;margin-left:10px}.mobile-header{display:none;height:var(--header-height);background-color:var(--color-secondary);color:var(--color-text-light);align-items:center;padding:0 var(--spacing-md);justify-content:space-between;position:sticky;top:0;z-index:90}.mobile-menu-btn{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:5px}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){.app-container{flex-direction:column}.mobile-header{display:flex}.main-content{width:100%;padding:var(--spacing-md);padding-top:var(--spacing-lg)}.side-nav{position:fixed;top:0;left:0;bottom:0;height:100vh;transform:translate(-100%);transition:transform var(--transition-normal);z-index:1000;box-shadow:2px 0 8px #0003}.side-nav.mobile-open{transform:translate(0)}.mobile-overlay.visible{display:block}.collapse-toggle{display:none}.form-container,.auth-container,.inventory-controls{width:100%!important;max-width:100%!important;box-sizing:border-box}.table-responsive{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.search-row,.controls-container,.sort-controls,.inventory-controls,.location-selector{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.search-input{width:100%;margin-right:0}.button-row,.form-actions{flex-direction:column-reverse}.button-row button,.form-actions button{width:100%;margin-bottom:10px}}.tab-navigation{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--color-border)}.tab-button{background:none;border:none;padding:12px 24px;font-size:16px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition-fast);position:relative;bottom:-2px}.tab-button:hover{color:var(--color-primary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.planning-container{margin-top:20px}.planning-controls{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px;background-color:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.planning-controls label{font-weight:500;color:var(--color-text-main)}.planning-controls select{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background-color:var(--color-select-bg);cursor:pointer}.planning-meta{color:var(--color-text-secondary);font-size:14px;margin-left:auto}.planning-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.summary-card{background-color:var(--color-surface);padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;border-left:4px solid var(--color-primary)}.summary-card.alert{border-left-color:var(--color-danger)}.summary-card.success{border-left-color:#4caf50}.summary-card h3{margin:0 0 10px;font-size:14px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:36px;font-weight:700;margin:10px 0;color:var(--color-text-main)}.summary-card.alert .summary-value{color:var(--color-danger)}.summary-card.success .summary-value{color:#4caf50}.summary-label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase}.planning-narration{padding:15px 20px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:15px;font-weight:500;line-height:1.6}.planning-narration.warning{background-color:var(--color-warning-bg);color:var(--color-warning-text);border-left:4px solid var(--color-danger)}.planning-narration.success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.planning-table{margin-top:20px}.planning-table tbody tr.shortage-row{background-color:#ffebee}.planning-table tbody tr.sufficient-row{background-color:#e8f5e9}.planning-table tbody tr:hover{opacity:.9}.shortage-value{color:var(--color-danger);font-weight:700}.order-list{display:flex;flex-direction:column;gap:5px}.order-item{display:flex;align-items:center;gap:5px}.order-link{background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;padding:0;font-size:14px;text-align:left}.order-link:hover{color:var(--color-primary-hover)}.order-quantity{font-size:12px;color:var(--color-text-secondary)}@media (max-width: 768px){.planning-summary{grid-template-columns:1fr}.planning-controls{flex-direction:column;align-items:flex-start}.planning-meta{margin-left:0;margin-top:10px}.tab-button{padding:10px 16px;font-size:14px}.summary-value{font-size:28px}}