.topbar{display:flex;align-items:center;gap:14px;padding:14px 22px;position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.logomark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:linear-gradient(140deg,#7fb5ff,var(--accent-2));box-shadow:0 5px 16px -5px var(--accent)}.logomark svg{width:23px;height:23px}.brand b{font-weight:800;font-size:1.05rem;letter-spacing:.02em}.brand span{color:var(--muted);font-weight:600;font-size:.82rem}.nav{display:flex;gap:4px;margin-left:10px}.nav a{padding:8px 13px;border-radius:9px;color:var(--ink2);font-weight:600;font-size:.85rem;transition:background .15s}.nav a:hover{background:var(--panel-2)}.nav a.on{background:var(--accent-soft);color:var(--accent)}.spacer{margin-left:auto}.clock{font-family:var(--mono);font-size:.95rem;color:var(--ink2);font-weight:600}.iconbtn{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink2);display:grid;place-items:center;cursor:pointer;transition:transform .12s}.iconbtn:hover{transform:translateY(-1px)}.wrap{max-width:1320px;margin:0 auto;padding:18px 22px 60px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}@media (max-width:1080px){.kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--panel);background-image:var(--glass);border:1px solid var(--line);border-radius:15px;padding:14px 16px;box-shadow:var(--shadow),var(--hl);position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.2,.7,.3,1)}.kpi:hover{transform:translateY(-2px)}.kpi .ktop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kpi .n{font-size:1.7rem;font-weight:800;line-height:1;letter-spacing:-.02em}.kpi .n small{font-size:.44em;color:var(--muted);font-weight:600}.kpi .trend{font-size:.72rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px}.kpi .t{font-size:.73rem;color:var(--muted);font-weight:600;margin-top:7px}.kpi .spark{position:absolute;left:0;right:0;bottom:0;width:100%;height:24px;opacity:.5}.kpi.ok .n{color:var(--ok)}.kpi.accent .n{color:var(--accent)}.kpi.warn .n{color:var(--warn)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media (max-width:900px){.grid2{grid-template-columns:1fr}}.pbody{padding:15px 17px}.chart{width:100%;height:auto;display:block;overflow:visible}.chart polyline.draw{stroke-dasharray:2200;stroke-dashoffset:2200;animation:mk-draw 1.15s cubic-bezier(.3,.7,.3,1) forwards}@media (prefers-reduced-motion:reduce){.chart polyline.draw{animation:none;stroke-dashoffset:0}}.legend{display:flex;gap:16px;font-size:.72rem;color:var(--muted);margin-top:10px}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:-1px}table{width:100%;border-collapse:collapse;font-size:.82rem}th{text-align:left;color:var(--muted);font-weight:700;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:9px 12px;border-bottom:1px solid var(--line)}td{padding:10px 12px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}tbody tr{transition:background .12s}tbody tr:hover{background:var(--panel-2)}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:7px;font-size:.7rem;font-weight:700}.tag.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.tag.warn{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.tag.idle{background:color-mix(in srgb,var(--idle) 15%,transparent);color:var(--idle)}.dot{width:8px;height:8px;border-radius:50%}.mini{height:6px;background:var(--panel-2);border-radius:4px;overflow:hidden;min-width:60px}.rangeseg{display:flex;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:3px}.rangeseg button{border:none;background:transparent;color:var(--muted);font-family:var(--sans);font-size:.8rem;font-weight:700;padding:6px 12px;border-radius:6px;cursor:pointer}.rangeseg button.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}select.inp{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:9px;height:34px;padding:0 10px;font-family:var(--sans);font-size:.82rem;cursor:pointer}input.inp{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:11px;height:44px;padding:0 13px;font-size:.95rem;outline:none;font-family:var(--sans);width:100%;transition:border-color .15s,box-shadow .15s}input.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.loginwrap{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(70% 60% at 50% 0%,var(--accent-soft),transparent 70%),var(--bg)}.loginwrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.login-card{position:relative;z-index:1;width:360px;max-width:92vw;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px 30px 22px;box-shadow:0 34px 90px -34px #0000008c}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:22px}.login-brand .wm{font-weight:800;font-size:1.14rem;letter-spacing:.02em}.login-brand .tag{font-size:.73rem;color:var(--muted);margin-top:4px}.lfld{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.lfld span{font-size:.72rem;color:var(--muted);font-weight:600}.login-card .go{margin-top:6px;width:100%;background:linear-gradient(140deg,#4d9bff,var(--accent-2));color:#fff;border:none;border-radius:12px;height:46px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.legacy-frame{width:100%;height:calc(100vh - 130px);border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.notice{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:12px;padding:12px 15px;font-size:.82rem;color:var(--ink2);margin-bottom:14px}@media print{.no-print{display:none}.panel,.kpi{box-shadow:none;border:1px solid #ccc}@page{margin:14mm}}.bell-badge{position:absolute;top:4px;right:4px;min-width:15px;height:15px;border-radius:8px;background:var(--crit);color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center;font-family:var(--mono);padding:0 3px}@keyframes mk-blink{50%{opacity:.45}}.alertbar{display:flex;align-items:center;gap:13px;padding:11px 22px;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--asc) 40%,var(--line));background:color-mix(in srgb,var(--asc) 12%,var(--panel))}.alertbar .ic{width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--asc) 22%,transparent);color:var(--asc);display:grid;place-items:center;flex:none;animation:mk-blink 1.1s infinite}.alertbar .cnt{font-family:var(--mono);font-weight:800;font-size:16px;color:var(--asc)}.alertbar .msg{flex:1;min-width:0;font-size:13px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alertbar .msg b{color:var(--ink);font-family:var(--mono)}.alertbar .go{font-size:12px;font-weight:750;color:var(--asc);flex:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.2s;z-index:30}.scrim.on{opacity:1;pointer-events:auto}.actr{position:fixed;top:50%;left:50%;transform:translate(-50%,-47%) scale(.98);opacity:0;pointer-events:none;transition:.24s cubic-bezier(.4,0,.2,1);width:min(680px,94vw);max-height:82vh;background:var(--panel);border:1px solid var(--line2);border-radius:18px;z-index:31;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px -30px #000}.actr.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.actr-h{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.actr-h .ic{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--crit) 20%,transparent);color:var(--crit);display:grid;place-items:center}.actr-h b{font-size:15px;font-weight:780}.actr-h .sub{font-size:11px;color:var(--muted)}.actr-list{overflow:auto;padding:11px}.arow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 13px;border-radius:12px;border:1px solid var(--line);border-left:3px solid var(--sc);margin-bottom:8px;background:var(--panel-2)}.arow .sevtag{font-size:9px;font-weight:800;padding:2px 7px;border-radius:5px;color:#fff;background:var(--sc)}.arow .mid{min-width:0}.arow .mid .mc{font-size:13.5px;font-weight:700}.arow .mid .mc span{font-family:var(--mono);color:var(--muted);font-size:11px;margin-left:7px}.arow .mid .ms{font-size:12.5px;color:var(--ink2);margin-top:3px}.arow .mid .mt{font-size:11px;color:var(--faint);margin-top:3px;font-family:var(--mono)}.arow .act{display:flex;gap:7px}.arow .btn.ack{border-color:color-mix(in srgb,var(--accent) 45%,var(--line2));color:var(--accent)}.actr .none{padding:44px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(24px);opacity:0;pointer-events:none;z-index:40;display:flex;align-items:center;gap:12px;padding:13px 17px;border-radius:13px;background:var(--panel);border:1px solid var(--line2);box-shadow:0 22px 55px -20px #000;transition:.32s cubic-bezier(.4,0,.2,1)}.toast.on{opacity:1;transform:translate(-50%) translateY(0)}.toast .ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--sc) 22%,transparent);color:var(--sc)}.toast b{font-size:13px;display:block}.toast .s{font-size:11.5px;color:var(--muted)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,94vw);background:var(--panel);border-left:1px solid var(--line2);transform:translate(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);z-index:31;display:flex;flex-direction:column;overflow:hidden}.drawer.on{transform:none}.drawer-h{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line);position:relative}.drawer-h:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sc)}.drawer-h .code{font-family:var(--mono);font-size:12px;color:var(--muted)}.drawer-h .nm{font-size:16px;font-weight:780}.dchip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:8px;font-size:11.5px;font-weight:750;background:color-mix(in srgb,var(--sc) 15%,transparent);color:var(--sc)}.dchip i{width:8px;height:8px;border-radius:50%;background:var(--sc)}.drawer-h .iconbtn{margin-left:auto}.drawer-b{overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:16px}.dsec-h{font-size:10.5px;color:var(--muted);font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:11px;display:flex;justify-content:space-between}.dsec-h .live{color:var(--ok)}.dtags{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dtag{background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:9px 10px}.dtag.warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}.dtag.warn .v{color:var(--warn)}.dtag .l{font-size:9.5px;color:var(--muted);font-weight:700}.dtag .v{font-size:15px;font-weight:800;margin-top:3px}.dkv{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.dkv:last-child{border:0}.dkv span{color:var(--muted)}.dkv b{font-weight:650}.reasons{display:flex;flex-wrap:wrap;gap:7px}.reason{border:1px solid var(--line2);background:var(--panel-2);color:var(--ink2);border-radius:8px;padding:8px 11px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:var(--sans);transition:.12s}.reason:hover{border-color:var(--accent)}.reason.on{background:var(--accent);color:#fff;border-color:var(--accent)}.board-tile{background:var(--panel);background-image:var(--glass);border:1px solid var(--line);border-radius:15px;padding:14px 15px;border-left:4px solid var(--sc);box-shadow:var(--shadow),var(--hl)}.bt-top{display:flex;align-items:center;gap:8px}.bt-bn{margin-left:auto;font-size:8.5px;font-weight:800;color:#1a1204;background:var(--warn);padding:3px 7px;border-radius:6px;letter-spacing:.04em}.bt-oee{font-size:2.6rem;font-weight:850;line-height:1;margin-top:8px}.bt-oee small{font-size:.35em;color:var(--muted);font-weight:700}.bt-name{font-size:.78rem;color:var(--ink2);font-weight:600;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.livepill{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:8px;border:1px solid color-mix(in srgb,var(--ok) 35%,var(--line));background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok);font-size:.72rem;font-weight:800;letter-spacing:.1em}.livepill i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:mk-blink 1.6s infinite}@keyframes scan{0%{top:16%}to{top:84%}}.scanline{animation:scan 2.2s ease-in-out infinite alternate}@media (prefers-reduced-motion:reduce){.scanline{animation:none;top:50%}}:root{--bg:#0a0d12;--panel:#12161e;--panel-2:#0d111a;--line:#1e2733;--line2:#2a3644;--ink:#e7ecf3;--ink2:#aeb9c7;--muted:#8791a3;--faint:#5a6675;--accent:#3d8bfd;--accent-2:#2a63c4;--accent-soft:rgba(61,139,253,.12);--ok:#35cf8b;--warn:#f2c23f;--crit:#f2664a;--idle:#7a8492;--shadow:0 18px 40px -24px rgba(0,0,0,.7);--hl:inset 0 1px 0 rgba(255,255,255,.03);--glass:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 46%);--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:14px}:root[data-theme=light]{--bg:#eef1f5;--panel:#fff;--panel-2:#f3f6fa;--line:rgba(24,40,66,.11);--line2:#dbe3ec;--ink:#111925;--ink2:#33414f;--muted:#5b6779;--faint:#93a3b2;--accent:#2f6fd4;--accent-2:#20539f;--accent-soft:rgba(47,111,212,.1);--ok:#12a150;--warn:#c77700;--crit:#dc2626;--idle:#7a8492;--shadow:0 16px 40px -26px rgba(20,40,80,.28)}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#eef1f5;--panel:#fff;--panel-2:#f3f6fa;--line:rgba(24,40,66,.11);--line2:#dbe3ec;--ink:#111925;--ink2:#33414f;--muted:#5b6779;--faint:#93a3b2;--accent:#2f6fd4;--accent-2:#20539f;--accent-soft:rgba(47,111,212,.1);--ok:#12a150;--warn:#c77700;--crit:#dc2626;--shadow:0 16px 40px -26px rgba(20,40,80,.28)}}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.up{text-transform:uppercase;letter-spacing:.1em}@keyframes mk-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.mk-reveal{animation:mk-reveal .55s cubic-bezier(.2,.7,.3,1) both}@keyframes mk-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.mk-reveal{animation:none}}.panel{background:var(--panel);background-image:var(--glass);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow),var(--hl);transition:box-shadow .22s ease}.panel:hover{box-shadow:var(--shadow),var(--hl),0 10px 30px -18px color-mix(in srgb,var(--accent) 40%,transparent)}.ph{display:flex;align-items:center;gap:10px;padding:13px 17px;border-bottom:1px solid var(--line);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ph .bar{width:3px;height:14px;background:linear-gradient(var(--accent),var(--accent-2));border-radius:3px}.ph .sub{margin-left:auto;font-size:.7rem;color:var(--faint);letter-spacing:0;text-transform:none;font-weight:600}.btn{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;height:38px;padding:0 14px;cursor:pointer;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn.pri{background:linear-gradient(140deg,#4d9bff,var(--accent-2));color:#fff;border:none}.btn svg{width:15px;height:15px}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}