@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--u-silver-50:#f7f8fa;--u-silver-100:#eef0f4;--u-silver-200:#dde1e8;--u-silver-300:#c3cad5;--u-silver-400:#9aa3b2;--u-silver-500:#6b7588;--u-silver-600:#4a5263;--u-silver-700:#323948;--u-silver-800:#1f2430;--u-silver-900:#12151d;--u-silver-950:#0a0c12;--u-steel-50:#eef4ff;--u-steel-100:#dbe6ff;--u-steel-200:#bcd0ff;--u-steel-300:#8faeff;--u-steel-400:#6287ff;--u-steel-500:#3f65f5;--u-steel-600:#2a4bd9;--u-steel-700:#233cae;--u-steel-800:#1e3388;--u-steel-900:#1a2b6b;--u-green-500:#2fa37a;--u-green-600:#22866a;--u-amber-500:#d89100;--u-amber-600:#b87700;--u-red-500:#d93a3a;--u-red-600:#b82b2b;--u-font-display:"MiSans Latin", "MiSans TC", -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", sans-serif;--u-font-sans:"MiSans Latin", "MiSans TC", -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Segoe UI", sans-serif;--u-font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--u-fs-12:.875rem;--u-fs-13:.875rem;--u-fs-14:.875rem;--u-fs-16:1rem;--u-fs-18:1.125rem;--u-fs-20:1.25rem;--u-fs-24:1.5rem;--u-fs-30:1.875rem;--u-fs-36:2.25rem;--u-fs-48:3rem;--u-fs-60:3.75rem;--u-lh-tight:1.15;--u-lh-snug:1.3;--u-lh-normal:1.5;--u-lh-relaxed:1.7;--u-tracking-tight:-.02em;--u-tracking-normal:0;--u-tracking-wide:.04em;--u-tracking-caps:.08em;--u-space-1:4px;--u-space-2:8px;--u-space-3:12px;--u-space-4:16px;--u-space-5:20px;--u-space-6:24px;--u-space-8:32px;--u-space-10:40px;--u-space-12:48px;--u-space-16:64px;--u-space-20:80px;--u-radius-xs:2px;--u-radius-sm:4px;--u-radius-md:6px;--u-radius-lg:10px;--u-radius-xl:14px;--u-radius-2xl:20px;--u-radius-full:9999px;--u-ease-out:cubic-bezier(.22, 1, .36, 1);--u-ease-in-out:cubic-bezier(.65, 0, .35, 1);--u-dur-fast:.12s;--u-dur-base:.18s;--u-dur-slow:.28s}:root,[data-theme=light]{--bg-canvas:var(--u-silver-50);--bg-surface:#fff;--bg-surface-2:var(--u-silver-100);--bg-surface-3:var(--u-silver-200);--bg-overlay:#0a0c128c;--fg-1:var(--u-silver-900);--fg-2:var(--u-silver-700);--fg-3:var(--u-silver-500);--fg-4:var(--u-silver-400);--fg-on-accent:#fff;--border-1:var(--u-silver-200);--border-2:var(--u-silver-300);--border-focus:var(--u-steel-500);--accent:var(--u-steel-500);--accent-hover:var(--u-steel-600);--accent-press:var(--u-steel-700);--accent-soft:var(--u-steel-50);--accent-soft-fg:var(--u-steel-700);--mode-auto:#009ebe;--success:var(--u-green-500);--warning:var(--u-amber-500);--danger:var(--u-red-500);--success-soft:#e6f5ef;--warning-soft:#fcf2de;--danger-soft:#fbe9e9;--shadow-xs:0 1px 1px #0f14230a;--shadow-sm:0 1px 2px #0f14230f, 0 1px 3px #0f14230a;--shadow-md:0 4px 6px -2px #0f14230d, 0 2px 4px -2px #0f14230a;--shadow-lg:0 12px 20px -8px #0f14231a, 0 4px 8px -4px #0f14230a;--shadow-xl:0 24px 40px -12px #0f142324;--chart-1:#3f65f5;--chart-2:#2fa37a;--chart-3:#d89100;--chart-4:#9b6bff;--chart-5:#e16a8c;--chart-6:#00a3b4;--brand-box:var(--u-silver-900);--brand-box-fg:#fff;--toggle-off:var(--u-silver-300);--avatar-bg:var(--u-silver-200);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-canvas:var(--u-silver-950);--bg-surface:#141821;--bg-surface-2:#1b202b;--bg-surface-3:#232936;--bg-overlay:#000000a6;--fg-1:#eef0f4;--fg-2:#b6bdcb;--fg-3:#828a9c;--fg-4:#5a6274;--fg-on-accent:#fff;--border-1:#242a37;--border-2:#323a4a;--border-focus:var(--u-steel-400);--accent:var(--u-steel-400);--accent-hover:var(--u-steel-300);--accent-press:var(--u-steel-500);--accent-soft:#6287ff1f;--accent-soft-fg:var(--u-steel-300);--mode-auto:#009ebe;--success:#3fb88c;--warning:#e8a531;--danger:#ea5454;--success-soft:#3fb88c1f;--warning-soft:#e8a53124;--danger-soft:#ea545424;--shadow-xs:0 1px 1px #00000040;--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #0003;--shadow-md:0 4px 8px -2px #00000059, 0 2px 4px -2px #00000040;--shadow-lg:0 14px 24px -8px #00000080, 0 4px 10px -4px #0000004d;--shadow-xl:0 28px 48px -12px #000000a6;--chart-1:#6287ff;--chart-2:#3fb88c;--chart-3:#e8a531;--chart-4:#b48aff;--chart-5:#f08aa5;--chart-6:#38bccd;--brand-box:#2a3140;--brand-box-fg:#eef0f4;--toggle-off:#323a4a;--avatar-bg:#2a3140;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-family:var(--u-font-sans);color:var(--fg-1);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-size:15px;line-height:var(--u-lh-normal);color:var(--fg-1)}h1,h2,h3,h4,h5,h6{font-family:var(--u-font-display);letter-spacing:var(--u-tracking-tight);font-weight:600;line-height:var(--u-lh-tight);color:var(--fg-1);margin:0}h1{font-size:var(--u-fs-48);letter-spacing:-.025em;font-weight:600}h2{font-size:var(--u-fs-36)}h3{font-size:var(--u-fs-24)}h4{font-size:var(--u-fs-20);letter-spacing:-.01em}h5{font-size:var(--u-fs-16);letter-spacing:0;font-weight:600}h6{font-size:var(--u-fs-14);letter-spacing:var(--u-tracking-caps);text-transform:uppercase;color:var(--fg-3);font-weight:600}p{color:var(--fg-2);margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-underline-offset:2px;text-decoration:underline}code,kbd,samp,pre{font-family:var(--u-font-mono);font-size:max(var(--u-fs-14), .92em)}code{border-radius:var(--u-radius-sm);background:var(--bg-surface-2);color:var(--fg-1);padding:.1em .35em}hr{border:0;border-top:1px solid var(--border-1);margin:var(--u-space-6) 0}::selection{background:var(--accent);color:var(--fg-on-accent)}.u-display-xl{font-family:var(--u-font-display);font-size:var(--u-fs-60);letter-spacing:-.03em;font-weight:600;line-height:1.05}.u-display-lg{font-family:var(--u-font-display);font-size:var(--u-fs-48);letter-spacing:-.025em;font-weight:600;line-height:1.08}.u-display-md{font-family:var(--u-font-display);font-size:var(--u-fs-36);letter-spacing:-.02em;font-weight:600;line-height:1.12}.u-heading-1{font-family:var(--u-font-display);font-size:var(--u-fs-24);letter-spacing:-.01em;font-weight:600;line-height:1.25}.u-heading-2{font-family:var(--u-font-display);font-size:var(--u-fs-20);font-weight:600;line-height:1.3}.u-body-lg{font-family:var(--u-font-sans);font-size:var(--u-fs-16);line-height:1.55}.u-body{font-family:var(--u-font-sans);font-size:var(--u-fs-14);line-height:1.55}.u-body-sm{font-family:var(--u-font-sans);font-size:var(--u-fs-14);line-height:1.5}.u-caption{font-family:var(--u-font-sans);font-size:var(--u-fs-14);color:var(--fg-3);line-height:1.4}.u-overline{font-family:var(--u-font-sans);font-size:var(--u-fs-14);letter-spacing:var(--u-tracking-caps);text-transform:uppercase;color:var(--fg-3);font-weight:600}.u-mono{font-family:var(--u-font-mono);font-size:var(--u-fs-14)}.u-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--u-radius-sm)}*{box-sizing:border-box}body{margin:0;overflow:hidden}#root{width:100vw;height:100vh}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}input[type=range]{appearance:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:var(--u-silver-200);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 2px #0003}@keyframes spin{to{transform:rotate(360deg)}}button,input,select,textarea{font-family:var(--u-font-sans);font-size:max(var(--u-fs-14), 1em)}input:focus,select:focus{border-color:var(--border-focus)!important}.spin{animation:.8s linear infinite spin}.row-hover-action{opacity:0;transition:opacity .12s var(--u-ease-out)}.device-row:hover .row-hover-action{opacity:1}.nav-btn:hover,.menu-item:hover,.zone-btn:hover,.rule-row:hover{background:var(--bg-surface-2)}.kpi-clickable:hover{border-color:var(--border-2)!important;box-shadow:var(--shadow-sm)!important}.connection-strip{flex-shrink:0;width:100%;height:2px}.kpi-band{background:var(--bg-surface);flex-shrink:0}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:20px 28px 18px;display:grid}@media (width<=1280px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:34px!important}.login-split{grid-template-columns:4fr 6fr;min-height:100vh;display:grid}.login-left{background:var(--bg-surface);flex-direction:column;justify-content:center;padding:48px 56px 76px;display:flex;position:relative}.login-right{background:linear-gradient(#88b04b 0%,#009ebe 52%,#0c2340 100%);place-items:center;padding:48px 40px;display:grid;overflow:hidden}.login-legal{color:var(--fg-4);font-size:var(--u-fs-14);margin:0;line-height:1.6;position:absolute;bottom:28px;left:56px;right:56px}.login-legal a{color:var(--fg-3);text-decoration:none}.login-legal a:hover{color:var(--fg-1)}.google-btn{border:1px solid var(--border-2);background:var(--bg-surface);width:100%;color:var(--fg-1);cursor:pointer;transition:background .12s var(--u-ease-out), border-color .12s var(--u-ease-out);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:15.5px;font-weight:600;display:flex}.google-btn:hover:not(:disabled){background:var(--bg-surface-2);border-color:var(--border-focus)}.google-btn:disabled{opacity:.5;cursor:default}.login-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#111113;background:#ffffffd1;border-radius:24px;flex-direction:column;gap:12px;width:min(520px,100%);padding:18px;display:flex;box-shadow:0 24px 64px #0c234047}@media (width<=900px){.login-split{grid-template-columns:1fr}.login-left{min-height:100vh;padding:40px 28px 72px}.login-legal{left:28px;right:28px}.login-right{display:none}}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:stretch;gap:16px;display:grid}.zone-card{flex-direction:column;gap:12px;height:100%;display:flex}.zone-metrics{flex:1;grid-template-rows:1fr 1fr;gap:12px;min-height:0;display:grid}.metric-block{position:relative}:is(.metric-block:has(.metric-info:hover),.metric-block:has(.metric-info:focus-within)){z-index:20}:is(.zone-card:has(.metric-info:hover),.zone-card:has(.metric-info:focus-within)){z-index:20;position:relative}.metric-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-tail{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.metric-tail-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.metric-info{z-index:1;flex-shrink:0;display:inline-flex;position:relative}.metric-info:hover,.metric-info:focus-within{z-index:21}.metric-info-btn{border-radius:var(--u-radius-full);border:1px solid var(--border-2);background:var(--bg-surface);width:22px;height:22px;color:var(--fg-3);cursor:help;justify-content:center;align-items:center;padding:0;display:inline-flex}.metric-info-btn:hover,.metric-info:focus-within .metric-info-btn{color:var(--fg-1);border-color:var(--border-focus);background:var(--bg-surface-3)}.metric-info-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.metric-note{background:var(--bg-surface-3);border:1px solid var(--border-1);border-radius:var(--u-radius-md);width:min(320px,70vw);box-shadow:var(--shadow-lg);font-size:var(--u-fs-14);color:var(--fg-1);white-space:pre-line;text-align:left;opacity:0;pointer-events:none;padding:9px 11px;line-height:1.55;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.metric-info:hover .metric-note,.metric-info:focus-within .metric-note{opacity:1;transform:translateY(0)}.icon-btn{border-radius:var(--u-radius-full);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.icon-btn:hover:not(:disabled){transform:translateY(-1px)}.icon-btn:active:not(:disabled){transform:translateY(0)}.icon-btn:disabled{cursor:default}.icon-btn-on{background:var(--accent);border:1px solid var(--accent);color:#fff}.icon-btn-on:hover:not(:disabled){background:var(--accent-strong,var(--accent))}.icon-btn-off{border:1px dashed var(--border-2,var(--border-1));color:var(--fg-4);background:0 0}.icon-btn-off:hover:not(:disabled){background:var(--bg-surface-3);color:var(--fg-2);border-style:solid}.icon-state{border-radius:var(--u-radius-full);justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.why{vertical-align:middle;color:var(--fg-4);cursor:help;display:inline-flex;position:relative}.why:hover{color:var(--fg-2)}.why-body{z-index:40;border-radius:var(--u-radius-md);border:1px solid var(--border-1);background:var(--bg-surface-3);width:320px;max-width:74vw;box-shadow:var(--shadow-lg);font-size:var(--u-fs-14);color:var(--fg-1);text-align:left;white-space:normal;opacity:0;pointer-events:none;padding:10px 12px;font-weight:400;line-height:1.7;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-3px)}.why:hover .why-body,.why:focus-within .why-body{opacity:1;transform:translateY(0)}@media (hover:none){.why-body{opacity:1;width:auto;box-shadow:none;margin-top:6px;position:static;transform:none}}.rule-tabs{border-bottom:1px solid var(--border-1);gap:4px;margin:0 -2px 2px;display:flex;overflow-x:auto}.rule-tab{appearance:none;cursor:pointer;color:var(--fg-3);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 12px;font-size:14px;font-weight:500}.rule-tab:hover{color:var(--fg-1)}.rule-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}