@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#2563eb;--primary-dark:#1d4ed8;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--status-in-stock:#10b981;--status-not-available:#ef4444;--status-work-in-progress:#f59e0b;--status-not-started:#94a3b8;--status-blocked:#dc2626;--status-expected:#eab308;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--glass:#ffffffb3;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:600}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.p-4{padding:1rem}.mt-4{margin-top:1rem}.table-container{background-color:var(--bg-card);width:100%;box-shadow:var(--shadow-md);border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{color:var(--text-muted);text-align:left;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.025em;background-color:#f1f5f9;padding:12px 16px;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px}tr:hover{background-color:#f8fafc}.badge{border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-in-stock{color:#10b981;background-color:#ecfdf5}.badge-not-available{color:#ef4444;background-color:#fef2f2}.badge-waiting{color:#f59e0b;background-color:#fffbeb}.badge-preparation{color:#64748b;background-color:#f1f5f9}.badge-wip{color:#3b82f6;background-color:#eff6ff}.badge-not-started{color:#94a3b8;background-color:#f8fafc}.badge-blocked{color:#dc2626;background-color:#fef2f2}.badge-expected{color:#eab308;background-color:#fefce8;border:1px solid #fef08a}.badge-testing{color:#7c3aed;background-color:#f5f3ff}.badge-packing{color:#4338ca;background-color:#eef2ff}.badge-delivered{color:#5b21b6;background-color:#f5f3ff;border:1px solid #ddd6fe}.app-container{flex-direction:column;height:100vh;display:flex}.main-content{flex:1;padding:24px;overflow-y:auto}.header-nav{color:#fff;background-color:#1e293b;padding:0 16px}.tabs{gap:32px;display:flex}.tab{cursor:pointer;color:#94a3b8;border-bottom:2px solid #0000;padding:16px 0;transition:all .2s}.tab.active{color:#fff;border-bottom:2px solid var(--primary)}.action-bar{border-bottom:1px solid var(--border);background-color:#f8fafc;padding:12px 24px}.btn{cursor:pointer;border:1px solid var(--border);background-color:#fff;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background-color:#1e293b;border-color:#1e293b}.btn-primary:hover{background-color:#334155}.btn-deliver-sm{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:6px;align-items:center;padding:4px 10px;font-size:.65rem;font-weight:700;transition:background .2s;display:flex}.btn-deliver-sm:hover{background-color:#4338ca}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:none;border-radius:16px;animation:.3s ease-out modalEnter;box-shadow:0 25px 50px -12px #00000040}@keyframes modalEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;box-shadow:0 0 #10b981b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@media (width<=1024px){.main-content{padding:16px}}@media (width<=768px){.top-nav{padding:0 10px}.nav-label,.search-pill{display:none}.modal-content{max-height:90vh;overflow-y:auto;width:95vw!important}.action-bar{flex-wrap:wrap;gap:12px;padding:12px 16px}.table-container{border-left:none;border-right:none;border-radius:0}td,th{padding:10px 8px}}@media (pointer:coarse){.btn,.nav-item,.logout-btn,.btn-deliver-sm{min-height:44px;padding:10px 20px}tr{height:56px}.slider:before{width:20px;height:20px}.switch{width:44px;height:24px}input:checked+.slider:before{transform:translate(20px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}