@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_e138ea30-module__wIglmW__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_e138ea30-module__wIglmW__variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
:root{--bg:#f3f3f4;--bg-2:#ececee;--bg-3:#f5f5f6;--bg-inset:#efeff1;--surface:#fff;--surface-hover:#f8f8fa;--border:#e8e8eb;--border-strong:#d4d4d8;--border-focus:#18181b;--text:#0a0a0a;--text-2:#3f3f46;--text-muted:#71717a;--text-faint:#a1a1aa;--text-inverse:#fff;--brand:#0a0a0a;--brand-2:#27272a;--accent:#16a34a;--accent-fg:#fff;--accent-bg:#dcfce7;--c-violet:#16a34a;--c-yellow:#f5c542;--c-cyan:#36c9d8;--c-black:#18181b;--c-green:#16a34a;--c-pink:#ec4899;--cmyk-c:#36c9d8;--cmyk-m:#ec4899;--cmyk-y:#f5c542;--cmyk-k:#18181b;--success:#15803d;--success-bg:#dcfce7;--warning:#b45309;--warning-bg:#fef3c7;--danger:#b91c1c;--danger-bg:#fee2e2;--info:#1d4ed8;--info-bg:#dbeafe;--neutral-bg:#f4f4f5;--font-ui:"DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm:8px;--radius:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--pad-x:16px;--pad-y:12px;--row-h:40px;--topbar-h:64px;--sidebar-w:248px;--shadow-sm:0 1px 2px #0f0f140a;--shadow:0 2px 6px #0f0f140b, 0 1px 2px #0f0f1408;--shadow-lg:0 18px 40px -16px #0f0f142e, 0 6px 14px -6px #0f0f1414;--kbd-bg:#f4f4f5}[data-density=compact]{--pad-x:12px;--pad-y:8px;--row-h:32px}[data-density=comfy]{--pad-x:22px;--pad-y:18px;--row-h:48px}[data-theme=dark]{--bg:#0c0c0e;--bg-2:#131316;--bg-3:#18181c;--bg-inset:#1c1c1f;--surface:#161619;--surface-hover:#1c1c21;--border:#232327;--border-strong:#2e2e34;--border-focus:#fafafa;--text:#fafafa;--text-2:#d4d4d8;--text-muted:#a1a1aa;--text-faint:#71717a;--text-inverse:#0a0a0a;--brand:#fafafa;--brand-2:#e4e4e7;--accent:#4ade80;--accent-bg:#052e16;--success-bg:#052e16;--warning-bg:#451a03;--danger-bg:#450a0a;--info-bg:#172554;--neutral-bg:#1c1c1f;--kbd-bg:#1c1c1f;--shadow-sm:0 1px 2px #00000080;--shadow:0 2px 8px #0000008c;--shadow-lg:0 14px 36px #0009}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:13.5px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}.app{grid-template-columns:var(--sidebar-w) 1fr;background:var(--bg);gap:12px;height:100vh;padding:12px;display:grid;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f0f146b;place-items:center;padding:32px;animation:.18s modal-in;display:grid;position:fixed;inset:0}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:720px;max-height:92vh;animation:.22s cubic-bezier(.2,.7,.3,1.2) modal-pop;display:flex;overflow:hidden}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-hd{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-hd h3{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.modal-hd .spacer{flex:1}.modal-body{flex:1;padding:22px;overflow-y:auto}.modal-ft{border-top:1px solid var(--border);background:var(--bg-3);align-items:center;gap:10px;padding:14px 22px;display:flex}.sidebar{background:0 0;border-right:0;flex-direction:column;gap:4px;min-height:0;display:flex}.sb-brand{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:10px;margin-bottom:14px;padding:14px 16px;display:flex}.sb-logo{background:var(--c-black);color:#fff;letter-spacing:-.02em;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid;position:relative;overflow:hidden}.sb-logo:after{content:"";opacity:.85;background:linear-gradient(135deg,#0000 45%,#16a34a 45% 55%,#0000 55%);position:absolute;inset:8px}.sb-name{letter-spacing:-.01em;flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.15}.sb-name small{color:var(--text-muted);margin-top:3px;font-size:11.5px;font-weight:400;display:block}.sb-brand .icon-btn{color:var(--text-muted)}.sb-scroll{flex:1;min-height:0;padding:4px 6px;overflow-y:auto}.sb-group{margin-bottom:8px}.sb-group-label{color:var(--text-faint);text-transform:none;letter-spacing:0;padding:4px 10px 8px;font-size:12px;font-weight:500}.sb-item{border-radius:var(--radius);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:13.5px;font-weight:450;display:flex;position:relative}.sb-item:hover{color:var(--text);background:#ffffff8c}.sb-item[data-active=true]{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-weight:500}.sb-item svg{stroke-width:1.6px;opacity:.9;flex-shrink:0;width:18px;height:18px}.sb-item .sb-badge{background:var(--c-violet);color:#fff;font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:500}.sb-user{flex-direction:column;gap:4px;padding:10px;display:flex}.sb-foot-item{border-radius:var(--radius);color:var(--text-2);cursor:pointer;align-items:center;gap:12px;padding:9px 12px;font-size:13px;display:flex}.sb-foot-item:hover{color:var(--text);background:#ffffff8c}.sb-foot-item svg{stroke-width:1.6px;opacity:.85;width:16px;height:16px}.switch{background:var(--border-strong);cursor:pointer;border-radius:999px;width:30px;height:18px;margin-left:auto;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:999px;width:14px;height:14px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.switch[data-on=true]{background:var(--c-black)}.switch[data-on=true]:after{left:14px}.main{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:16px;padding:0 24px;display:flex}.topbar h1{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.topbar .crumbs{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.topbar .crumbs>span:last-child{color:var(--text);font-weight:500}.topbar .spacer{flex:1}.topbar .search{background:var(--bg-3);border:1px solid var(--border);color:var(--text-muted);cursor:text;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;min-width:260px;max-width:380px;padding:8px 14px;font-size:13px;display:flex;overflow:hidden}.topbar .search>span{text-overflow:ellipsis;flex:1;overflow:hidden}.topbar .search kbd{background:var(--surface);color:var(--text-muted);font-size:10.5px;font-family:var(--font-mono);border:1px solid var(--border);border-radius:5px;margin-left:auto;padding:1px 6px}.profile-chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.profile-chip:hover{background:var(--surface-hover)}.profile-chip .av{width:30px;height:30px;font-size:11px}.profile-chip-text{font-size:13px;line-height:1.1}.profile-chip-text small{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.viewport{flex:1;overflow:hidden auto}.viewport-inner{max-width:1520px;margin:0 auto;padding:28px 32px 80px}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn[data-variant=primary]{background:var(--c-black);color:#fff;border-color:var(--c-black)}.btn[data-variant=primary]:hover{background:#000}.btn[data-variant=accent]{background:var(--c-violet);color:#fff;border-color:var(--c-violet)}.btn[data-variant=ghost]{background:0 0;border-color:#0000}.btn[data-variant=ghost]:hover{background:var(--surface-hover)}.btn[data-variant=danger]{background:var(--danger);color:#fff;border-color:var(--danger)}.btn[data-size=sm]{gap:5px;padding:5px 10px;font-size:12px}.btn[data-size=lg]{padding:11px 20px;font-size:13.5px}.btn svg{stroke-width:1.8px;width:14px;height:14px}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:34px;height:34px;color:var(--text-2);border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn svg{stroke-width:1.7px;width:16px;height:16px}.icon-btn[data-variant=bare]{background:0 0;border-color:#0000}.icon-btn[data-variant=bare]:hover{background:var(--surface-hover)}.badge{background:var(--neutral-bg);color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:500;line-height:1.4;display:inline-flex}.badge[data-tone=success]{background:var(--success-bg);color:var(--success)}.badge[data-tone=warning]{background:var(--warning-bg);color:var(--warning)}.badge[data-tone=danger]{background:var(--danger-bg);color:var(--danger)}.badge[data-tone=info]{background:var(--info-bg);color:var(--info)}.badge[data-tone=brand]{background:var(--accent-bg);color:var(--accent)}.badge[data-tone=outline]{border-color:var(--border);color:var(--text-muted);background:0 0}.badge .dot{background:currentColor;border-radius:999px;width:6px;height:6px}.dot-status{background:var(--text-faint);border-radius:999px;width:8px;height:8px;display:inline-block}.dot-status[data-state=RUNNING]{background:var(--c-green);animation:2.4s ease-in-out infinite pulse}.dot-status[data-state=IDLE]{background:var(--text-faint)}.dot-status[data-state=DOWN]{background:var(--danger)}.dot-status[data-state=DEGRADED]{background:var(--c-yellow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-pad{padding:20px}.card-hd{border-bottom:0;align-items:center;gap:10px;padding:16px 20px 12px;display:flex}.card-hd h3{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.card-hd .spacer{flex:1}.card-hd svg.icon-lead{width:16px;height:16px;color:var(--text-muted)}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);letter-spacing:.005em;white-space:nowrap;background:0 0;padding:10px 14px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.table tbody tr:hover{background:var(--bg-3)}.table tbody tr[data-clickable=true]{cursor:pointer}.table tbody tr:last-child td{border-bottom:0}.table .num{font-variant-numeric:tabular-nums;text-align:right}.table .mono{font-family:var(--font-ui);font-size:12px}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.tab{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:500}.tab:hover{color:var(--text)}.tab[data-active=true]{color:var(--text);border-bottom-color:var(--c-black)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:4px;min-width:0;padding:20px 22px;display:flex;position:relative}.kpi-top{align-items:flex-start;gap:10px;display:flex}.kpi-top .kpi-icon{background:var(--bg-3);width:28px;height:28px;color:var(--text-2);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.kpi-top .kpi-icon svg{stroke-width:1.6px;width:16px;height:16px}.kpi-top .kpi-titles{flex:1;min-width:0}.kpi-title{color:var(--text);letter-spacing:-.005em;font-size:14px;font-weight:600;line-height:1.2}.kpi-sub{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.3}.kpi-row{align-items:baseline;gap:12px;margin-top:14px;display:flex}.kpi-value{letter-spacing:-.028em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1}.kpi-delta{font-variant-numeric:tabular-nums;background:var(--success-bg);color:var(--success);border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.kpi-delta[data-tone=success]{color:#15803d;background:#dcfce7}.kpi-delta[data-tone=danger]{color:#b91c1c;background:#fee2e2}.kpi-delta[data-tone=warning]{color:#b45309;background:#fef3c7}.kpi-delta svg{stroke-width:2.2px;width:11px;height:11px}.kpi-foot{color:var(--text-muted);margin-top:8px;font-size:12px}.kpi-foot[data-strong]{color:var(--text-2)}.spark{width:100%;height:28px;display:block}.hbar{background:var(--bg-3);border-radius:999px;height:8px;position:relative;overflow:hidden}.hbar>span{background:var(--c-violet);border-radius:999px;height:100%;transition:width .3s;display:block}.hbar[data-tone=success]>span{background:var(--c-green)}.hbar[data-tone=warning]>span{background:var(--c-yellow)}.hbar[data-tone=danger]>span{background:var(--danger)}.hbar[data-tone=brand]>span{background:var(--c-violet)}.hbar[data-tone=cyan]>span{background:var(--c-cyan)}.hbar[data-tone=black]>span{background:var(--c-black)}.av{background:var(--bg-3);width:28px;height:28px;color:var(--text-2);letter-spacing:.02em;border:1px solid var(--border);border-radius:999px;flex-shrink:0;place-items:center;font-size:10.5px;font-weight:600;display:inline-grid}.av[data-size=lg]{width:40px;height:40px;font-size:13px}.av[data-size=sm]{width:24px;height:24px;font-size:9.5px}.av[data-tone=c]{color:#0e7490;background:#cffafe;border-color:#a5f3fc}.av[data-tone=m]{color:#a21caf;background:#fae8ff;border-color:#f5d0fe}.av[data-tone=y]{color:#b45309;background:#fef3c7;border-color:#fde68a}.av[data-tone=k]{color:#fafafa;background:#18181b;border-color:#27272a}.av[data-tone=b]{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.av[data-tone=g]{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.av[data-tone=r]{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.av[data-tone=v]{background:var(--accent-bg);color:var(--c-violet);border-color:#bbf7d0}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:12px;font-weight:500}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius);color:var(--text);padding:8px 12px;font-size:13px}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--bg-3);outline:none}.seg{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);gap:0;padding:3px;display:inline-flex}.seg button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.seg button svg{stroke-width:1.8px;width:13px;height:13px}.seg button[data-active=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.muted{color:var(--text-muted)}.mono{font-family:var(--font-ui);font-variant-numeric:tabular-nums}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.hr{border:0;border-top:1px solid var(--border);margin:12px 0}.page-hd{align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.page-hd h2{letter-spacing:-.025em;margin:0;font-size:30px;font-weight:600;line-height:1.1}.page-hd p{color:var(--text-muted);margin:6px 0 0;font-size:13.5px}.page-hd .spacer{flex:1}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1280px){.calc-layout{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:1200px){.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}.viewport::-webkit-scrollbar{width:10px;height:10px}.sb-scroll::-webkit-scrollbar{width:10px;height:10px}.viewport::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.sb-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.viewport::-webkit-scrollbar-track{background:0 0}.sb-scroll::-webkit-scrollbar-track{background:0 0}.dotcal{grid-template-columns:repeat(7,1fr);align-items:center;gap:8px 10px;display:grid}.dotcal .col{flex-direction:column;align-items:center;gap:8px;display:flex}.dotcal .col-label{color:var(--text-muted);margin-top:8px;font-size:11px}.dotcal .dot{background:var(--bg-3);border-radius:4px;width:14px;height:14px}.dotcal .dot[data-on=true]{background:var(--c-violet);border-radius:999px}.gantt{font-size:11.5px;position:relative}.gantt-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:2;grid-template-columns:220px 1fr;display:grid;position:sticky;top:0}.gantt-row{border-bottom:1px solid var(--border);grid-template-columns:220px 1fr;min-height:52px;display:grid}.gantt-row:hover{background:var(--bg-3)}.gantt-name{border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:2px;padding:8px 14px;display:flex}.gantt-track{position:relative}.gantt-cell{color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;display:flex;position:absolute;top:8px;bottom:8px;overflow:hidden}.gantt-cell:hover{box-shadow:0 0 0 2px var(--c-black);z-index:1}.gantt-timeline{display:flex}.gantt-tick{border-right:1px dashed var(--border);color:var(--text-muted);text-align:center;flex:1;padding:8px;font-size:11px}.gantt-now{background:var(--c-violet);z-index:1;width:1.5px;position:absolute;top:0;bottom:0}.gantt-now:before{content:"";background:var(--c-violet);border-radius:999px;width:8px;height:8px;position:absolute;top:-1px;left:-3px}.kanban{grid-auto-columns:300px;grid-auto-flow:column;gap:14px;padding-bottom:8px;display:grid;overflow-x:auto}.kan-col{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;max-height:70vh;display:flex}.kan-col-hd{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 14px;display:flex}.kan-col-hd h4{margin:0;font-size:13px;font-weight:600}.kan-col-hd .spacer{flex:1}.kan-body{flex-direction:column;gap:10px;padding:10px;display:flex;overflow-y:auto}.kan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:8px;padding:12px;display:flex}.kan-card:hover{border-color:var(--border-strong)}.kan-card-t{font-size:13px;font-weight:500}.kan-card-m{color:var(--text-muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.phone-shell{background:var(--bg);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;padding:32px;display:flex}.phone{background:#0a0a0a;border-radius:44px;width:340px;height:700px;padding:8px;position:relative;box-shadow:0 20px 60px -20px #0006,inset 0 0 0 1px #18181b}.phone-screen{background:#fafafa;border-radius:36px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:10;background:#0a0a0a;border-radius:999px;width:86px;height:24px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-status{color:#0a0a0a;justify-content:space-between;align-items:center;padding:14px 22px 6px;font-size:11.5px;font-weight:600;display:flex}.phone-status svg{width:14px;height:14px}.qr-frame{aspect-ratio:1;color:#71717a;background:#18181b;border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.qr-frame:before,.qr-frame:after{content:"";border:3px solid #fff;width:36px;height:36px;position:absolute}.qr-frame:before{border-bottom:0;border-right:0;border-top-left-radius:8px;top:12px;left:12px}.qr-frame:after{border-top:0;border-left:0;border-bottom-right-radius:8px;bottom:12px;right:12px}.qr-frame .corner-tr,.qr-frame .corner-bl{border:3px solid #fff;width:36px;height:36px;position:absolute}.qr-frame .corner-tr{border-bottom:0;border-left:0;border-top-right-radius:8px;top:12px;right:12px}.qr-frame .corner-bl{border-top:0;border-right:0;border-bottom-left-radius:8px;bottom:12px;left:12px}.qr-scan-line{background:linear-gradient(90deg,#0000,#22d3ee,#0000);height:2px;animation:2.6s linear infinite qr-scan;position:absolute;left:12px;right:12px}@keyframes qr-scan{0%{top:12px}50%{top:calc(100% - 14px)}to{top:12px}}.opbtn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:18px 12px;font-size:15px;font-weight:600;display:flex}.opbtn[data-tone=start]{color:#fff;background:#16a34a}.opbtn[data-tone=pause]{color:#fff;background:#f59e0b}.opbtn[data-tone=stop]{color:#fff;background:#18181b}.opbtn[data-tone=ghost]{color:#18181b;background:#f4f4f5;border:1px solid #e4e4e7}.opbtn[data-tone=danger]{color:#fff;background:#dc2626}.opbtn svg{stroke-width:2.2px;width:18px;height:18px}.gate{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:10px;padding:12px 14px;display:flex}.gate[data-state=passed]{background:var(--success-bg);border-color:#0000}.gate[data-state=failed]{background:var(--danger-bg);border-color:#0000}.gate[data-state=active]{border-color:var(--c-violet);box-shadow:0 0 0 3px var(--accent-bg)}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:var(--border);width:1.5px;position:absolute;top:4px;bottom:4px;left:9px}.tl-item{padding:4px 0 14px;position:relative}.tl-item:before{content:"";background:var(--surface);border:2px solid var(--text-faint);border-radius:999px;width:9px;height:9px;position:absolute;top:8px;left:-18px}.tl-item[data-tone=success]:before{border-color:var(--c-green);background:var(--c-green)}.tl-item[data-tone=danger]:before{border-color:var(--danger);background:var(--danger)}.tl-item[data-tone=warning]:before{border-color:var(--c-yellow);background:var(--c-yellow)}.tl-item[data-tone=active]:before{border-color:var(--c-violet);background:var(--surface)}.tl-t{font-size:13px;font-weight:500}.tl-m{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.evt-row{border-bottom:1px solid var(--border);grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.evt-row:last-child{border-bottom:0}.evt-row .evt-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12.5px;line-height:1.2}.evt-row .evt-time strong{color:var(--text);font-size:14px;font-weight:600;display:block}.evt-row .evt-body{background:repeating-linear-gradient(135deg, var(--accent-bg) 0 8px, var(--bg-3) 8px 16px);border-radius:var(--radius);padding:12px 14px}.evt-row .evt-body[data-tone=plain]{background:var(--bg-3)}.evt-row .evt-t{font-size:13.5px;font-weight:500}.evt-row .evt-m{color:var(--text-muted);margin-top:2px;font-size:11.5px}.hero-num{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600}.sheet-vis{border:1px solid var(--border-strong);background:#fafaf9;border-radius:6px;position:relative;overflow:hidden}.sheet-cut{background:#16a34a1a;border:1px dashed #71717a;position:absolute}.sheet-cut.live{border-color:var(--c-violet);background:#16a34a38}.chip{background:var(--bg-3);border:1px solid var(--border);font-family:var(--font-ui);color:var(--text-2);border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex}.donut-legend{flex-direction:column;gap:10px;font-size:12.5px;display:flex}.donut-legend .row{gap:10px}.donut-legend .swatch{border-radius:4px;flex-shrink:0;width:12px;height:12px}.status-bars{flex-direction:column;gap:14px;display:flex}.status-bar-row{grid-template-columns:24px 1fr;align-items:center;gap:12px;display:grid}.status-bar-row .ic{background:var(--bg-3);width:28px;height:28px;color:var(--text-2);border-radius:8px;place-items:center;display:grid}.status-bar-row .ic svg{width:15px;height:15px}.status-bar-row .lab{color:var(--text-muted);justify-content:space-between;align-items:baseline;margin-bottom:5px;font-size:12px;display:flex}.status-bar-row .lab strong{color:var(--text);font-size:16px;font-weight:600}