: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}.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}.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)}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}.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:hidden;overflow-y:auto;border:1px solid var(--border);border-radius:6px;background:#ffffff}.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}.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}.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}}