@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--b50:#eff6ff;--b100:#dbeafe;--b200:#bfdbfe;--b300:#93c5fd;--b400:#60a5fa;--b500:#3b82f6;--b600:#2563eb;--b700:#1d4ed8;--b800:#1e40af;--b900:#1e3a8a;--b950:#172554;--n0:#fff;--n50:#f9fafb;--n100:#f3f4f6;--n200:#e5e7eb;--n300:#d1d5db;--n400:#9ca3af;--n500:#6b7280;--n600:#4b5563;--n700:#374151;--n800:#1f2937;--n900:#111827;--n950:#030712;--bg:var(--n50);--bg-card:var(--n0);--bg-input:var(--n100);--bg-sidebar:var(--b950);--bg-sidebar-active:var(--b700);--bg-hover:var(--n100);--text:var(--n900);--text-sec:var(--n600);--text-muted:var(--n400);--text-light:var(--n300);--text-sidebar:var(--b300);--text-sidebar-active:var(--n0);--border:var(--n200);--border-light:var(--n100);--accent:var(--b600);--accent-hover:var(--b700);--accent-bg:var(--b50);--accent-bg-light:var(--b100);--accent-ring:var(--b200);--ok:var(--b600);--ok-bg:var(--b50);--ok-light:var(--b400);--warn:var(--n600);--warn-bg:var(--n100);--danger:#dc2626;--danger-bg:#fef2f2;--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.07);--font:"Inter",-apple-system,system-ui,sans-serif;--mono:"JetBrains Mono",monospace}[data-theme=dark]{--bg:var(--n950);--bg-card:var(--n900);--bg-input:var(--n800);--bg-sidebar:#0a0f1f;--bg-sidebar-active:var(--b800);--bg-hover:var(--n800);--text:var(--n100);--text-sec:var(--n300);--text-muted:var(--n500);--text-light:var(--n600);--text-sidebar:var(--b400);--text-sidebar-active:var(--n0);--border:var(--n800);--border-light:var(--n900);--accent:var(--b400);--accent-hover:var(--b300);--accent-bg:#172554;--accent-bg-light:#1e3a8a;--accent-ring:var(--b900);--ok:var(--b400);--ok-bg:#172554;--ok-light:var(--b500);--warn:var(--n400);--warn-bg:var(--n800);--danger:#f87171;--danger-bg:#450a0a;--shadow:0 1px 3px rgba(0,0,0,.3);--shadow-sm:0 1px 2px rgba(0,0,0,.25);--shadow-md:0 4px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 15px rgba(0,0,0,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;transition:background .3s,color .3s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--n300);border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--n700)}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.fi{animation:fadeIn .2s ease-out}.skeleton{border-radius:6px;background:linear-gradient(90deg,var(--bg-input) 0,var(--border) 40%,var(--bg-input) 80%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite}.mobile-back-btn{display:none}@media(max-width:1024px){.auth-left-panel{display:none!important}.auth-right-panel{width:100%!important;min-height:100vh}.auth-layout{flex-direction:column!important}.list-panel{width:240px!important;min-width:240px!important}.responsive-grid-4{grid-template-columns:repeat(2,1fr)!important}.responsive-grid-5{grid-template-columns:repeat(3,1fr)!important}.responsive-grid-3{grid-template-columns:repeat(2,1fr)!important}.dash-grid-534{grid-template-columns:1fr 1fr!important}.dash-grid-12,.labels-grid,.production-grid,.supplier-grid{grid-template-columns:1fr!important}.lab-sidebar{width:180px!important;min-width:180px!important}.responsive-modal{max-width:92vw!important}.page-shell{padding:16px!important}}@media(max-width:768px){.erp-sidebar{transform:translateX(-100%);position:fixed!important;z-index:100;height:100vh;width:220px!important}.erp-sidebar.open{transform:translateX(0)}.hamburger-btn{display:flex!important}.list-panel{width:100%!important;min-width:100%!important}.detail-panel.no-selection,.list-panel.has-selection{display:none!important}.mobile-back-btn{display:flex!important;align-items:center;gap:6px;padding:8px 12px;margin-bottom:8px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:600;color:var(--text);cursor:pointer}.dash-grid-12,.dash-grid-534,.responsive-grid-2,.responsive-grid-3,.responsive-grid-4,.responsive-grid-5{grid-template-columns:1fr!important}.responsive-modal{width:calc(100vw - 24px)!important;max-width:100vw!important}.lab-sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:95;width:260px!important;min-width:260px!important;transform:translateX(-100%);transition:transform .25s ease;background:var(--bg-card);box-shadow:var(--shadow-lg)}.lab-sidebar.open{transform:translateX(0)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-shell{padding:12px!important}}@media print{.no-print{display:none!important}.allergen-badge{background:#fff!important;border-color:#888!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.allergen-badge svg{stroke:#000!important}}