@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:#e8f0fe;--b100:#cce4ff;--b200:#99c9ff;--b300:#66adff;--b400:#3392ff;--b500:#0078d4;--b600:#106ebe;--b700:#005a9e;--b800:#004578;--b900:#003356;--b950:#002440;--n0:#fff;--n50:#f9f9f9;--n100:#f3f3f3;--n200:#e0e0e0;--n300:#d1d1d1;--n400:#9e9e9e;--n500:#757575;--n600:#616161;--n700:#424242;--n800:#303030;--n900:#202020;--n950:#141414;--bg:#f3f3f3;--bg-card:#fff;--bg-input:#f9f9f9;--bg-sidebar:#f9f9f9;--bg-sidebar-active:rgba(0,120,212,.08);--bg-hover:#f3f3f3;--text:#1a1a1a;--text-sec:#616161;--text-muted:#9e9e9e;--text-light:#9e9e9e;--text-sidebar:#1a1a1a;--text-sidebar-active:#0078d4;--border:#e0e0e0;--border-light:#ebebeb;--accent:#0078d4;--accent-hover:#106ebe;--accent-bg:#e8f0fe;--accent-bg-light:#cce4ff;--accent-ring:#99c9ff;--ok:#0f7b0f;--ok-bg:#e8f5e8;--ok-light:#16a34a;--warn:#9d5d00;--warn-bg:#fff4ce;--danger:#c42b1c;--danger-bg:#fde7e9;--shadow:0 1px 2px rgba(0,0,0,.06);--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.14);--font:"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,"Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono","Cascadia Code","SF Mono",Consolas,monospace}[data-theme=dark]{--bg:#202020;--bg-card:#2d2d2d;--bg-input:#383838;--bg-sidebar:#2d2d2d;--bg-sidebar-active:rgba(96,192,255,.12);--bg-hover:#383838;--text:#fff;--text-sec:#c8c8c8;--text-muted:#9e9e9e;--text-light:#757575;--text-sidebar:#c8c8c8;--text-sidebar-active:#60c0ff;--border:#404040;--border-light:#383838;--accent:#60c0ff;--accent-hover:#99d5ff;--accent-bg:#002440;--accent-bg-light:#003356;--accent-ring:#004578;--ok:#6ccb5f;--ok-bg:#0a2e0a;--ok-light:#4caf50;--warn:#ffb900;--warn-bg:#3d2e00;--danger:#ff6b6b;--danger-bg:#442020;--shadow:0 1px 3px rgba(0,0,0,.4);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 2px 8px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;letter-spacing:-.011em;transition:background .3s,color .3s}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit}input,select,textarea{color:var(--text);background:var(--bg-card)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}code,kbd,pre,samp{font-family:var(--mono)}::-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)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::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}.erp-main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.erp-main tbody,.erp-main thead,.erp-main tr{display:table;width:100%;table-layout:auto}}body.is-mobile{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@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}}