@font-face{font-family:Pretendard Variable;font-weight:100 900;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2)format("woff2-variations")}@font-face{font-family:Manrope Variable;font-weight:100 900;font-style:normal;font-display:swap;src:url(/assets/Manrope-VariableFont_wght-0N3pECc_.ttf)format("truetype-variations")}:root{--font-display:"Pretendard Variable", system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-body:"Pretendard Variable", system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-mono:"Pretendard Variable", system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--brand-primary:#2d8cff;--brand-secondary:#d8eaff;--brand-background:#f5f7fa;--brand-surface-end:#fff;--brand-gray-800:#17191c;--brand-gray-500:#737f8c;--brand-neutral-30:#3e536b;--brand-neutral-60:#98aac0;--color-mode-animation:#16a34a;--color-mode-items:#8b5cf6;--color-mode-simulate:#0891b2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--brand-background);--color-bg-elevated:var(--brand-surface-end);--color-surface:var(--brand-surface-end);--color-surface-soft:var(--brand-background);--color-surface-hover:var(--brand-secondary);--color-neutral-hover:#f2f4f8;--color-surface-translucent:#ffffffd9;--color-primary-subtle:#f0f7ff;--color-text-heading:var(--brand-gray-800);--color-text-description:var(--brand-gray-500);--color-text-primary:var(--brand-neutral-30);--color-text-secondary:#5c6e85;--color-text-tertiary:var(--brand-neutral-60);--color-text-label:#6f8197;--color-border:#d6dde6;--color-border-strong:var(--brand-neutral-60);--color-accent:var(--brand-primary);--color-accent-soft:#0a5fd1;--color-accent-tint:var(--brand-secondary);--color-accent-glow:#2d8cff38;--color-accent-hover:#f0f7ff;--color-on-accent:#fff;--color-selection:var(--brand-secondary);--color-danger:#dc2626;--color-danger-soft:#b91c1c;--color-danger-tint:#fceeee;--color-form-error:#ff5c5c;--color-disabled-bg:#f2f2f2;--color-disabled-text:#bfbfbf;--color-section-bg:#f2f2f2;--color-section-text:#404040;--shadow-snackbar-card:0 0 5px #0003;--color-success:#16a34a;--color-success-soft:#15803d;--color-warning:#d97706;--color-warning-soft:#b45309;--color-info:#0891b2;--color-info-tint:#e1f2f6;--color-flow-inbound:var(--color-info);--color-flow-produced:var(--color-success);--color-flow-consumed:var(--color-warning);--color-flow-shipped:#7568a6;--color-store-stock-average:var(--color-info);--color-store-stock-closing:var(--color-flow-shipped);--color-store-stock-capacity:var(--color-text-secondary);--color-process-efficiency-oee:#2563eb;--color-process-efficiency-availability:var(--color-info);--color-process-efficiency-performance:var(--color-flow-shipped);--color-process-efficiency-quality:var(--color-success);--color-process-state-working:var(--color-success);--color-process-state-starved:#ca8a04;--color-process-state-blocked:#ea580c;--color-process-state-setup:#7568a6;--color-process-state-failure:var(--color-danger);--color-transporter-state-idle:var(--color-text-tertiary);--color-transporter-state-to-supply:var(--color-info);--color-transporter-state-returning:#db2777;--color-transporter-state-loading:#2563eb;--color-transporter-state-loaded-move:var(--color-success);--color-transporter-state-wait-unload:var(--color-warning);--color-transporter-state-unloading:#7c3aed;--color-backdrop:#3e536b66;--gradient-page:linear-gradient(180deg, var(--brand-background) 0%, var(--brand-surface-end) 100%);--gradient-modal-accent:none;--gradient-modal-danger:none;--gradient-card:none;--shadow-modal:0 24px 60px #3e536b29, 0 0 0 1px #2d8cff0f inset;--shadow-snackbar:0 12px 32px #3e536b24, 0 0 0 1px #98aac01f inset;--shadow-card:0 1px 2px #3e536b0f, 0 6px 16px #3e536b14;--shadow-card-hover:0 12px 28px #3e536b1f;--shadow-control:0 1px 2px #3e536b1a, 0 4px 14px #3e536b1a;--shadow-viewer:0 4px 12px #17191c14;--shadow-selected:0 4px 10px #2d8cff29;--color-tooltip-bg:#3e536bf5;--color-tooltip-text:#f5f7fa;--shadow-tooltip:0 6px 16px #3e536b2e;--color-thumbnail-bg:#eef0f3;--design-twin-background:#f5faff;--design-twin-background-image:linear-gradient(180deg, #f5faff 0%, #fff 100%);--dt-primary-hover:#0071fa;--dt-primary-subtle:#f0f7ff;--dt-negative-hover:#df4949;--dt-negative-subtle:#fff0f0;--dt-success:#0fa56f;--dt-background:#f5f7fa;--dt-surface:#fff;--dt-gray-800:var(--brand-gray-800);--dt-gray-700:#3a3f46;--dt-gray-600:#5c6570;--dt-gray-500:var(--brand-gray-500);--dt-gray-400:#8f98a3;--dt-gray-300:#abb2ba;--dt-gray-200:#d1d6e0;--dt-gray-100:#f2f4f8;--dt-shadow-card:0 4px 8px #17191c14;--dt-neutral-icon-filter:none}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0c1320;--color-bg-elevated:#131c2c;--color-surface:var(--color-bg-elevated);--color-surface-soft:#1d2637;--color-surface-hover:#232c3d;--color-neutral-hover:#232c3d;--color-surface-translucent:#0f1724b8;--color-primary-subtle:#132c4e;--color-text-heading:#eaf1fa;--color-text-description:#c2cfe0;--color-text-primary:#eaf1fa;--color-text-secondary:#c2cfe0;--color-text-tertiary:var(--brand-neutral-60);--color-text-label:var(--brand-neutral-60);--color-border:#2b3545;--color-border-strong:#3a4556;--color-accent:var(--brand-primary);--color-accent-soft:#74b6ff;--color-accent-tint:#132c4e;--color-accent-glow:#2d8cff47;--color-accent-hover:#132c4e;--color-on-accent:#fff;--color-selection:#132c4e;--color-danger:#f87171;--color-danger-soft:#fca5a5;--color-danger-tint:#332836;--color-form-error:#ff7a7a;--color-disabled-bg:#262e3d;--color-disabled-text:#ffffff52;--color-section-bg:#1c2534;--color-section-text:#eaf1fa;--shadow-snackbar-card:0 4px 16px #0009;--color-success:#4ade80;--color-success-soft:#86efac;--color-warning:#fbbf24;--color-warning-soft:#fcd34d;--color-info:#22d3ee;--color-info-tint:#153647;--color-flow-inbound:var(--color-info);--color-flow-produced:var(--color-success);--color-flow-consumed:var(--color-warning);--color-flow-shipped:#a99bd4;--color-process-efficiency-oee:#60a5fa;--color-process-efficiency-availability:var(--color-info);--color-process-efficiency-performance:var(--color-flow-shipped);--color-process-efficiency-quality:var(--color-success);--color-process-state-starved:#facc15;--color-process-state-blocked:#fb923c;--color-process-state-setup:#a99bd4;--color-transporter-state-loading:#60a5fa;--color-transporter-state-unloading:#a78bfa;--color-transporter-state-returning:#f472b6;--color-backdrop:#070c16b8;--gradient-page:linear-gradient(180deg, #0c1320 0%, #131c2c 100%);--gradient-modal-accent:none;--gradient-modal-danger:none;--gradient-card:none;--shadow-modal:0 24px 60px #00000080, 0 0 0 1px #2d8cff1f inset;--shadow-snackbar:0 12px 32px #00000080, 0 0 0 1px #d8eaff0f inset;--shadow-card:0 1px 2px #0006, 0 6px 16px #0000004d;--shadow-card-hover:0 12px 32px #00000073;--shadow-control:0 1px 2px #0006, 0 6px 16px #00000057;--shadow-viewer:0 4px 12px #00000057;--shadow-selected:0 4px 12px #2d8cff47;--color-tooltip-bg:#3e536bf5;--color-tooltip-text:#eaf1fa;--shadow-tooltip:0 6px 16px #00000080;--color-thumbnail-bg:#1f2839;--design-twin-background:#0c1320;--design-twin-background-image:linear-gradient(180deg, #0c1320 0%, #131c2c 100%);--dt-primary-hover:#0a6fdc;--dt-primary-subtle:#132c4e;--dt-negative-hover:#ff8a8a;--dt-negative-subtle:#332836;--dt-success:#4ade80;--dt-background:var(--color-bg);--dt-surface:var(--color-surface);--dt-gray-800:#eaf1fa;--dt-gray-700:#dce6f2;--dt-gray-600:#c2cfe0;--dt-gray-500:#98aac0;--dt-gray-400:#8190a5;--dt-gray-300:#667386;--dt-gray-200:#2b3545;--dt-gray-100:#1d2637;--dt-shadow-card:0 4px 8px #00000057;--dt-neutral-icon-filter:brightness(0) invert(.88)}:root[data-theme=light] .monitoring-kpi-scope{--color-bg:#f4f6f8;--color-bg-elevated:#fff;--color-surface:#fff;--color-surface-soft:#f4f6f8;--color-surface-hover:#fff;--color-surface-translucent:#ffffffeb;--color-text-primary:#172033;--color-text-secondary:#65758b;--color-text-tertiary:#8190a5;--color-text-label:#65758b;--color-border:#d9e1ea;--color-border-strong:#b5c2d1;--color-accent:#348cff;--color-accent-soft:#74b6ff;--color-accent-tint:#dbeafe;--color-success:#20b876;--color-danger:#f25645;--color-warning:#e99a16;--color-monitoring-group:#f4f6f8;--color-monitoring-field:#fff}:root[data-theme=dark] .monitoring-kpi-scope{--color-bg:#11171d;--color-bg-elevated:#1d2631;--color-surface:#1d2631;--color-surface-soft:#11171d;--color-surface-hover:#1d2631;--color-surface-translucent:#1d2631e6;--color-text-primary:#f3f6fa;--color-text-secondary:#a9b4c0;--color-text-tertiary:#718091;--color-text-label:#718091;--color-border:#26313c;--color-border-strong:#536170;--color-accent:#348cff;--color-accent-soft:#74b6ff;--color-accent-tint:#183451;--color-success:#24c884;--color-danger:#ff4d39;--color-warning:#f5a623;--color-monitoring-group:#1d2631;--color-monitoring-field:#11171d}:root.theme-transitions-off,:root.theme-transitions-off *,:root.theme-transitions-off :before,:root.theme-transitions-off :after{transition:none!important}.item-mode-scope{--color-accent:var(--color-mode-items);--color-accent-soft:#7c3aed;--color-accent-tint:#efe8fe;--color-accent-glow:#8b5cf64d;--color-accent-hover:#f8f5fe;--color-surface-hover:#f1ebfe;--color-surface-soft:#f8f5fe}:root[data-theme=dark] .item-mode-scope{--color-accent-soft:#a78bfa;--color-accent-tint:#2d2a58;--color-accent-glow:#8b5cf65c;--color-accent-hover:#1f2240;--color-surface-hover:#292850;--color-surface-soft:#1f2240}.animate-mode-scope{--color-accent:var(--color-mode-animation);--color-accent-soft:#15803d;--color-accent-tint:#def2e6;--color-accent-glow:#16a34a4d;--color-accent-hover:#f1f9f4;--color-surface-hover:#e3f4e9;--color-surface-soft:#f1f9f4}:root[data-theme=dark] .animate-mode-scope{--color-accent-soft:#4ade80;--color-accent-tint:#143a33;--color-accent-glow:#16a34a5c;--color-accent-hover:#132a2f;--color-surface-hover:#143431;--color-surface-soft:#132a2f}.simulate-mode-scope{--color-accent:var(--color-mode-simulate);--color-accent-soft:#0e7490;--color-accent-tint:#dcf0f4;--color-accent-glow:#0891b24d;--color-accent-hover:#f0f8fa;--color-surface-hover:#e1f2f6;--color-surface-soft:#f0f8fa}:root[data-theme=dark] .simulate-mode-scope{--color-accent-soft:#22d3ee;--color-accent-tint:#113649;--color-accent-glow:#0891b25c;--color-accent-hover:#122839;--color-surface-hover:#113144;--color-surface-soft:#122839}.accent-reset{--color-accent:var(--brand-primary);--color-accent-soft:#0a5fd1;--color-accent-tint:var(--brand-secondary);--color-accent-glow:#2d8cff38;--color-accent-hover:#f0f7ff;--color-surface-hover:var(--brand-secondary);--color-surface-soft:var(--brand-background)}:root[data-theme=dark] .accent-reset{--color-accent-soft:#74b6ff;--color-accent-tint:#132c4e;--color-accent-glow:#2d8cff47;--color-accent-hover:#132c4e;--color-surface-hover:#232c3d;--color-surface-soft:#1d2637}.design-twin-workspace,.operational-twin-workspace{--color-bg:var(--design-twin-background);background-color:var(--design-twin-background);background-image:var(--design-twin-background-image)}:root[data-initial-route-surface=design] body,:root[data-initial-route-surface=operational] body{background-color:var(--design-twin-background);background-image:var(--design-twin-background-image)}html,body,#root{height:100%}body{font-family:var(--font-body);background-image:var(--gradient-page);background-attachment:fixed;background-color:var(--color-bg);color:var(--color-text-primary);-webkit-text-size-adjust:100%;margin:0}::selection{background-color:var(--color-selection);color:var(--color-text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);background-clip:padding-box}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}