:root{--page-bg:#f3f4f6;--surface:#ffffff;--surface-muted:#f8f9fb;--border:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#374151;--button-primary:#1f3a5f;--button-primary-hover:#1a314f;--danger:#b91c1c}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--page-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45}h1,h2,h3,p{margin:0}.page-shell{min-height:100vh;padding:32px 16px}.panel{width:min(720px,100%);margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px}.panel h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.panel p{margin-top:8px;font-size:.95rem;color:var(--text-secondary)}.button-link{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:10px 14px;border-radius:6px;border:1px solid var(--button-primary);background:var(--button-primary);color:#ffffff;text-decoration:none;font-size:.9rem;font-weight:500}.button-link:hover{background:var(--button-primary-hover)}.inventory-page{min-height:100vh;padding:32px 16px 48px}.inventory-shell{width:min(1280px,100%);margin:0 auto;display:flex;flex-direction:column;gap:24px}.section-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;padding:20px}.inventory-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.inventory-title{font-size:1.75rem;font-weight:600;color:var(--text-primary)}.inventory-subtitle{margin-top:8px;font-size:.9rem;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:6px;border:1px solid transparent;font-size:.9rem;font-weight:500;cursor:pointer}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:var(--button-primary);border-color:var(--button-primary);color:#ffffff}.btn-primary:hover{background:var(--button-primary-hover)}.btn-outline{background:#ffffff;border-color:#cbd5e1;color:var(--text-tertiary)}.btn-outline:hover{background:#f9fafb}.filters-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.filters-actions{display:inline-flex;align-items:center;gap:12px}.filters-body{display:block}.section-title{font-size:1.05rem;font-weight:500;color:var(--text-primary)}.text-button{border:0;background:none;color:var(--text-secondary);font-size:.88rem;font-weight:500;padding:0;cursor:pointer}.text-button:hover{color:var(--text-primary);text-decoration:underline}.mobile-filters-toggle{display:none}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px 20px;gap:16px 20px}.field label{display:block;margin-bottom:6px;font-size:.82rem;font-weight:500;color:var(--text-tertiary)}.multi-select-trigger,input,select{width:100%;height:36px;border:1px solid #d1d5db;border-radius:6px;background:#ffffff;color:var(--text-primary);font-size:.9rem;padding:0 10px}input::placeholder{color:#9ca3af}.multi-select{position:relative}.multi-select summary{list-style:none}.multi-select summary::-webkit-details-marker{display:none}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.multi-select-trigger:after{content:"";width:8px;height:8px;border-right:1.5px solid #6b7280;border-bottom:1.5px solid #6b7280;transform:rotate(45deg);margin-left:8px;flex:0 0 auto}.multi-select[open] .multi-select-trigger:after{transform:rotate(-135deg);margin-top:4px}.multi-select-placeholder{color:#9ca3af}.multi-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;border:1px solid #d1d5db;border-radius:6px;background:#ffffff;box-shadow:0 10px 24px rgba(15,23,42,.12);z-index:20}.multi-select-clear{width:100%;border:0;border-bottom:1px solid var(--border);background:#ffffff;color:var(--text-secondary);font-size:.8rem;font-weight:500;text-align:right;padding:8px 10px;cursor:pointer}.multi-select-clear:disabled{opacity:.5;cursor:default}.multi-select-options{list-style:none;margin:0;padding:6px 0;max-height:220px;overflow-y:auto}.multi-select-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:#ffffff;text-align:left;padding:6px 10px;color:var(--text-primary);font-size:.88rem;cursor:pointer}.multi-select-option:hover{background:#f9fafb}.multi-select-check{color:#111827;font-weight:700;flex:0 0 auto;line-height:1}.multi-select-option.is-selected{font-weight:500}.search-toggle-row{margin-top:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.search-field{flex:1 1 420px;max-width:560px}.search-input-wrap{position:relative}.search-input-wrap input{height:40px;padding-left:34px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.checkbox-field,.search-icon{display:inline-flex;align-items:center}.checkbox-field{gap:8px;color:var(--text-tertiary);font-size:.9rem;margin-bottom:6px}.checkbox-field input[type=checkbox]{width:16px;height:16px;margin:0}.results-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.results-meta-left{display:flex;flex-direction:column;gap:4px}.results-count{font-size:.88rem;color:var(--text-secondary)}.low-inventory-note{font-size:.82rem;color:#92400e}.updated-at{margin-left:auto;text-align:right;font-size:.82rem;color:var(--text-secondary)}.error-text{margin:0 0 12px;color:var(--danger);font-size:.88rem}.table-wrap{overflow-x:auto;overflow-y:auto;border:1px solid var(--border);border-radius:6px;background:#ffffff}.mobile-results-list{display:none}.inventory-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.inventory-table td,.inventory-table th{padding:10px 12px;border-bottom:1px solid var(--border);white-space:normal;overflow-wrap:normal;word-break:normal}.inventory-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#f3f4f6;text-align:left;font-size:.82rem;font-weight:600;color:var(--text-tertiary)}.inventory-table td{font-size:.9rem;color:var(--text-primary)}.inventory-table tbody tr:hover td{background:#f9fafb}.inventory-table tbody tr:last-child td{border-bottom:0}.col-application{width:12%}.col-base,.col-sheen{width:9%}.col-brand{width:13%}.col-product{width:32%}.col-water-oil{width:8%}.col-container{width:10%}.col-quantity{width:7%}.inventory-table tbody tr.low-inventory-row td{background:#fef2f2}.inventory-table tbody tr.low-inventory-row:hover td{background:#fee2e2}.quantity-cell,.quantity-header{text-align:right;white-space:nowrap}.quantity-header{background:#fef9c3}.quantity-cell{font-weight:600;background:#fefce8}.inventory-table tbody tr.low-inventory-row td.quantity-cell,.inventory-table tbody tr.low-inventory-row:hover td.quantity-cell,.inventory-table tbody tr:hover td.quantity-cell{background:#fef3c7}.quantity-low{color:#92400e}.quantity-zero{color:#9ca3af;font-weight:500}.mobile-result-card{background:#ffffff;border:1px solid var(--border);border-radius:8px;padding:12px}.mobile-result-card.low-inventory-row{background:#fef2f2;border-color:#fecaca}.mobile-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mobile-result-title{font-size:.95rem;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.mobile-quantity-pill{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 8px;border-radius:999px;border:1px solid #fcd34d;background:#fefce8;color:#713f12;font-size:.76rem;font-weight:700;letter-spacing:.03em}.mobile-quantity-low{color:#92400e}.mobile-quantity-zero{border-color:#d1d5db;background:#f9fafb;color:#9ca3af}.mobile-result-fields{display:flex;flex-direction:column;gap:7px;margin:12px 0 0}.mobile-result-field{display:grid;grid-template-columns:95px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:baseline}.mobile-result-field dd,.mobile-result-field dt{margin:0}.mobile-result-field dt{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.mobile-result-field dd{font-size:.88rem;color:var(--text-primary);overflow-wrap:anywhere}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 16px;border:1px dashed #d1d5db;border-radius:6px;background:#ffffff}.empty-title{font-size:1rem;font-weight:500;color:var(--text-primary)}.empty-subtitle{margin-top:8px;font-size:.9rem;color:var(--text-secondary)}.auth-page{display:grid;place-items:center}.auth-card{width:min(400px,100%);background:#ffffff;border:1px solid var(--border);border-radius:8px;padding:24px}.auth-title{font-size:1.4rem;font-weight:600;color:var(--text-primary)}.auth-subtitle{margin-top:8px;font-size:.9rem;color:var(--text-secondary)}.auth-form{margin-top:20px;display:flex;flex-direction:column;gap:12px}.auth-form .btn{margin-top:4px}@media (max-width:1024px){.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.inventory-page,.page-shell{padding:20px 12px 28px}.auth-card,.panel,.section-card{padding:16px}.inventory-title{font-size:1.55rem}.filters-grid{grid-template-columns:1fr;gap:14px}.filters-header{margin-bottom:10px;flex-wrap:wrap}.filters-actions{width:100%;justify-content:space-between}.mobile-filters-toggle,.text-button{min-height:44px;display:inline-flex;align-items:center}.mobile-filters-toggle{justify-content:center;gap:8px;border:1px solid #cbd5e1;border-radius:6px;background:#ffffff;color:var(--text-tertiary);font-size:.88rem;font-weight:500;padding:0 12px}.mobile-filter-count{min-width:20px;height:20px;border-radius:999px;background:#e5e7eb;color:#111827;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.mobile-filter-chevron{width:7px;height:7px;border-right:1.5px solid #6b7280;border-bottom:1.5px solid #6b7280;transform:rotate(45deg);margin-top:-3px}.mobile-filter-chevron.is-open{transform:rotate(-135deg);margin-top:2px}.filters-body{display:none}.filters-body.is-open{display:block}.search-toggle-row{flex-direction:column;align-items:stretch;gap:14px}.search-field{max-width:none}.results-meta{flex-direction:column;align-items:flex-start;gap:6px}.updated-at{margin-left:0;text-align:left}.table-wrap{display:none}.mobile-results-list{display:grid;grid-gap:12px;gap:12px}.mobile-result-card{padding:12px}}