@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root,[data-theme=light]{--bg:#fafbff;--bg-grad-1:#f3f5fc;--bg-grad-2:#fafbff;--panel:#fff;--panel-solid:#fff;--panel-2:#f8fafc;--border:#0f172a14;--border-strong:#0f172a29;--text:#0f172a;--text-dim:#475569;--text-muted:#94a3b8;--accent-rgb:6 214 160;--accent-2-rgb:236 72 153;--accent-3-rgb:147 51 234;--accent:rgb(var(--accent-rgb));--accent-2:rgb(var(--accent-2-rgb));--accent-3:rgb(var(--accent-3-rgb));--grad-accent:linear-gradient(135deg, #06d6a0 0%, #9333ea 50%, #ec4899 100%);--grad-accent-soft:linear-gradient(135deg, #06d6a01f, #ec48991a);--ok-rgb:16 185 129;--warn-rgb:245 158 11;--err-rgb:239 68 68;--ok:rgb(var(--ok-rgb));--warn:rgb(var(--warn-rgb));--err:rgb(var(--err-rgb));--shadow-sm:0 1px 2px #0f172a0a;--shadow:0 1px 3px #0f172a0d, 0 8px 24px #0f172a0f;--glow-accent:0 6px 20px #06d6a04d;--glow-pink:0 6px 20px #ec489940;--body-glow-1:#06d6a014;--body-glow-2:#ec48990f;--body-glow-3:#9333ea0d;--card-blur:saturate(0%) blur(0);--card-highlight:linear-gradient(180deg, #fff0 0%, transparent 30%);--row-hover:#06d6a00f;--selection-bg:#06d6a038;--kbd-bg:#0f172a0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0c0d1c;--bg-grad-1:#161330;--bg-grad-2:#0a0a18;--panel:#26244694;--panel-solid:#25223f;--panel-2:#36325cc7;--border:#c8c3e61a;--border-strong:#c8c3e638;--text:#f3f1ff;--text-dim:#c4bee0;--text-muted:#8a83b0;--accent-rgb:124 255 212;--accent-2-rgb:255 123 214;--accent-3-rgb:192 132 252;--accent:rgb(var(--accent-rgb));--accent-2:rgb(var(--accent-2-rgb));--accent-3:rgb(var(--accent-3-rgb));--grad-accent:linear-gradient(135deg, #7cffd4 0%, #c084fc 50%, #ff7bd6 100%);--grad-accent-soft:linear-gradient(135deg, #7cffd42e, #ff7bd62e);--ok-rgb:74 222 128;--warn-rgb:251 191 36;--err-rgb:255 85 119;--ok:rgb(var(--ok-rgb));--warn:rgb(var(--warn-rgb));--err:rgb(var(--err-rgb));--shadow-sm:0 1px 2px #00000040;--shadow:0 10px 30px #05041080, 0 1px 0 #ffffff0a inset;--glow-accent:0 0 0 1px #7cffd473, 0 0 28px #7cffd452;--glow-pink:0 0 0 1px #ff7bd673, 0 0 24px #ff7bd64d;--body-glow-1:#7cffd42e;--body-glow-2:#ff7bd624;--body-glow-3:#c084fc21;--card-blur:saturate(140%) blur(14px);--card-highlight:linear-gradient(180deg, #ffffff0f, transparent 30%);--row-hover:#7cffd40f;--selection-bg:#7cffd44d;--kbd-bg:#ffffff0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{letter-spacing:-.005em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}@media (width>=1280px){html{zoom:1.04}}@media (width>=1600px){html{zoom:1.1}}@media (width>=1920px){html{zoom:1.18}}@media (width>=2400px){html{zoom:1.3}}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow:hidden}body{background:radial-gradient(1200px 600px at 0% -10%, var(--body-glow-1), transparent 60%), radial-gradient(900px 500px at 100% 110%, var(--body-glow-2), transparent 55%), radial-gradient(700px 400px at 80% -20%, var(--body-glow-3), transparent 60%), linear-gradient(180deg, var(--bg-grad-1), var(--bg-grad-2));color:var(--text);background-attachment:fixed;margin:0}a{color:var(--accent);text-decoration:none}a:hover{filter:brightness(1.1)}button{font:inherit;color:var(--text);background:rgba(var(--accent-rgb) / 0);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-weight:500;transition:background .2s,border-color .2s,transform .16s cubic-bezier(.22,1.4,.36,1),box-shadow .22s,color .2s;display:inline-flex}button:hover{background:rgba(var(--accent-rgb) / .1);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}button:active{transition-duration:60ms;transform:translateY(1px)scale(.97)}button.primary{background:var(--grad-accent);color:#fff;box-shadow:var(--glow-accent);border-color:#0000;font-weight:600}[data-theme=dark] button.primary{color:#0a0a18}button.primary:hover{filter:brightness(1.1)}button.danger{background:linear-gradient(135deg, var(--err), var(--accent-2));color:#fff;box-shadow:0 6px 20px rgba(var(--err-rgb) / .35);border-color:#0000}button.danger:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}.badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:rgba(var(--accent-rgb) / 0);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.ok{color:var(--ok);border-color:rgba(var(--ok-rgb) / .45);background:rgba(var(--ok-rgb) / .1)}.badge.warn{color:var(--warn);border-color:rgba(var(--warn-rgb) / .45);background:rgba(var(--warn-rgb) / .1)}.badge.err{color:var(--err);border-color:rgba(var(--err-rgb) / .45);background:rgba(var(--err-rgb) / .1)}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--ok);box-shadow:0 0 12px rgba(var(--ok-rgb) / .85);animation:2.4s ease-in-out infinite pulse-ok}.dot.warn{background:var(--warn);box-shadow:0 0 12px rgba(var(--warn-rgb) / .85);animation:1.8s ease-in-out infinite pulse-warn}.dot.err{background:var(--err);box-shadow:0 0 12px rgba(var(--err-rgb) / .95);animation:1.4s ease-in-out infinite pulse-err}.dot.off{background:var(--text-muted)}@keyframes pulse-ok{0%,to{box-shadow:0 0 8px rgba(var(--ok-rgb) / .55);transform:scale(1)}50%{box-shadow:0 0 16px rgba(var(--ok-rgb) / .95);transform:scale(1.12)}}@keyframes pulse-warn{0%,to{box-shadow:0 0 10px rgba(var(--warn-rgb) / .6);transform:scale(1)}50%{box-shadow:0 0 22px rgba(var(--warn-rgb) / 1);transform:scale(1.18)}}@keyframes pulse-err{0%,to{box-shadow:0 0 12px rgba(var(--err-rgb) / .6);transform:scale(1)}50%{box-shadow:0 0 22px rgba(var(--err-rgb) / 1);transform:scale(1.22)}}.badge{animation:.36s cubic-bezier(.22,1.4,.36,1) both badge-pop}@keyframes badge-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:rgba(var(--accent-rgb) / .02);font-size:11.5px;font-weight:500}[data-theme=light] th{background:#f8fafc}tr:last-child td{border-bottom:none}tbody tr{transition:background .15s}tbody tr:hover td{background:var(--row-hover)}input,select{background:rgba(var(--accent-rgb) / 0);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:10px;padding:8px 12px;transition:border-color .22s,box-shadow .28s cubic-bezier(.22,1.4,.36,1),transform .18s cubic-bezier(.22,1.4,.36,1)}input:hover,select:hover{border-color:var(--border-strong)}[data-theme=light] input,[data-theme=light] select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}[data-theme=dark] input,[data-theme=dark] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0a}select option{background:var(--panel-solid);color:var(--text)}[data-theme=dark] select option{color:#f3f1ff;background:#1a1530}input::placeholder{color:var(--text-muted)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb) / .2);outline:none}code,.mono{font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:13px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb) / .2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb) / .36)}::selection{background:var(--selection-bg);color:var(--text)}.app-shell{grid-template:"topbar topbar"60px"sidebar main"1fr/clamp(240px,14vw,288px) 1fr;height:100%;display:grid;overflow:hidden}::view-transition-old(root){animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-new(root){animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(root){animation-name:vt-fade-out}::view-transition-new(root){animation-name:vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes child-enter{0%{opacity:0;filter:blur(2px);transform:translateY(14px)scale(.98)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}.page-transition{will-change:opacity, transform;animation:.34s cubic-bezier(.16,1,.3,1) both page-enter;transform:translateZ(0)}.page-transition .kpi-strip>*,.page-transition>.grid>*{will-change:opacity, transform, filter;animation:.42s cubic-bezier(.16,1,.3,1) both child-enter}.page-transition .kpi-strip>:first-child{animation-delay:40ms}.page-transition .kpi-strip>:nth-child(2){animation-delay:90ms}.page-transition .kpi-strip>:nth-child(3){animation-delay:.14s}.page-transition .kpi-strip>:nth-child(4){animation-delay:.19s}.page-transition .kpi-strip>:nth-child(5){animation-delay:.24s}.page-transition>.grid>:first-child{animation-delay:80ms}.page-transition>.grid>:nth-child(2){animation-delay:.12s}.page-transition>.grid>:nth-child(3){animation-delay:.16s}.page-transition>.grid>:nth-child(4){animation-delay:.2s}.page-transition>.grid>:nth-child(5){animation-delay:.24s}.page-transition>.grid>:nth-child(6){animation-delay:.28s}.page-transition>.grid>:nth-child(7){animation-delay:.32s}.page-transition>.grid>:nth-child(8){animation-delay:.36s}.page-transition>.grid>:nth-child(9){animation-delay:.4s}.page-transition>.grid>:nth-child(10){animation-delay:.44s}.page-transition>.grid>:nth-child(n+11){animation-delay:.46s}.page-transition,.page-transition .kpi-strip>*,.page-transition>.grid>*{animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.page-transition,.page-transition .kpi-strip>*,.page-transition>.grid>*{will-change:auto;animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.failover-page{--text-muted:var(--text)}.page-transition>.failover-page>.grid>*{will-change:opacity, transform, filter;animation:.42s cubic-bezier(.16,1,.3,1) both child-enter}.topbar{background:var(--panel);-webkit-backdrop-filter:var(--card-blur);border-bottom:1px solid var(--border);z-index:5;grid-area:topbar;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex;position:relative}[data-theme=dark] .topbar{background:#0e0c209e}[data-theme=light] .topbar{-webkit-backdrop-filter:saturate(140%)blur(14px);background:#ffffffd9}.topbar .brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.topbar .brand .logo{background:var(--grad-accent);width:32px;height:32px;box-shadow:var(--glow-accent), 0 0 0 1px #ffffff1a inset;color:#fff;letter-spacing:-.02em;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}[data-theme=dark] .topbar .brand .logo{color:#0a0a18}.topbar .brand .logo.cgm-logo{background:#fff;padding:0;overflow:hidden;box-shadow:0 0 0 1px #0f172a14,0 1px 2px #0f172a0f}.topbar .brand .logo.cgm-logo img{object-fit:contain;width:100%;height:100%;display:block}.topbar .brand small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:1px;font-size:10.5px;font-weight:500;display:block}.topbar .tools{align-items:center;gap:10px;display:flex}.topbar select{min-width:220px}.icon-btn{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:relative}.sidebar{background:var(--panel);-webkit-backdrop-filter:var(--card-blur);border-right:1px solid var(--border);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;grid-area:sidebar;gap:1px;padding:10px 10px 8px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:0 0}.sidebar:hover::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb) / .2)}[data-theme=dark] .sidebar{background:#0e0c208c}[data-theme=light] .sidebar{-webkit-backdrop-filter:saturate(140%)blur(14px);background:#ffffffb3}.sidebar a{color:var(--text-dim);border-radius:10px;align-items:center;gap:10px;padding:7px 12px;font-size:13.5px;font-weight:500;transition:background-color .22s,color .22s,transform .22s cubic-bezier(.22,1.4,.36,1),padding .22s cubic-bezier(.22,1.4,.36,1),box-shadow .22s;display:flex;position:relative;transform:translateZ(0)}.sidebar a:hover{padding-left:14px;transform:translate(3px)}.sidebar a svg{transition:transform .22s cubic-bezier(.22,1.4,.36,1),color .22s,filter .22s}.sidebar a:hover svg{transform:scale(1.12)rotate(-2deg)}.sidebar a:hover{background:rgba(var(--accent-rgb) / .08);color:var(--text)}.sidebar a.active{color:var(--text);background:var(--grad-accent-soft);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb) / .3);padding-left:12px;transform:translateZ(0)}.sidebar a.active:before{content:"";background:var(--grad-accent);width:3px;box-shadow:0 0 14px rgba(var(--accent-rgb) / .7);border-radius:0 3px 3px 0;animation:.32s cubic-bezier(.22,1.4,.36,1) both nav-indicator-in;position:absolute;top:8px;bottom:8px;left:-10px}.sidebar a.active svg{color:var(--accent);filter:drop-shadow(0 0 6px rgba(var(--accent-rgb) / .6));animation:.36s cubic-bezier(.22,1.4,.36,1) both nav-icon-pop}@keyframes nav-indicator-in{0%{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}@keyframes nav-icon-pop{0%{transform:scale(.85)}60%{transform:scale(1.18)}to{transform:scale(1)}}.sidebar .section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);padding:10px 14px 4px;font-size:10.5px;font-weight:600}.sidebar-footer{color:var(--text-muted);border-top:1px solid var(--border);margin-top:auto;padding:8px 12px;font-size:11px}.sidebar-toggle{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:flex}.sidebar-toggle:hover{background:rgba(var(--accent-rgb) / .08);color:var(--text);border-color:rgba(var(--accent-rgb) / .3)}html[data-sidebar-collapsed=true] .app-shell{grid-template-columns:56px 1fr;transition:grid-template-columns .22s}.app-shell{transition:grid-template-columns .22s}html[data-sidebar-collapsed=true] .sidebar{padding:10px 6px 8px}html[data-sidebar-collapsed=true] .sidebar a{justify-content:center;gap:0;padding:9px 0}html[data-sidebar-collapsed=true] .sidebar a:hover{padding-left:0;transform:scale(1.04)}html[data-sidebar-collapsed=true] .sidebar a.active{padding-left:0}html[data-sidebar-collapsed=true] .sidebar a span,html[data-sidebar-collapsed=true] .sidebar .section-label,html[data-sidebar-collapsed=true] .sidebar-footer,html[data-sidebar-collapsed=true] .sidebar-toggle span{display:none}html[data-sidebar-collapsed=true] .sidebar-toggle{justify-content:center;padding:9px 0}html[data-sidebar-collapsed=true] .sidebar a.active:before{top:10px;bottom:10px;left:-6px}.main{overscroll-behavior:contain;grid-area:main;padding:clamp(20px,1.4vw,36px) clamp(24px,1.8vw,44px) clamp(32px,2.5vw,56px);overflow-y:auto}.page-transition{width:100%;max-width:1640px;margin:0 auto}@media (width>=1700px){.page-transition{max-width:1820px}}@media (width>=1920px){.page-transition{max-width:2000px}}@media (width>=2200px){.page-transition{max-width:2240px}}@media (width>=2560px){.page-transition{max-width:2480px}}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-header h1{letter-spacing:-.02em;background:var(--grad-accent);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:600}[data-theme=dark] .page-header h1{background:linear-gradient(135deg,#fff 0%,#c8cfff 50%,#ff7bd6 110%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.page-header .subtitle{color:var(--text-dim);margin-top:4px;font-size:14px}.gateway-twin-main{overflow:hidden}.gateway-twin-route{height:100%;min-height:0}.gateway-twin-page{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.gateway-twin-page>.page-header{flex:none}.gateway-twin-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.gateway-twin-source{border:1px solid var(--border-strong);min-height:40px;color:var(--text-dim);background:var(--panel);border-radius:12px;align-items:center;gap:9px;padding:6px 10px;display:inline-flex}.gateway-twin-source>span:last-child{gap:1px;line-height:1.15;display:grid}.gateway-twin-source strong{color:currentColor;font-size:12px;font-weight:650}.gateway-twin-source small{color:var(--text-muted);font-size:11px}.gateway-twin-source-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.gateway-twin-source[data-tone=live]{color:var(--ok);border-color:rgba(var(--ok-rgb) / .38);background:rgba(var(--ok-rgb) / .08)}.gateway-twin-source[data-tone=live] .gateway-twin-source-dot{animation:2.2s ease-in-out infinite twin-live-pulse}.gateway-twin-source[data-tone=warn],.gateway-twin-source[data-tone=pending]{color:var(--warn);border-color:rgba(var(--warn-rgb) / .38);background:rgba(var(--warn-rgb) / .08)}.gateway-twin-source[data-tone=error]{color:var(--err);border-color:rgba(var(--err-rgb) / .38);background:rgba(var(--err-rgb) / .08)}.gateway-twin-source[data-tone=sim]{color:var(--accent-3)}@keyframes twin-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.78)}}.gateway-twin-scenario{min-height:40px;color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.gateway-twin-scenario>span{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:650}.gateway-twin-scenario select{min-width:150px}.gateway-twin-fullscreen-button{white-space:nowrap;background:var(--panel);border-color:var(--border-strong);justify-content:center;min-height:40px}.gateway-twin-fullscreen-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gateway-twin-frame{border:1px solid var(--border-strong);background:#070a10;border-radius:14px;flex:1 1 0;min-width:0;height:auto;min-height:0;position:relative;overflow:hidden}.gateway-twin-frame[data-source-tone=live]{border-color:rgba(var(--ok-rgb) / .32)}.gateway-twin-page::backdrop{background:#070a10}:is(.gateway-twin-page:fullscreen,.gateway-twin-page.is-fullscreen){background:#070a10;width:100%;max-width:none;height:100%}:is(.gateway-twin-page:fullscreen>.page-header,.gateway-twin-page.is-fullscreen>.page-header){top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:5;pointer-events:none;width:auto;margin:0;position:absolute}.gateway-twin-page.is-fullscreen>.page-header>div:first-child,.gateway-twin-page.is-fullscreen .gateway-twin-source,.gateway-twin-page.is-fullscreen .gateway-twin-scenario{display:none}.gateway-twin-page:fullscreen>.page-header>div:first-child{display:none}.gateway-twin-page:fullscreen .gateway-twin-source{display:none}.gateway-twin-page:fullscreen .gateway-twin-scenario{display:none}:is(.gateway-twin-page:fullscreen .gateway-twin-toolbar,.gateway-twin-page.is-fullscreen .gateway-twin-toolbar){pointer-events:auto;width:auto}:is(.gateway-twin-page:fullscreen .gateway-twin-fullscreen-button,.gateway-twin-page.is-fullscreen .gateway-twin-fullscreen-button){color:#fff;-webkit-backdrop-filter:blur(10px);background:#070a10d1;border-color:#ffffff42;width:auto;min-height:44px;box-shadow:0 8px 28px #00000057}:is(.gateway-twin-page:fullscreen .gateway-twin-frame,.gateway-twin-page.is-fullscreen .gateway-twin-frame){border:0;border-radius:0;width:100%;height:100%}.gateway-twin-loading{z-index:2;pointer-events:none;color:#aeb8c8;letter-spacing:.04em;background:#070a10;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.gateway-twin-loading-mark{border:2px solid #aeb8c83d;border-top-color:#28e9ff;border-radius:50%;width:16px;height:16px;animation:.9s linear infinite ce-spin}@media (width<=900px){.gateway-twin-page .page-header{flex-direction:column;align-items:flex-start}.gateway-twin-toolbar{justify-content:space-between;width:100%}}@media (width<=620px){.gateway-twin-toolbar{flex-direction:column;align-items:stretch}.gateway-twin-source,.gateway-twin-scenario{width:100%}.gateway-twin-scenario select{flex:1;min-width:0}.gateway-twin-fullscreen-button{width:100%}:is(.gateway-twin-page:fullscreen .gateway-twin-toolbar,.gateway-twin-page.is-fullscreen .gateway-twin-toolbar){align-items:flex-end}}@media (pointer:coarse){.gateway-twin-fullscreen-button{min-height:44px}}@media (width<=760px){.app-shell,html[data-sidebar-collapsed=true] .app-shell{grid-template-columns:56px minmax(0,1fr)}.sidebar{padding:10px 6px 8px}.sidebar a{justify-content:center;gap:0;padding:9px 0}.sidebar a:hover{padding-left:0;transform:scale(1.04)}.sidebar a.active{padding-left:0}.sidebar a.active:before{top:10px;bottom:10px;left:-6px}.sidebar a span,.sidebar .section-label,.sidebar-footer,.sidebar-toggle span,.sidebar-toggle{display:none}.main{padding:16px 12px 24px}.topbar{gap:6px;padding:0 8px}.topbar .brand{gap:0}.topbar .brand>span:last-child{display:none}.topbar .search-pill{justify-content:center;width:36px;min-width:36px;height:36px;padding:0}.search-pill .grow,.search-pill .kbd,.live-pill-label{display:none}.topbar .tools{gap:5px;min-width:0}.topbar .tools>a,.topbar .tools>button:last-child{display:none}.topbar .tools select{width:118px;min-width:0;max-width:118px;font-size:11px}.topbar .live-pill{padding:4px 6px}}@media (prefers-reduced-motion:reduce){.gateway-twin-source[data-tone=live] .gateway-twin-source-dot,.gateway-twin-loading-mark{animation:none}}.grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(min-content,max-content);align-items:stretch;gap:clamp(14px,1vw,22px);display:grid}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.grid>[class*=col-]{display:flex}.grid>[class*=col-]>.card{flex:1}@media (width<=1280px){.col-3,.col-4{grid-column:span 6}.col-7,.col-8,.col-5{grid-column:span 12}}@media (width<=760px){.col-3,.col-4,.col-6,.col-5,.col-7{grid-column:span 12}}.branch-overview-grid{flex:1;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:16px;min-height:0;display:grid}.branch-overview-map{flex-direction:column;min-width:0;min-height:0;display:flex}.branch-overview-side{flex-direction:column;gap:12px;min-width:0;display:flex}.bo-section{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:12px 14px;display:flex}[data-theme=light] .bo-section{background:#f8fafc}.bo-section-head{align-items:center;gap:10px;min-width:0;display:flex}.bo-section-icon{background:rgba(var(--accent-rgb) / .1);border:1px solid var(--border);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.bo-section-title{color:var(--text);font-size:12.5px;font-weight:700;line-height:1.2}.bo-section-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10.5px;overflow:hidden}.bo-section-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.bo-stat{flex-direction:column;gap:2px;min-width:0;display:flex}.bo-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.bo-stat-value{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.bo-stat-mono{color:var(--text-dim);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.bo-domain-pill{letter-spacing:.06em;background:rgba(var(--accent-rgb) / .06);border:1px solid;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:700}.bo-domain-body{align-items:flex-start;gap:10px;min-width:0;display:flex}.bo-domain-list{flex-direction:column;flex:1;gap:3px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.bo-domain-row{align-items:center;gap:6px;min-width:0;font-size:11.5px;display:flex}.bo-domain-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.bo-domain-kind{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.bo-domain-count{color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}@media (width<=1280px){.branch-overview-grid{grid-template-columns:1fr}}.onb-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:600}.onb-model-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.onb-model-card{text-align:left;background:var(--surface-1);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:12px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.onb-model-card:hover{border-color:var(--border-strong)}.onb-model-card.is-selected{background:var(--grad-accent-soft)}.onb-illustration{border:1px solid var(--border);background:radial-gradient(circle at 50% 60%,#ffffff0a,#0000 60%),#0000002e;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;min-width:0;padding:14px 16px;display:flex;overflow:hidden}.grid>.onb-side>.card{flex:none}.onb-target{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.onb-mini-field{flex-direction:column;gap:5px;min-width:0;display:flex}.onb-mini-field>span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:5px;font-size:10.5px;font-weight:700;display:inline-flex}.onb-mini-field .onb-select select{padding:7px 28px 7px 10px}.onb-target-desc{color:var(--text-muted);margin-bottom:12px;font-size:12px;line-height:1.5}.onb-target-site{color:var(--text);border:1px solid var(--border);background:rgba(var(--accent-rgb) / .04);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;display:inline-flex}.onb-target-site svg{color:var(--accent);flex:none}@media (width<=560px){.onb-target{grid-template-columns:1fr}}.onb-form-top{margin-bottom:12px}.onb-back-link{color:var(--text-muted);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:12.5px;display:inline-flex}.onb-back-link:hover{color:var(--text);border-color:var(--border-strong);box-shadow:none;transform:none}.onb-gw-list{flex-direction:column;gap:10px;display:flex}.onb-gw-card{border:1px solid var(--border);background:var(--surface-1);box-shadow:inset 3px 0 0 var(--cat);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .16s,background .16s;display:flex}.onb-gw-card:hover{border-color:var(--border-strong);background:rgba(var(--accent-rgb) / .04)}.onb-gw-icon{border:1px solid;border-radius:11px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.onb-gw-main{flex:1;min-width:0}.onb-gw-name{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;font-weight:700;display:flex}.onb-gw-model{color:var(--text-muted);font-size:11.5px;font-weight:500}.onb-gw-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.onb-gw-meta .badge{text-transform:none}.onb-gw-chip{color:var(--text-dim);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500}.onb-gw-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:44px 16px;display:flex}.onb-gw-empty-icon{width:56px;height:56px;color:var(--accent);background:rgba(var(--accent-rgb) / .1);border:1px solid rgba(var(--accent-rgb) / .25);border-radius:16px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.onb-gw-empty-title{color:var(--text);font-size:15px;font-weight:700}.onb-gw-empty-sub{color:var(--text-muted);max-width:420px;margin-bottom:8px;font-size:12.5px;line-height:1.5}[data-theme=light] .onb-illustration{background:radial-gradient(circle at 50% 60%,#0f172a0a,#0000 60%),#0f172a0a}.onb-caption{color:var(--text-muted);text-align:center;padding:0 4px;font-size:11.5px;font-style:italic}.onb-badges{border-top:1px dashed var(--border);flex-wrap:wrap;justify-content:center;gap:6px;width:100%;padding:10px 4px 2px;display:flex}.onb-cap-pill{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#ffffff08;border:1px solid;border-radius:999px;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}[data-theme=light] .onb-cap-pill{background:#0f172a08}.onb-test-row{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex}.onb-checkbox{background:var(--surface-1);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.onb-checkbox:hover{border-color:var(--border-strong)}.onb-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.onb-summary{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.onb-summary .kv{padding:4px 0}.onb-summary .kv:not(:last-child){border-bottom:1px dashed var(--border)}.onb-param-row{border-bottom:1px dashed var(--border);border-radius:8px;grid-template-columns:minmax(180px,1.4fr) minmax(220px,1fr);align-items:center;gap:18px;padding:9px 8px;transition:background .15s;display:grid}.onb-param-scroll{max-height:clamp(440px,62vh,760px);margin-top:2px;padding-right:4px;overflow-y:auto}.onb-cat-body .onb-param-row:last-child{border-bottom:none}.onb-param-row:hover{background:rgba(var(--accent-rgb) / .04)}.onb-param-label{color:var(--text);font-size:12.5px;font-weight:500;line-height:1.35}.onb-param-ov{align-items:center;gap:6px;min-width:0;display:flex}.onb-param-ov>input,.onb-param-ov>.onb-select{flex:auto}.onb-param-ov>.onb-seg{flex:0 auto}.onb-param-row input,.onb-param-row select{border-radius:8px;width:100%;padding:6px 10px;font-size:12.5px}.onb-select{min-width:0;position:relative}.onb-select select{appearance:none;cursor:pointer;border-radius:8px;width:100%;padding:6px 28px 6px 10px;font-size:12.5px}.onb-select-caret{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.onb-locked{width:fit-content;color:var(--text-muted);border:1px dashed var(--border);background:#ffffff05;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;display:inline-flex}[data-theme=light] .onb-locked{background:#0f172a08}.onb-seg{border:1px solid var(--border);background:#ffffff0b;border-radius:10px;gap:2px;padding:3px;display:inline-flex}[data-theme=light] .onb-seg{background:#0f172a0a}.onb-seg button{color:var(--text-dim);background:0 0;border:none;border-radius:7px;padding:4px 12px;font-size:12px;font-weight:600;transition:color .15s,background .15s,box-shadow .15s}.onb-seg button:hover{background:rgba(var(--accent-rgb) / .08);color:var(--text);box-shadow:none;transform:none}.onb-seg button.on{background:var(--grad-accent);color:#fff;box-shadow:0 2px 10px rgba(var(--accent-rgb) / .35)}[data-theme=dark] .onb-seg button.on{color:#0a0a18}.onb-action-btn{border-radius:8px;padding:6px 12px;font-size:12.5px}.onb-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.onb-search{min-width:190px;color:var(--text-muted);border:1px solid var(--border);border-radius:10px;flex:220px;align-items:center;gap:8px;padding:7px 11px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.onb-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb) / .18)}.onb-search input{min-width:0;color:var(--text);background:0 0;border:none;flex:1;padding:0;font-size:13px}.onb-search input:hover,.onb-search input:focus{box-shadow:none;border:none;outline:none}.onb-search-clear{color:var(--text-muted);background:0 0;border:none;padding:0 6px;font-size:16px;line-height:1}.onb-search-clear:hover{color:var(--text);box-shadow:none;background:0 0;transform:none}.onb-suggest{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:rgba(var(--accent-rgb) / .06);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:9px 11px;animation:.18s both onb-reveal;display:flex}.onb-suggest-label{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.onb-suggest-chip{border:1px solid var(--border);background:var(--surface-1);color:var(--text);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:500}.onb-suggest-chip:hover{border-color:var(--accent);background:rgba(var(--accent-rgb) / .12);box-shadow:none;transform:none}.onb-cat{border:1px solid var(--border);background:var(--surface-1);border-radius:12px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.onb-cat+.onb-cat{margin-top:8px}.onb-cat:hover{border-color:var(--border-strong)}.onb-cat.is-open{border-color:color-mix(in srgb, var(--cat) 32%, var(--border));box-shadow:inset 3px 0 0 var(--cat)}.onb-cat-bar{text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:12px;width:100%;padding:11px 14px;transition:background .18s;display:flex}.onb-cat-bar:hover{background:rgba(var(--accent-rgb) / .05);box-shadow:none;transform:none}.onb-cat.is-open .onb-cat-bar{background:color-mix(in srgb, var(--cat) 8%, transparent);border-bottom:1px solid color-mix(in srgb, var(--cat) 18%, var(--border))}.onb-cat.is-open .onb-cat-bar:hover{background:color-mix(in srgb, var(--cat) 13%, transparent)}.onb-cat-icon{border:1px solid;border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:box-shadow .18s;display:inline-flex}.onb-cat.is-open .onb-cat-icon{box-shadow:0 0 14px color-mix(in srgb, var(--cat) 45%, transparent)}.onb-cat-titles{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.onb-cat-title{color:var(--text);font-size:13.5px;font-weight:700}.onb-cat-hint{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.onb-cat-meta{flex:none;align-items:center;gap:8px;display:inline-flex}.onb-cat-count{text-align:center;min-width:22px;color:var(--text-dim);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.onb-cat.is-open .onb-cat-count{color:var(--cat);border-color:color-mix(in srgb, var(--cat) 40%, transparent)}.onb-chevron{color:var(--text-muted);transition:transform .2s,color .2s}.onb-chevron.is-open{transform:rotate(180deg)}.onb-cat.is-open .onb-chevron{color:var(--cat)}.onb-cat-body{padding:4px 14px 10px;animation:.2s both onb-reveal}@keyframes onb-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.onb-hl{background:rgba(var(--accent-rgb) / .3);color:var(--text);border-radius:3px;padding:0 1px}.onb-empty{text-align:center;color:var(--text-muted);padding:28px 8px;font-size:13px}.onb-custom-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:rgba(var(--accent-rgb) / .12);border:1px solid rgba(var(--accent-rgb) / .3);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:9.5px;font-weight:700}.onb-del-field{color:var(--text-muted);flex:none;padding:5px 7px}.onb-del-field:hover{color:var(--err);border-color:var(--err)}.onb-add-field{color:var(--text-muted);border:1px dashed var(--border);background:0 0;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:12px;display:inline-flex}.onb-add-field:hover{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb) / .06);box-shadow:none;transform:none}.onb-add-form{border:1px solid color-mix(in srgb, var(--cat) 35%, var(--border));background:color-mix(in srgb, var(--cat) 6%, transparent);border-radius:10px;flex-direction:column;gap:10px;margin-top:8px;padding:12px;animation:.18s both onb-reveal;display:flex}.onb-add-form-row{flex-wrap:wrap;gap:8px;display:flex}.onb-add-form input{border-radius:8px;padding:7px 10px;font-size:12.5px}.onb-add-form-actions{justify-content:flex-end;gap:8px;display:flex}.onb-legend-dot{border:1px solid var(--border);border-radius:4px;flex:none;width:11px;height:11px;margin-top:3px}.onb-legend-dot.is-value{border-color:var(--accent);background:rgba(var(--accent-rgb) / .22)}.onb-legend-dot.is-locked{background:#ffffff05;border-style:dashed}@media (width<=720px){.onb-param-row{grid-template-columns:1fr;gap:6px;padding:12px 8px}}.ci-chart-headline{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:4px 4px 12px;display:flex}.ci-chart-headline-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.ci-chart-headline-big{color:var(--text);font-variant-numeric:tabular-nums;background:var(--grad-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:clamp(24px,2.2vw,32px);font-weight:700;line-height:1.1}.ci-chart-headline-sub{color:var(--text-dim);font-size:12.5px;font-style:italic}.ci-cat-strip{border-top:1px dashed var(--border);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding-top:14px;display:grid}.ci-cat-mini{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:var(--surface-1);border:1px solid var(--border);border-top:2px solid;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;transition:transform .22s cubic-bezier(.22,1.4,.36,1),border-color .22s,box-shadow .25s,opacity .25s,filter .25s;display:flex}.ci-cat-mini:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.ci-cat-mini.is-selected{transform:translateY(-2px)}.ci-cat-mini.is-dimmed{opacity:.42;filter:saturate(.6)}.ci-cat-mini.is-dimmed:hover{opacity:.85;filter:saturate()}.ci-cat-mini-head{align-items:center;gap:6px;min-width:0;display:inline-flex}.ci-cat-mini-icon{border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.ci-cat-mini-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.ci-cat-mini-value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:19px;font-weight:700;line-height:1.1}.ci-cat-mini-foot{justify-content:space-between;align-items:baseline;gap:6px;font-size:10.5px;display:flex}.naas-service-tile{text-align:center;cursor:help;flex-direction:column;align-items:center;gap:6px;padding-top:4px;display:flex}.naas-service-tile-head{align-items:center;gap:8px;width:100%;margin-bottom:4px;display:flex}.naas-service-tile-title{color:var(--text);margin-top:6px;font-size:13px;font-weight:700;line-height:1.2}.naas-service-tile-cap{color:var(--text-muted);font-size:11px}.naas-service-tile-bill{color:var(--text-muted);border-top:1px dashed var(--border);width:100%;margin-top:4px;padding-top:8px;font-size:10px}.naas-radial{position:relative}.naas-radial svg{display:block}.naas-radial svg circle:nth-child(2){filter:drop-shadow(0 0 6px)}.naas-bar-chart{flex-direction:column;gap:2px;display:flex}.naas-bar-row{cursor:help;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(220px,1.3fr) minmax(180px,2.4fr) minmax(96px,auto);align-items:center;gap:16px;padding:8px 10px;transition:background-color .15s,border-color .15s;display:grid}.naas-bar-row:hover{background:var(--surface-1);border-color:var(--border)}.naas-bar-axis{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;cursor:default;border-bottom:1px dashed var(--border);border-radius:0;margin-bottom:4px;padding-bottom:2px;font-size:10px}.naas-bar-axis:hover{border-color:#0000;border-bottom:1px dashed var(--border);background:0 0}.naas-bar-axis-track{height:14px;position:relative}.naas-bar-axis-tick{font-variant-numeric:tabular-nums;position:absolute;top:0;transform:translate(-50%)}.naas-bar-axis-tick:first-child{transform:translate(0)}.naas-bar-axis-tick:last-child{transform:translate(-100%)}.naas-bar-meta{align-items:center;gap:10px;min-width:0;display:flex}.naas-bar-icon{border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.naas-bar-label{flex:1;min-width:0}.naas-bar-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.naas-bar-cap{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}.naas-bar-cat{letter-spacing:.06em;font-weight:700}.naas-bar-track{background:linear-gradient(to right, transparent calc(25% - .5px), #ffffff12 calc(25% - .5px), #ffffff12 calc(25% + .5px), transparent calc(25% + .5px)), linear-gradient(to right, transparent calc(50% - .5px), #ffffff1c calc(50% - .5px), #ffffff1c calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to right, transparent calc(75% - .5px), #ffffff12 calc(75% - .5px), #ffffff12 calc(75% + .5px), transparent calc(75% + .5px)), var(--surface-1);border:1px solid var(--border);border-radius:6px;height:22px;position:relative;overflow:hidden}.naas-bar-fill{border-radius:5px 2px 2px 5px;transition:width .6s cubic-bezier(.22,1.4,.36,1);position:absolute;top:0;bottom:0;left:0}.naas-bar-pct{font-variant-numeric:tabular-nums;text-shadow:0 0 4px #000000b3,0 0 2px #000000b3;pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.naas-bar-bill{color:var(--text-muted);text-align:right;white-space:nowrap;font-size:11px}.dev-stats{flex:1;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;min-width:0;display:grid}@media (width<=1100px){.dev-stats{grid-template-columns:repeat(2,1fr)}}.dev-stat{background:var(--panel);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.dev-stat:before{content:"";background:var(--card-highlight);opacity:.5;pointer-events:none;position:absolute;inset:0}.dev-stat-top{align-items:center;gap:8px;display:inline-flex}.dev-stat-icon{border:1px solid var(--border);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.dev-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:700}.dev-stat-mid{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.dev-stat-big{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(22px,1.8vw,28px);font-weight:700;line-height:1.1}.dev-stat-spark{flex:1;min-width:70px;max-width:140px;height:36px}.dev-stat-sub{color:var(--text-muted);border-top:1px dashed var(--border);padding-top:6px;font-size:11px;line-height:1.4}.dev-legend{border-top:1px dashed var(--border);color:var(--text-dim);flex-wrap:wrap;gap:4px 14px;margin-top:4px;padding-top:10px;font-size:11px;display:flex}.dev-legend-item{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.dev-legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.ipsec-gw{border:1px solid var(--border);background:var(--surface-1);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.ipsec-gw-head{align-items:center;gap:12px;display:flex}.ipsec-gw-icon{border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.ipsec-gw-name{color:var(--text);font-size:14px;font-weight:700}.ipsec-gw-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.ipsec-gw-meta{flex-shrink:0;gap:16px;display:flex}.ipsec-gw-meta-kv{color:var(--text-muted);text-align:right;flex-direction:column;font-size:11px;display:flex}.ipsec-gw-meta-kv span{letter-spacing:.08em;text-transform:uppercase;font-size:9.5px;font-weight:700}.ipsec-gw-meta-kv strong{font-variant-numeric:tabular-nums;color:var(--text);font-size:12.5px;font-weight:700}.ipsec-flow-wrap{background:linear-gradient(180deg, #c084fc0a, transparent 60%), var(--panel-2);border:1px solid var(--border);border-radius:10px;width:100%;padding:14px 14px 10px}.ipsec-gw-wan{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:8px 10px;display:flex}.ipsec-gw-wan-counter{color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;display:inline-flex}.ipsec-gw-wan-counter .dim{color:var(--text-muted)}.ipsec-tunnels{flex-direction:column;gap:6px;display:flex}.ipsec-tunnel{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(280px,2fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.ipsec-tunnel.is-active{background:linear-gradient(135deg,#4ade800f,#0000)}.ipsec-tunnel-id{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.ipsec-tunnel-state{letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:700}.ipsec-tunnel-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.ipsec-metric{flex-direction:column;gap:1px;min-width:0;display:flex}.ipsec-metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:9.5px;font-weight:700}.ipsec-metric-value{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.va-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.va-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;flex-direction:column;transition:border-color .18s,transform .18s;display:flex;position:relative;overflow:hidden}.va-tile:hover{border-color:var(--border-strong)}.va-tile-head{border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;align-items:center;gap:10px;padding:10px 12px;display:flex}.va-tile-name{text-align:center;flex:1;min-width:0}.va-tile-head-balance{flex-shrink:0;width:8px}.va-tile-title{color:var(--text);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:1.25;overflow:hidden}.va-tile-desc{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;font-weight:600;line-height:1.35;overflow:hidden}.va-tile-btn{border:1px solid var(--border);background:var(--surface-1);width:28px;height:28px;color:var(--text-dim);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.va-tile-btn:hover{color:var(--text);border-color:var(--accent);background:var(--grad-accent-soft)}.va-tile-body{aspect-ratio:16/9;background:#0a0820;display:block;position:relative;overflow:hidden}.va-tile-stream{object-fit:contain;background:#000;width:100%;height:100%;display:block}.va-thumb{background:#0a0820;position:absolute;inset:0}.va-thumb-svg{width:100%;height:100%;display:block}.va-thumb-corner{border:0 solid #7cffd473;width:16px;height:16px;position:absolute}.va-thumb-corner.tl{border-top-width:2px;border-left-width:2px;top:8px;left:8px}.va-thumb-corner.tr{border-top-width:2px;border-right-width:2px;top:8px;right:8px}.va-thumb-corner.bl{border-bottom-width:2px;border-left-width:2px;bottom:8px;left:8px}.va-thumb-corner.br{border-bottom-width:2px;border-right-width:2px;bottom:8px;right:8px}.va-live-badge{letter-spacing:.08em;color:#fff;-webkit-backdrop-filter:blur(4px);z-index:2;background:#0009;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.va-open-btn{border:none;border-top:1px solid var(--border);background:linear-gradient(180deg, var(--panel), var(--surface-1));color:var(--text);letter-spacing:.02em;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.va-open-btn:hover{background:var(--grad-accent-soft);color:var(--text)}.va-open-btn:active{transform:translateY(1px)}.va-offline{color:var(--text-muted);text-align:center;background:#0a0820;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.va-offline svg{color:var(--warn)}.va-loading{color:var(--text-muted);text-align:center;z-index:1;background:radial-gradient(#7c8cff1a,#0000 60%),#0a0820;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.va-loading svg{color:var(--accent)}.va-loading-title{color:var(--text-dim);letter-spacing:.02em;font-size:14px;font-weight:700}.va-loading-sub{color:var(--text-muted);font-size:11.5px}.va-offline-title{color:var(--text-dim);font-size:14px;font-weight:600}.va-offline-sub{word-break:break-all;max-width:90%;font-size:11px}.va-retry{gap:6px;width:auto;padding:6px 12px}.va-tile:fullscreen{background:#000;border:0;border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.va-tile:fullscreen .va-tile-head{-webkit-backdrop-filter:blur(8px);z-index:3;background:#0009;border-bottom-color:#ffffff14;position:absolute;top:0;left:0;right:0}.va-tile:fullscreen .va-tile-body{aspect-ratio:auto;background:#000;flex:1;height:100%}.va-tile:fullscreen .va-tile-stream{object-fit:contain;height:100vh}.va-tile:fullscreen .va-open-btn{display:none}.va-fs-exit{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);z-index:4;opacity:0;background:#000000a6;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:opacity .2s;display:inline-flex;position:absolute;bottom:20px;right:20px}.va-tile:fullscreen .va-fs-exit{opacity:1}.va-fs-exit:hover{background:#000000d9}.agentic-title-orb{color:#fff;background:linear-gradient(135deg, var(--accent-3,#c084fc), var(--accent-2,#ec4899) 70%, var(--accent));border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative;box-shadow:0 0 24px #c084fc8c}.agentic-title-orb-ring{border:2px solid #c084fc8c;border-radius:50%;animation:2.4s ease-out infinite agentic-orb-pulse;position:absolute;inset:-3px}@keyframes agentic-orb-pulse{0%{opacity:.7;transform:scale(.85)}70%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}.agentic-hero{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}@media (width<=1100px){.agentic-hero{grid-template-columns:repeat(2,1fr)}}.agentic-hero-tile{background:var(--panel);-webkit-backdrop-filter:var(--card-blur);border:1px solid;border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.agentic-hero-tile:before{content:"";background:var(--card-highlight);opacity:.55;pointer-events:none;position:absolute;inset:0}.agentic-hero-head{align-items:center;gap:8px;display:inline-flex}.agentic-hero-icon{border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.agentic-hero-icon.is-pulsing{animation:1.6s ease-in-out infinite agentic-soft-pulse}@keyframes agentic-soft-pulse{0%,to{box-shadow:0 0 #7cffd400}50%{box-shadow:0 0 12px 1px #7cffd48c}}.agentic-hero-headline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.agentic-hero-big{font-variant-numeric:tabular-nums;margin-top:2px;font-size:clamp(20px,1.6vw,24px);font-weight:700;line-height:1.15}.agentic-hero-sub{color:var(--text-dim);border-top:1px dashed var(--border);margin-top:4px;padding-top:6px;font-size:11.5px;line-height:1.4}.agentic-chat{scrollbar-width:thin;flex-direction:column;gap:12px;min-height:340px;max-height:460px;padding:4px 6px 14px;display:flex;position:relative;overflow-y:auto}.agentic-chat.is-running:after{content:"";background:linear-gradient(to top, var(--panel), transparent);pointer-events:none;height:26px;margin:-26px 0 0;position:sticky;bottom:-6px}.agentic-row{align-items:flex-start;gap:10px;width:100%;display:flex}.agentic-row.is-user{justify-content:flex-end}.agentic-row.is-agent{justify-content:flex-start}.agentic-avatar{color:#fff;border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;display:inline-flex;position:relative}.agentic-avatar-agent{background:linear-gradient(135deg, var(--accent-3,#c084fc), var(--accent-2,#ec4899) 110%);box-shadow:0 0 14px #c084fc59}.agentic-avatar-user{background:linear-gradient(135deg, var(--accent), var(--accent-3,#c084fc) 110%);box-shadow:0 0 14px #7cffd44d}.agentic-msg{border:1px solid var(--border);background:var(--surface-1);word-wrap:break-word;border-radius:14px;flex-direction:column;gap:4px;max-width:78%;padding:11px 14px;display:flex;position:relative}.agentic-msg.is-user{background:linear-gradient(135deg, rgba(var(--accent-rgb) / .12), rgba(var(--accent-rgb) / .04));border-color:rgba(var(--accent-rgb) / .35);border-bottom-right-radius:4px}.agentic-msg.is-agent{background:linear-gradient(135deg, #c084fc1a, #c084fc08), var(--panel-2);border-color:#c084fc59;border-bottom-left-radius:4px}.agentic-msg.is-streaming{animation:2.2s ease-in-out infinite agentic-msg-glow}@keyframes agentic-msg-glow{0%,to{box-shadow:0 0 #c084fc00}50%{box-shadow:0 0 16px 1px #c084fc59}}.agentic-msg-who{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:10.5px;font-weight:700;display:inline-flex}.agentic-msg.is-user .agentic-msg-who{color:var(--accent)}.agentic-msg.is-agent .agentic-msg-who{color:var(--accent-3,#c084fc)}.agentic-msg-body{color:var(--text);font-size:13px;line-height:1.55}.agentic-msg-keypoints{background:var(--grad-accent-soft);border:1px solid rgba(var(--accent-rgb) / .25);border-radius:10px;margin-bottom:8px;padding:10px 12px 10px 14px}.agentic-msg-keypoints-head{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-3,#c084fc);align-items:center;gap:6px;margin-bottom:6px;font-size:10.5px;font-weight:700;display:inline-flex}.agentic-msg-keypoints ul{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.agentic-msg-keypoints li{color:var(--text);font-size:12.5px;line-height:1.5}.agentic-msg-keypoints li::marker{color:var(--accent-3,#c084fc)}.agentic-msg-meta{border-top:1px dashed var(--border);flex-wrap:wrap;gap:5px;margin-top:4px;padding-top:6px;display:flex}.agentic-dots{gap:3px;margin-left:6px;display:inline-flex}.agentic-dots i{opacity:.4;background:currentColor;border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite agentic-dot}.agentic-dots i:nth-child(2){animation-delay:.18s}.agentic-dots i:nth-child(3){animation-delay:.36s}@keyframes agentic-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.agentic-presets{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:5px;margin:8px 0 6px;padding-top:8px;display:flex}.agentic-preset-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:4px;margin-right:2px;font-size:10px;font-weight:700;display:inline-flex}.agentic-preset{border:1px solid var(--border);background:var(--surface-1);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:11px;transition:border-color .15s,color .15s,background .15s,transform .15s}.agentic-preset:hover:not(:disabled){border-color:var(--accent);color:var(--text);background:var(--grad-accent-soft);transform:translateY(-1px)}.agentic-preset:disabled{opacity:.45;cursor:not-allowed}.agentic-composer{border:1px solid var(--border);background:var(--surface-1);border-radius:12px;align-items:center;gap:8px;padding:5px 5px 5px 8px;transition:border-color .18s,box-shadow .18s;display:flex}.agentic-composer:focus-within{border-color:#c084fc8c;box-shadow:0 0 0 3px #c084fc1a}.agentic-composer.is-running{border-color:#fbbf2473}.agentic-composer-input{flex-direction:column;flex:1;min-width:0;display:flex}.agentic-composer textarea{resize:vertical;min-height:32px;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:4px;font-family:inherit;font-size:13px;line-height:1.4}.agentic-composer textarea::placeholder{color:var(--text-muted)}.agentic-composer-hint{color:var(--text-muted);padding:0 4px 2px;font-size:9.5px;line-height:1.2}.agentic-composer-hint kbd{border:1px solid var(--border);background:var(--panel-2);color:var(--text-dim);border-radius:3px;margin:0 1px;padding:0 4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;display:inline-block}.agentic-send{color:#0a0820;background:linear-gradient(135deg, var(--accent-3,#c084fc), var(--accent-2,#ec4899) 60%, var(--accent));cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-self:stretch;align-items:center;gap:6px;min-width:84px;height:auto;padding:8px 14px;font-size:12.5px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 0 14px #c084fc4d}.agentic-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 20px #c084fc80}.agentic-send:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.agentic-send.is-stop{background:linear-gradient(135deg, #f97316, var(--err));color:#fff;box-shadow:0 0 14px #ef444466}.agentic-trace{scrollbar-width:thin;word-break:break-word;overflow-wrap:anywhere;height:460px;min-height:340px;padding:6px 4px;position:relative;overflow:hidden auto}.agentic-trace.is-streaming:before{content:"";pointer-events:none;background:radial-gradient(circle,#7cffd40f,#0000 60%);animation:3s ease-in-out infinite agentic-trace-glow;position:absolute;inset:0 -8px}@keyframes agentic-trace-glow{0%,to{opacity:.4}50%{opacity:1}}.agentic-trace-pre{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;line-height:1.55}.agentic-trace-empty{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:12.5px;display:flex}.agentic-trace-empty-title{color:var(--text-dim);margin-top:6px;font-size:13px;font-weight:600}.agentic-trace-empty .sub{opacity:.8;max-width:240px;font-size:11px}.agentic-brain-orb{width:60px;height:60px;color:var(--accent);background:radial-gradient(circle,#7cffd42e,#0000 70%);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.agentic-brain-pulse{border:1.5px solid #7cffd48c;border-radius:50%;animation:2.8s ease-out infinite agentic-brain-ring;position:absolute;inset:0}.agentic-brain-pulse.delay{animation-delay:1.4s}@keyframes agentic-brain-ring{0%{opacity:.65;transform:scale(.8)}to{opacity:0;transform:scale(1.7)}}.agentic-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 16px 14px;display:flex}.agentic-empty-orb{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:inline-flex}.agentic-empty-title{color:var(--text-dim);font-size:13px;font-weight:600}.agentic-empty-detail{color:var(--text-muted);max-width:280px;font-size:11.5px;line-height:1.45}.trace-pipeline{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-bottom:12px;padding:4px 4px 14px;display:flex}.trace-pipeline-step{align-items:center;gap:6px;display:inline-flex}.trace-pipeline-dot{background:var(--panel-2);border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .15s,box-shadow .15s;display:inline-flex}.trace-pipeline-dot.is-done{background:currentColor;color:#0a0820!important}.trace-pipeline-dot.is-active{background:currentColor;animation:1.4s ease-in-out infinite trace-pipeline-pulse;color:#0a0820!important}@keyframes trace-pipeline-pulse{0%,to{transform:scale(1);box-shadow:0 0}50%{transform:scale(1.15);box-shadow:0 0 0 6px #0000}}.trace-pipeline-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:10.5px;font-weight:700}.trace-pipeline-connector{border-radius:1px;width:22px;height:1.5px;margin:0 2px}.trace-steps{flex-direction:column;padding:4px 0;display:flex}.trace-step{gap:12px;animation:.32s cubic-bezier(.22,1.4,.36,1) trace-step-in;display:flex;position:relative}@keyframes trace-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0,0)}}.trace-step-rail{flex-direction:column;flex-shrink:0;align-items:center;width:20px;padding-top:2px;display:flex}.trace-step-dot{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .18s,box-shadow .18s;display:inline-flex}.trace-step-line{flex:1;width:1.5px;min-height:18px;margin-top:-2px;margin-bottom:-2px}.trace-step-body{flex:1;min-width:0;padding:0 0 14px}.trace-step-label{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:10.5px;font-weight:800;line-height:1.25;display:inline-flex}.trace-step-live-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite trace-live-blink;display:inline-block}@keyframes trace-live-blink{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.trace-step-message{color:var(--text);word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:4px;font-size:12.5px;line-height:1.55}.trace-step-fields{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.trace-step-field{background:var(--surface-1);border:1px solid var(--border);border-radius:7px;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;line-height:1.2;display:inline-flex}.trace-step-field-key{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:9.5px;font-weight:600}.trace-step-field-value{font-variant-numeric:tabular-nums;font-weight:700}.trace-step.is-live .trace-step-dot{animation:1.2s ease-in-out infinite trace-dot-pulse}@keyframes trace-dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 6px}50%{transform:scale(1.25);box-shadow:0 0 18px}}.agentic-chips{flex-wrap:wrap;gap:6px;padding:6px 0;display:flex}.agentic-chip{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.agentic-chip-sm{padding:2px 8px;font-size:10px}.agentic-chip-tool{color:var(--warn);background:#fbbf241a;border-color:#fbbf2473}.agentic-chip-agent{color:var(--accent-3,#c084fc);background:#c084fc1a;border-color:#c084fc73}.naas-sla-row{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.naas-sla-bar-row{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid;border-radius:8px;grid-template-columns:minmax(200px,1.2fr) minmax(160px,2.4fr) 50px;align-items:center;gap:14px;padding:10px 12px 10px 14px;transition:transform .18s,border-color .18s;display:grid}.naas-sla-bar-row:hover{transform:translate(2px)}.naas-sla-bar-info{min-width:0}.naas-sla-bar-name{color:var(--text);font-size:13px;font-weight:600;line-height:1.2}.naas-sla-bar-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;line-height:1.4;overflow:hidden}.naas-sla-bar-track{background:linear-gradient(to right, transparent calc(25% - .5px), #ffffff12 calc(25% - .5px), #ffffff12 calc(25% + .5px), transparent calc(25% + .5px)), linear-gradient(to right, transparent calc(50% - .5px), #ffffff1c calc(50% - .5px), #ffffff1c calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to right, transparent calc(75% - .5px), #ffffff12 calc(75% - .5px), #ffffff12 calc(75% + .5px), transparent calc(75% + .5px)), var(--panel-2);border:1px solid var(--border);border-radius:5px;height:14px;position:relative;overflow:hidden}.naas-sla-bar-fill{border-radius:4px;transition:width .6s cubic-bezier(.22,1.4,.36,1);position:absolute;top:0;bottom:0;left:0}.naas-sla-bar-pct{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.naas-valueprops{grid-template-columns:repeat(4,1fr);gap:clamp(12px,1vw,18px);margin-bottom:clamp(14px,1vw,22px);display:grid}.naas-vp-card{background:var(--panel);-webkit-backdrop-filter:var(--card-blur);box-shadow:var(--shadow);border:1px solid;border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;position:relative;overflow:hidden}.naas-vp-card:before{content:"";background:var(--card-highlight);opacity:.6;pointer-events:none;position:absolute;inset:0}.naas-vp-card:hover{transform:translateY(-2px)}.naas-vp-head{align-items:center;gap:8px;display:inline-flex}.naas-vp-icon{border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.naas-vp-headline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.naas-vp-big{font-variant-numeric:tabular-nums;margin-top:2px;font-size:clamp(22px,1.8vw,28px);font-weight:700;line-height:1.1}.naas-vp-sub{color:var(--text-dim);font-size:12px}.naas-vp-detail{color:var(--text-muted);border-top:1px dashed var(--border);margin-top:4px;padding-top:6px;font-size:11px;line-height:1.45}@media (width<=1280px){.naas-valueprops{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.naas-valueprops{grid-template-columns:1fr}}.topo-inspector{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;min-width:0;margin-top:6px;padding:10px 14px;display:flex}.topo-inspector.idle{flex-direction:row;align-items:center;padding:8px 14px}.topo-inspector.trace-mode{background:linear-gradient(180deg, #facc150f, var(--surface-1));border-color:#facc1573}.topo-inspector-head{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.topo-stat-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.topo-stat{background:rgba(var(--accent-rgb) / .04);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;padding:6px 10px;display:flex}.topo-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:600}.topo-stat-value{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.topo-stat-value.mono{color:var(--text-dim);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.topo-hop-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.topo-hop{background:#facc150d;border:1px solid #facc154d;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:6px 10px;display:flex}.topo-hop-num{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.conn-row{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex}.card{background:var(--panel);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:14px;min-height:0;padding:18px;transition:border-color .22s,transform .28s cubic-bezier(.22,1.4,.36,1),box-shadow .3s;display:flex;position:relative;transform:translate(0,0)}.card:before{content:"";border-radius:inherit;pointer-events:none;background:var(--card-highlight);opacity:.85;transition:opacity .25s;position:absolute;inset:0}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow), 0 12px 32px #0000002e, 0 0 36px rgba(var(--accent-rgb) / .16);transform:translateY(-4px)scale(1.006)}.card:hover:before{opacity:1}.card-head{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.card-title{color:var(--text);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.card-sub{color:var(--text-muted);margin-top:3px;font-size:12.5px}.card>*{z-index:1;position:relative}.kv{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.kv .k{color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.kv .v{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.stat{flex-direction:column;gap:4px;display:flex}.stat .label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11.5px;font-weight:600}.stat .value{color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.port-row{background:rgba(var(--accent-rgb) / .03);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:background .15s,border-color .15s;display:flex}[data-theme=light] .port-row{background:#f8fafc}.port-row:hover{background:rgba(var(--accent-rgb) / .07);border-color:var(--border-strong)}.port-row .port-id{width:32px;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600}.port-row .port-dev{color:var(--text);flex:1}.port-row .port-rate{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.progress{background:#0f172a12;border-radius:999px;height:6px;overflow:hidden}[data-theme=dark] .progress{background:#ffffff0d}.progress>span{background:var(--grad-accent);border-radius:inherit;height:100%;box-shadow:0 0 12px rgba(var(--accent-rgb) / .45);transition:width .4s;display:block}.alert-row{background:rgba(var(--accent-rgb) / .03);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:10px;gap:10px;padding:11px 12px;transition:background .15s;display:flex}[data-theme=light] .alert-row{background:#f8fafc}.alert-row.err{border-left-color:var(--err);background:rgba(var(--err-rgb) / .08)}.alert-row.ok{border-left-color:var(--ok);background:rgba(var(--ok-rgb) / .08)}.alert-row:hover{background:rgba(var(--accent-rgb) / .07)}.alert-row .alert-body{flex:1;min-width:0}.alert-row .alert-title{color:var(--text);font-size:14px;font-weight:500}.alert-row .alert-meta{color:var(--text-muted);margin-top:3px;font-size:12.5px}.askai-main{padding-bottom:clamp(14px,1.2vw,24px);overflow:hidden}.askai-route{height:100%;min-height:0}.askai-page{gap:clamp(16px,1.4vw,26px);height:100%;min-height:0;display:flex}.askai-chat{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.askai-chat-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:860px;margin:0 auto 4px;padding:0 8px 12px;display:flex}.askai-chat-title{color:var(--text);align-items:center;gap:9px;font-size:14.5px;font-weight:600;display:flex}.askai-newchat{border-radius:999px;padding:6px 12px;font-size:13px}.askai-avatar{background:var(--grad-accent);color:#fff;width:30px;height:30px;box-shadow:0 2px 10px rgba(var(--accent-rgb) / .35);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}[data-theme=dark] .askai-avatar{color:#0a0a18}.askai-avatar.sm{border-radius:8px;width:24px;height:24px}.askai-avatar.live{animation:1.8s ease-in-out infinite askai-avatar-pulse}@keyframes askai-avatar-pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--accent-rgb) / .45), 0 2px 10px rgba(var(--accent-rgb) / .35)}50%{box-shadow:0 0 0 7px rgba(var(--accent-rgb) / 0), 0 2px 14px rgba(var(--accent-rgb) / .5)}}.askai-thread{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:0 8px;overflow-y:auto}.askai-thread-inner{flex-direction:column;gap:22px;max-width:860px;margin:0 auto;padding:20px 0 30px;display:flex}.askai-msg{gap:12px;animation:.3s cubic-bezier(.16,1,.3,1) both askai-msg-in;display:flex}@keyframes askai-msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}.askai-msg.me{justify-content:flex-end}.askai-bubble{background:var(--grad-accent);color:#fff;max-width:72%;box-shadow:0 4px 18px rgba(var(--accent-rgb) / .25);white-space:pre-wrap;word-break:break-word;border-radius:18px 18px 4px;padding:10px 15px;font-size:14.5px;font-weight:500;line-height:1.5}[data-theme=dark] .askai-bubble{color:#0a0a18}.askai-msg.ai{align-items:flex-start}.askai-msg-main{flex:1;min-width:0;padding-top:3px}.askai-msg-body{color:var(--text);font-size:14.5px;line-height:1.62}.askai-msg-body .rt-p{margin:0 0 10px}.askai-msg-body .rt-p:last-child{margin-bottom:0}.askai-msg-body .rt-ul,.askai-msg-body .rt-ol{margin:8px 0;padding-left:22px}.askai-msg-body .rt-ul li,.askai-msg-body .rt-ol li{margin:4px 0}.askai-msg-body .rt-ul li::marker{color:var(--accent)}.askai-msg-body .rt-ol li::marker{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.askai-msg-body strong{color:var(--text);font-weight:600}.askai-msg-body em{color:var(--text-dim);font-style:italic}.askai-msg-body code{background:rgba(var(--accent-rgb) / .12);border:1px solid rgba(var(--accent-rgb) / .2);color:var(--text);border-radius:6px;padding:1px 6px;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:.86em}.askai-caret{vertical-align:-.18em;background:var(--accent);width:3px;height:1.05em;box-shadow:0 0 10px rgba(var(--accent-rgb) / .8);border-radius:2px;margin-left:3px;animation:1s steps(2,start) infinite askai-blink;display:inline-block}@keyframes askai-blink{to{visibility:hidden}}.askai-thinking{gap:5px;padding:8px 2px;display:inline-flex}.askai-thinking span{background:var(--accent);opacity:.35;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite askai-dot}.askai-thinking span:nth-child(2){animation-delay:.15s}.askai-thinking span:nth-child(3){animation-delay:.3s}@keyframes askai-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.askai-tool{color:var(--text-dim);border:1px solid rgba(var(--accent-rgb) / .3);background:linear-gradient(110deg, transparent 30%, rgba(var(--accent-rgb) / .16) 50%, transparent 70%) rgba(var(--accent-rgb) / .05);background-size:220% 100%;border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:5px 12px;font-size:12px;animation:1.6s linear infinite askai-shimmer;display:inline-flex}.askai-tool svg{color:var(--accent);animation:2.2s ease-in-out infinite askai-wrench}.askai-tool code{color:var(--text);background:0 0;border:none;padding:0;font-size:11.5px}@keyframes askai-shimmer{0%{background-position:120% 0}to{background-position:-100% 0}}@keyframes askai-wrench{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}60%{transform:rotate(10deg)}}.askai-msg-actions{opacity:0;gap:6px;margin-top:8px;transition:opacity .18s;display:flex}.askai-msg.ai:hover .askai-msg-actions,.askai-msg-actions:focus-within{opacity:1}.askai-action{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;display:inline-flex}.askai-action:hover{color:var(--text);background:rgba(var(--accent-rgb) / .08);border-color:var(--border);box-shadow:none;transform:none}.askai-error{color:var(--text-dim);border:1px solid rgba(var(--err-rgb) / .35);border-left:3px solid var(--err);background:rgba(var(--err-rgb) / .07);border-radius:10px;padding:10px 14px;font-size:13.5px;line-height:1.55}.askai-error strong{color:var(--err);margin-right:4px;font-weight:600}.askai-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:24px 16px 46px;display:flex}.askai-hero>*{animation:.5s cubic-bezier(.16,1,.3,1) both child-enter}.askai-hero>:nth-child(2){animation-delay:.1s}.askai-hero>:nth-child(3){animation-delay:.16s}.askai-hero>:nth-child(4){animation-delay:.24s}.askai-orb{background:var(--grad-accent);color:#fff;width:62px;height:62px;box-shadow:0 10px 34px rgba(var(--accent-rgb) / .35), 0 0 0 1px #ffffff24 inset;border-radius:20px;justify-content:center;align-items:center;animation:.5s cubic-bezier(.16,1,.3,1) both child-enter,5.5s ease-in-out .55s infinite askai-float;display:flex;position:relative}[data-theme=dark] .askai-orb{color:#0a0a18}.askai-orb:before{content:"";background:var(--grad-accent);filter:blur(26px);opacity:.35;z-index:-1;border-radius:50%;animation:5.5s ease-in-out infinite askai-halo;position:absolute;inset:-18px}@keyframes askai-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes askai-halo{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.46;transform:scale(1.12)}}.askai-hero-title{letter-spacing:-.02em;color:var(--text);margin:26px 0 0;font-size:clamp(24px,2.4vw,32px);font-weight:600}.askai-hero-branch{background:var(--grad-accent);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.askai-hero-sub{max-width:520px;color:var(--text-dim);margin:10px 0 0;font-size:14.5px;line-height:1.55}.askai-suggest-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:720px;margin-top:30px;display:grid}.askai-suggest{text-align:left;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:var(--card-blur);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:12px;padding:13px 14px;display:flex}.askai-suggest:hover{border-color:rgba(var(--accent-rgb) / .45);background:rgba(var(--accent-rgb) / .06);box-shadow:0 8px 26px rgba(var(--accent-rgb) / .14);transform:translateY(-2px)}.askai-suggest-icon{border-radius:11px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.askai-suggest-icon.mint{color:var(--accent);background:rgba(var(--accent-rgb) / .12)}.askai-suggest-icon.warn{color:var(--warn);background:rgba(var(--warn-rgb) / .12)}.askai-suggest-icon.rose{color:var(--err);background:rgba(var(--err-rgb) / .1)}.askai-suggest-icon.violet{color:var(--accent-3);background:rgba(var(--accent-3-rgb) / .12)}.askai-suggest-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.askai-suggest-title{color:var(--text);font-size:13.5px;font-weight:600}.askai-suggest-sub{color:var(--text-muted);font-size:12px}.askai-suggest-go{color:var(--text-muted);opacity:0;flex:none;transition:opacity .18s,transform .18s,color .18s;transform:translate(-4px)}.askai-suggest:hover .askai-suggest-go{opacity:1;color:var(--accent);transform:translate(0)}.askai-composer-zone{flex:none;width:100%;max-width:860px;margin:0 auto;padding:10px 8px 0}.askai-composer{border:1px solid var(--border-strong);background:var(--panel);-webkit-backdrop-filter:var(--card-blur);box-shadow:var(--shadow);border-radius:20px;align-items:flex-end;gap:10px;padding:10px 10px 10px 18px;transition:border-color .22s,box-shadow .28s;display:flex}[data-theme=dark] .askai-composer{background:#1e1b37b8}.askai-composer:focus-within{border-color:rgba(var(--accent-rgb) / .55);box-shadow:0 0 0 3px rgba(var(--accent-rgb) / .14), 0 12px 34px rgba(var(--accent-rgb) / .12)}.askai-input{resize:none;color:var(--text);font:inherit;scrollbar-width:thin;background:0 0;border:none;outline:none;flex:1;max-height:180px;padding:7px 0;font-size:14.5px;line-height:1.5}.askai-input::placeholder{color:var(--text-muted)}.askai-send{background:var(--grad-accent);color:#fff;width:36px;height:36px;box-shadow:0 4px 16px rgba(var(--accent-rgb) / .35);border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-theme=dark] .askai-send{color:#0a0a18}.askai-send:hover{background:var(--grad-accent);filter:brightness(1.1);box-shadow:0 6px 20px rgba(var(--accent-rgb) / .45)}.askai-send:disabled{opacity:.35;box-shadow:none}.askai-send.stop{background:rgba(var(--err-rgb) / .12);color:var(--err);border:1px solid rgba(var(--err-rgb) / .45);box-shadow:none;animation:1.8s ease-in-out infinite askai-stop-pulse}.askai-send.stop:hover{background:rgba(var(--err-rgb) / .2);filter:none;box-shadow:none}@keyframes askai-stop-pulse{0%,to{outline:0 solid rgba(var(--err-rgb) / .35);outline-offset:0}50%{outline:5px solid rgba(var(--err-rgb) / 0);outline-offset:2px}}.askai-footnote{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 0;font-size:11.5px;display:flex}.askai-footnote-ctx{align-items:center;gap:7px;display:inline-flex}.askai-footnote .dot{width:6px;height:6px}.askai-rail{flex:0 0 clamp(280px,21vw,336px);min-height:0;display:flex}.askai-rail-card{border:1px solid var(--border);background:var(--panel);min-height:0;-webkit-backdrop-filter:var(--card-blur);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex}.askai-rail-head{justify-content:space-between;align-items:center;display:flex}.askai-rail-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:7px;font-size:11.5px;font-weight:600;display:inline-flex}.askai-rail-title svg{color:var(--accent)}.askai-live{letter-spacing:.1em;text-transform:uppercase;color:var(--ok);align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:inline-flex}.askai-rail-branch{border:1px solid var(--border);background:rgba(var(--accent-rgb) / .04);border-radius:14px;padding:12px 14px}[data-theme=light] .askai-rail-branch{background:#f8fafc}.askai-rail-branch-name{color:var(--text);font-size:15px;font-weight:600}.askai-rail-branch-loc{color:var(--text-muted);margin-top:1px;font-size:12px}.askai-facts{grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:10px;display:grid}.askai-fact{flex-direction:column;gap:1px;display:flex}.askai-fact-k{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:10.5px}.askai-fact-v{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.askai-rail-sec{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.askai-rail-alerts{scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;min-height:0;margin-top:-4px;display:flex;overflow-y:auto}.askai-rail-alert{text-align:left;border:1px solid var(--border);background:rgba(var(--accent-rgb) / .03);border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}[data-theme=light] .askai-rail-alert{background:#fff}.askai-rail-alert:disabled{opacity:.55}.askai-rail-alert:hover:not(:disabled){border-color:rgba(var(--accent-rgb) / .45);background:rgba(var(--accent-rgb) / .07);box-shadow:0 4px 16px rgba(var(--accent-rgb) / .1);transform:none}.askai-rail-alert .dot{flex:none}.askai-rail-alert-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.askai-rail-alert-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.askai-rail-alert-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.askai-rail-alert-go{color:var(--text-muted);opacity:0;flex:none;transition:opacity .18s,transform .18s,color .18s;transform:translate(-4px)}.askai-rail-alert:hover:not(:disabled) .askai-rail-alert-go{opacity:1;color:var(--accent);transform:translate(0)}.askai-triage{background:var(--grad-accent);color:#fff;box-shadow:var(--glow-accent);border:none;border-radius:12px;justify-content:center;padding:10px 14px;font-size:13.5px;font-weight:600}[data-theme=dark] .askai-triage{color:#0a0a18}.askai-triage:hover:not(:disabled){background:var(--grad-accent);filter:brightness(1.08);box-shadow:var(--glow-accent)}@media (width<=1180px){.askai-rail{display:none}}@media (width<=760px){.askai-suggest-grid{grid-template-columns:1fr}.askai-bubble{max-width:88%}.askai-footnote{justify-content:center}.askai-footnote>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.askai-msg,.askai-hero>*,.askai-orb,.askai-orb:before,.askai-avatar.live,.askai-tool,.askai-tool svg,.askai-thinking span,.askai-caret,.askai-send.stop{animation:none}}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wizard-steps{flex-wrap:wrap;align-items:center;gap:0;margin-bottom:20px;display:flex}.wizard-steps .step{border:1px solid var(--border);background:rgba(var(--accent-rgb) / .03);color:var(--text-dim);border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;display:flex}[data-theme=light] .wizard-steps .step{background:#fff}.wizard-steps .step.active{color:var(--text);background:var(--grad-accent-soft);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb) / .4);border-color:#0000}.wizard-steps .step.done{color:var(--ok);border-color:rgba(var(--ok-rgb) / .4);background:rgba(var(--ok-rgb) / .1)}.wizard-steps .sep{background:var(--border);flex:0 0 32px;height:1px;margin:0 6px}.gradient-text{background:var(--grad-accent);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.kpi-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,.9vw,20px);margin-bottom:clamp(14px,1.1vw,22px);display:grid}@media (width<=1280px){.kpi-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--panel);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border:1px solid var(--border);min-height:120px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:border-color .2s,transform .18s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.kpi-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow), 0 0 28px rgba(var(--accent-rgb) / .12);transform:translateY(-2px)}@keyframes kpi-breathe{0%,to{box-shadow:var(--shadow), 0 0 0 0 color-mix(in srgb, var(--err) 0%, transparent)}50%{box-shadow:var(--shadow), 0 0 26px 2px color-mix(in srgb, var(--err) 30%, transparent)}}.kpi-card-alerting{border-color:color-mix(in srgb, var(--err) 45%, transparent);animation:2.6s ease-in-out infinite kpi-breathe}@media (prefers-reduced-motion:reduce){.kpi-card-alerting{animation:none}}.ipsec-failover-banner{color:var(--text);white-space:nowrap;pointer-events:none;z-index:6;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:700;animation:2.6s cubic-bezier(.22,1,.36,1) both failover-banner;display:inline-flex;position:absolute;top:44px;left:50%}.ipsec-failover-sub{color:var(--text-dim);font-weight:500}@keyframes failover-banner{0%{opacity:0;transform:translate(-50%)translateY(-10px)}8%,85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-8px)}}@media (prefers-reduced-motion:reduce){.ipsec-failover-banner{animation:none;transform:translate(-50%)}}@keyframes led-blink{0%,49%{opacity:1}50%,to{opacity:.25}}.led-blink{animation:.5s linear infinite led-blink}@media (prefers-reduced-motion:reduce){.led-blink{animation:none}}.kpi-card:before{content:"";pointer-events:none;background:var(--card-highlight);position:absolute;inset:0}.kpi-top{align-items:center;gap:10px;display:flex}.kpi-icon{border:1px solid var(--border);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.kpi-mid{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.kpi-value{color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:26px;font-weight:600}.kpi-spark{opacity:.95;flex-shrink:0}.kpi-trend{white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.kpi-trend-sub{color:var(--text-muted);font-weight:500}.kpi-wan-card{gap:8px}.kpi-window-label{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.02em;white-space:nowrap;border-radius:999px;margin-left:auto;padding:3px 7px;font-size:10px;font-weight:650}.kpi-wan-rates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;display:grid}.kpi-wan-rate{min-width:0;color:var(--accent);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;display:flex}.kpi-wan-rate-up{color:var(--accent2)}.kpi-wan-number{color:var(--text);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,1.15vw,23px);font-weight:650;overflow:hidden}.kpi-wan-unit{color:var(--text-muted);font-size:10px;font-weight:600}.kpi-wan-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.25;overflow:hidden}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a73;justify-content:center;align-items:center;animation:.18s both fade-in;display:flex;position:fixed;inset:0}[data-theme=dark] .modal-backdrop{background:#080616a6}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel-solid);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--border-strong);border-radius:16px;flex-direction:column;max-height:80vh;animation:.18s cubic-bezier(.2,.8,.3,1) both pop-in;display:flex;box-shadow:0 24px 60px #0f172a33,inset 0 0 0 1px #ffffff0d}[data-theme=dark] .modal{background:#1e1a38f0;box-shadow:0 24px 60px #0000008c,inset 0 0 0 1px #ffffff0d,0 0 50px #7cffd41f}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-body{color:var(--text-dim);padding:18px;font-size:13.5px;line-height:1.55;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.drawer-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0f172a59;transition:opacity .2s;position:fixed;inset:0}[data-theme=dark] .drawer-backdrop{background:#0806168c}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{background:var(--panel-solid);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border-left:1px solid var(--border-strong);z-index:100;visibility:hidden;pointer-events:none;flex-direction:column;max-width:100vw;transition:transform .28s cubic-bezier(.2,.8,.3,1),visibility 0s linear .28s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px #0f172a26}[data-theme=dark] .drawer{background:#161230f2;box-shadow:-20px 0 60px #0006}.drawer.open{visibility:visible;pointer-events:auto;transition:transform .28s cubic-bezier(.2,.8,.3,1),visibility;transform:translate(0)}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-body{flex:1;padding:18px 20px;overflow-y:auto}.toast-stack{z-index:110;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:78px;right:20px}.toast{pointer-events:auto;background:var(--panel-solid);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:12px;align-items:flex-start;gap:10px;min-width:280px;max-width:380px;padding:12px 14px;animation:.22s cubic-bezier(.2,.8,.3,1) both toast-in;display:flex;box-shadow:0 16px 40px #0f172a26}[data-theme=dark] .toast{background:#161230f2;box-shadow:0 16px 40px #00000073}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.toast-title{color:var(--text);font-size:14px;font-weight:600}.toast-detail{color:var(--text-dim);margin-top:2px;font-size:12.5px}.cmdk{background:var(--panel-solid);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--border-strong);border-radius:14px;flex-direction:column;width:600px;max-width:92vw;animation:.18s cubic-bezier(.2,.8,.3,1) both pop-in;display:flex;overflow:hidden;box-shadow:0 30px 70px #0f172a40,inset 0 0 0 1px #ffffff0d}[data-theme=dark] .cmdk{background:#1e1a38f0;box-shadow:0 30px 70px #0009,inset 0 0 0 1px #ffffff0d,0 0 60px #7cffd426}.cmdk-input-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.cmdk-list{max-height:50vh;padding:6px;overflow-y:auto}.cmdk-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:10px 12px 4px;font-size:11px;font-weight:600}.cmdk-item{cursor:pointer;color:var(--text-dim);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.cmdk-item.active{background:var(--grad-accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb) / .35)}.cmdk-hint{color:var(--text-muted);font-size:12.5px}.cmdk-foot{border-top:1px solid var(--border);color:var(--text-muted);justify-content:flex-end;gap:14px;padding:8px 14px;font-size:12px;display:flex}.kbd{background:var(--kbd-bg);border:1px solid var(--border);min-width:18px;height:18px;color:var(--text-dim);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;margin:0 2px;padding:0 5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.timeline{flex-direction:column;gap:12px;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--border), transparent);width:1px;position:absolute;top:4px;bottom:4px;left:11px}.timeline-item{align-items:flex-start;gap:12px;display:flex;position:relative}.timeline-icon{z-index:1;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.search-pill{background:rgba(var(--accent-rgb) / .04);border:1px solid var(--border);min-width:280px;color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13.5px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}[data-theme=light] .search-pill{background:#fff}.search-pill:hover{border-color:var(--accent);background:rgba(var(--accent-rgb) / .08);box-shadow:0 0 16px rgba(var(--accent-rgb) / .18)}.search-pill .grow{flex:1}.inc-kpi{--kpi-accent:var(--accent)}.inc-kpi:after{content:"";pointer-events:none;background:radial-gradient(150px 90px at 88% -12%, color-mix(in srgb, var(--kpi-accent) 8%, transparent), transparent 72%);position:absolute;inset:0}.inc-kpi .kpi-rail{background:linear-gradient(90deg, transparent, var(--kpi-accent) 35%, var(--kpi-accent) 65%, transparent);opacity:.22;border-radius:0 0 4px 4px;height:2px;position:absolute;top:0;left:14px;right:14px}.inc-seg{background:rgba(var(--accent-rgb) / .05);border:1px solid var(--border);scrollbar-width:none;border-radius:999px;align-items:center;gap:2px;max-width:100%;margin-bottom:10px;padding:3px;display:inline-flex;overflow-x:auto}.inc-seg::-webkit-scrollbar{display:none}[data-theme=light] .inc-seg{background:#f1f5f9}.inc-seg button{box-shadow:none;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:500;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.inc-seg button:hover{color:var(--text);background:rgba(var(--accent-rgb) / .08);box-shadow:none;transform:none}.inc-seg button.active{background:var(--panel-solid);color:var(--text);box-shadow:0 1px 5px #0f172a1f, inset 0 0 0 1px rgba(var(--accent-rgb) / .28);font-weight:600}[data-theme=dark] .inc-seg button.active{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb) / .3);background:#ffffff1a}.inc-seg .seg-count{font-variant-numeric:tabular-nums;text-align:center;background:rgba(var(--accent-rgb) / .1);min-width:17px;color:var(--text-muted);border-radius:999px;padding:1px 5px;font-size:10.5px;font-weight:600}.inc-seg button.active .seg-count{background:rgba(var(--accent-rgb) / .22);color:var(--text)}.inc-row{--sev:var(--accent);text-align:left;background:rgba(var(--accent-rgb) / .03);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:flex-start;gap:5px;width:100%;padding:10px 12px 10px 19px;transition:border-color .18s,background .18s,transform .18s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;position:relative;overflow:hidden}[data-theme=light] .inc-row{background:#fff}.inc-row:before{content:"";background:color-mix(in srgb, var(--sev) 70%, transparent);border-radius:999px;width:3px;transition:top .22s,bottom .22s;position:absolute;top:11px;bottom:11px;left:7px}.inc-row:hover{border-color:var(--border-strong);background:rgba(var(--accent-rgb) / .06);transform:translate(2px);box-shadow:0 6px 18px #0f172a12}.inc-row.selected{background:var(--grad-accent-soft);border-color:rgba(var(--accent-rgb) / .4);box-shadow:0 8px 24px rgba(var(--accent-rgb) / .06)}.inc-row.selected:before{top:7px;bottom:7px}.inc-row-top{align-items:center;gap:8px;width:100%;display:flex}.inc-row-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:500;overflow:hidden}.inc-row-meta{width:100%;color:var(--text-muted);align-items:center;gap:7px;font-size:11px;display:flex}.inc-row-meta .spacer{margin-left:auto}.inc-ping{background:var(--warn);width:7px;height:7px;box-shadow:0 0 6px rgba(var(--warn-rgb) / .4);border-radius:50%;flex-shrink:0;position:relative}.inc-ping:after{content:"";border:1.5px solid var(--warn);border-radius:50%;animation:1.6s cubic-bezier(0,0,.2,1) infinite inc-ping;position:absolute;inset:-3px}@keyframes inc-ping{0%{opacity:.9;transform:scale(.45)}75%,to{opacity:0;transform:scale(1.7)}}.inc-meta{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0 10px;display:flex}.inc-chip{color:var(--text-dim);background:rgba(var(--accent-rgb) / .05);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;display:inline-flex}[data-theme=light] .inc-chip{background:#f8fafc}.inc-chip strong{color:var(--text);font-weight:600}.inc-detail-card:after{content:"";background:var(--grad-accent);opacity:.25;pointer-events:none;border-radius:0 0 4px 4px;height:2px;position:absolute;top:0;left:18px;right:18px}.agent-timeline-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;padding:6px 0 8px;font-size:12px;font-weight:600;display:flex}.agent-timeline{background:rgba(var(--accent-rgb) / .03);border:1px solid var(--border);overscroll-behavior:contain;border-radius:14px;max-height:480px;padding:14px;overflow-y:auto}[data-theme=light] .agent-timeline{background:#f8fafc}.agent-steps{flex-direction:column;gap:10px;padding-left:36px;display:flex;position:relative}.agent-steps:before{content:"";background:linear-gradient(180deg, rgba(var(--accent-rgb) / .22), rgba(var(--accent-3-rgb) / .2) 55%, rgba(var(--accent-2-rgb) / .16));border-radius:999px;width:2px;position:absolute;top:14px;bottom:14px;left:12px}.step{--step-accent:var(--accent);background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;animation:.34s cubic-bezier(.16,1,.3,1) both step-in;display:flex;position:relative}[data-theme=dark] .step{background:#ffffff08}@keyframes step-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.step:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg, color-mix(in srgb, var(--step-accent) 4%, transparent), transparent 42%);position:absolute;inset:0}.step-node{background:var(--panel-solid);border:1px solid color-mix(in srgb, var(--step-accent) 35%, transparent);width:26px;height:26px;color:color-mix(in srgb, var(--step-accent) 80%, var(--text));box-shadow:0 0 0 3px color-mix(in srgb, var(--step-accent) 6%, transparent);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:7px;left:-36px}.step-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.step-body{color:var(--text);font-size:13.5px;line-height:1.55}.step-body .rt-p{margin:0 0 8px}.step-body .rt-p:last-child{margin-bottom:0}.step-body .rt-ul,.step-body .rt-ol{margin:6px 0 8px;padding-left:22px}.step-body .rt-ul li,.step-body .rt-ol li{margin:3px 0}.step-body .rt-ul li::marker{color:var(--accent)}.step-body .rt-ol li::marker{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.step-body strong{color:var(--text);font-weight:600}.step-body em{color:var(--text-dim);font-style:italic}.step-body code{background:rgba(var(--accent-rgb) / .12);color:var(--text);border:1px solid rgba(var(--accent-rgb) / .18);border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:.88em}.step-code{background:rgba(var(--accent-rgb) / .04);border:1px solid var(--border);color:var(--text-dim);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:6px 0 0;padding:8px 10px;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:11.5px;line-height:1.5;overflow-x:auto}[data-theme=light] .step-code{background:#f1f5f9}.step-thinking .dots{gap:4px;display:inline-flex}.step-thinking .dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot-pulse}.step-thinking .dots span:nth-child(2){animation-delay:.18s}.step-thinking .dots span:nth-child(3){animation-delay:.36s}@keyframes dot-pulse{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.pending-action{background:linear-gradient(135deg, rgba(var(--warn-rgb) / .1), rgba(var(--warn-rgb) / .02));border:1px solid rgba(var(--warn-rgb) / .4);box-shadow:0 8px 28px rgba(var(--warn-rgb) / .05);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative;overflow:hidden}.pending-action:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--warn-rgb) / .45), transparent);width:40%;height:2px;animation:2.8s ease-in-out infinite pa-sweep;position:absolute;top:0;left:-40%}@keyframes pa-sweep{to{transform:translate(350%)}}.pending-action-head{align-items:center;gap:8px;display:flex}.post-mortem{background:linear-gradient(135deg, rgba(var(--ok-rgb) / .08), rgba(var(--ok-rgb) / .01));border:1px solid rgba(var(--ok-rgb) / .32);border-radius:14px;padding:16px}@media (prefers-reduced-motion:reduce){.step,.inc-ping:after,.pending-action:before{animation:none}}.audit-day{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;padding:14px 4px 8px;font-size:11.5px;font-weight:600;display:flex}.audit-day:first-child{padding-top:4px}.audit-row{background:var(--panel-solid);border:1px solid var(--border);border-radius:10px;grid-template-columns:130px 220px 1fr 180px;grid-template-areas:"time actor action meta";align-items:center;gap:12px;padding:10px 12px;display:grid;position:relative}[data-theme=dark] .audit-row{background:#ffffff06}.audit-time{flex-direction:column;grid-area:time;display:flex}.audit-actor{grid-area:actor;align-items:center;gap:8px;min-width:0;display:flex}.audit-action{flex-direction:column;grid-area:action;gap:2px;min-width:0;display:flex}.audit-meta{flex-wrap:wrap;grid-area:meta;justify-content:flex-end;align-items:center;gap:6px;display:flex}.audit-details{color:var(--text-muted);border-top:1px dashed var(--border);grid-column:1/-1;margin-top:4px;padding:6px 8px 0 142px;font-size:12px}@media (width<=1100px){.audit-row{grid-template-columns:1fr;grid-template-areas:"actor""action""time""meta"}.audit-meta{justify-content:flex-start}.audit-details{padding:6px 0 0}}.fleet-table th{font-size:11.5px}.fleet-table tbody tr:hover td{background:rgba(var(--accent-rgb) / .05)}.fleet-table td{vertical-align:middle}.live-pill{border:1px solid rgba(var(--ok-rgb) / .4);background:rgba(var(--ok-rgb) / .1);color:var(--ok);letter-spacing:.1em;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.live-pill-dot{background:var(--ok);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--ok-rgb) / .7);transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(var(--ok-rgb) / 0);transform:scale(1.15)}}.switch{border:1px solid var(--border);cursor:pointer;background:#0f172a1a;border-radius:999px;width:38px;height:22px;transition:background .2s,box-shadow .2s;position:relative}[data-theme=dark] .switch{background:#ffffff1a}.switch.on{background:var(--grad-accent);box-shadow:0 0 14px rgba(var(--accent-rgb) / .4)}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0000004d}.switch.on:after{transform:translate(16px)}@keyframes ce-spin{to{transform:rotate(360deg)}}.spin{transform-origin:50%;animation:1s linear infinite ce-spin}.power-toggle{--pt-accent:var(--ok,#10b981);cursor:pointer;border:1px solid var(--border);background:radial-gradient(120% 120% at 50% 20%, color-mix(in srgb, var(--surface-1) 85%, transparent), color-mix(in srgb, var(--surface-1) 40%, transparent));width:38px;height:38px;color:var(--text-muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,background .3s,box-shadow .3s,transform .12s cubic-bezier(.3,1.4,.5,1);display:inline-flex;position:relative}.power-toggle:hover{color:var(--text);border-color:var(--text-muted);transform:translateY(-1px)}.power-toggle:active{transform:translateY(0)scale(.9)}.power-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--pt-accent) 32%, transparent);outline:none}.power-toggle.on{color:#fff;background:linear-gradient(150deg, color-mix(in srgb, var(--pt-accent) 92%, white), color-mix(in srgb, var(--pt-accent) 72%, black));box-shadow:0 0 0 1px color-mix(in srgb, var(--pt-accent) 55%, transparent), 0 4px 14px color-mix(in srgb, var(--pt-accent) 45%, transparent), inset 0 1px 1px #ffffff59;border-color:#0000}.power-toggle.on:hover{color:#fff;box-shadow:0 0 0 1px color-mix(in srgb, var(--pt-accent) 70%, transparent), 0 7px 20px color-mix(in srgb, var(--pt-accent) 58%, transparent), inset 0 1px 1px #fff6;transform:translateY(-1px)}.power-toggle.on svg{filter:drop-shadow(0 1px 2px #00000040)}.ecc-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ecc-chips-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-right:2px;font-size:11px;font-weight:600}.ecc-chip{background:rgba(var(--accent-rgb) / .04);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;display:inline-flex}.ecc-chip:hover{border-color:rgba(var(--accent-rgb) / .55)}.ecc-chip.on{background:var(--grad-accent-soft);border-color:var(--accent);color:var(--text);font-weight:600}.ecc-chip .dot{width:6px;height:6px}.ecc-table th{white-space:nowrap;font-size:11.5px}.ecc-table td{vertical-align:middle}.ecc-table td.is-best{background:rgba(var(--ok-rgb) / .09);box-shadow:inset 2px 0 0 var(--ok)}.ecc-table td.is-worst{background:rgba(var(--err-rgb) / .06)}.ecc-lead-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--ok);border:1px solid rgba(var(--ok-rgb) / .45);background:rgba(var(--ok-rgb) / .1);white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:700}.ecc-metric-label{color:var(--text-dim);white-space:nowrap;align-items:center;gap:8px;font-weight:500;display:inline-flex}.ecc-fleet-col{color:var(--text-muted);font-style:italic}.ecc-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(12px,.9vw,20px);display:grid}.ecc-kpi-card{position:relative}.ecc-kpi-actions{opacity:0;z-index:2;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:10px;right:10px}.ecc-kpi-card:hover .ecc-kpi-actions,.ecc-kpi-actions:focus-within{opacity:1}.ecc-kpi-actions button{background:var(--panel-solid);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex}.ecc-kpi-add{border:1px dashed var(--border-strong);min-height:120px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.ecc-kpi-add:hover{border-color:var(--accent);color:var(--text);background:rgba(var(--accent-rgb) / .04)}.ecc-form-grid{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.ecc-form-grid label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.ecc-form-grid .full{grid-column:1/-1}.ecc-form-hint{color:var(--text-muted);grid-column:1/-1;font-size:11.5px;line-height:1.5}.ecc-print-header{display:none}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.topbar,.sidebar,.toast-stack,.ecc-no-print,button{display:none!important}html,body{height:auto!important;overflow:visible!important}body{background:#fff!important}.app-shell{height:auto!important;display:block!important}.main{padding:0!important;overflow:visible!important}.page-transition{max-width:none!important;animation:none!important}.page-transition>*,.kpi-strip>*,.grid>*{animation:none!important}.card,.kpi-card{break-inside:avoid;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.card:hover,.kpi-card:hover{transform:none!important}.grid{display:block!important}.grid>[class*=col-]{margin-bottom:14px;display:block!important}.page-header h1{-webkit-text-fill-color:initial!important;color:#0f172a!important;background:0 0!important}.ecc-print-header{margin-bottom:16px;display:block!important}.ecc-table{font-size:12px}}.route-loading{color:var(--text-muted);padding:clamp(24px,4vw,56px);font-size:13px}.so-arch-band{text-align:center;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);border:1px dashed var(--border-strong);background:rgba(var(--accent-rgb) / .05);border-radius:10px;margin-bottom:14px;padding:8px 12px;font-size:11.5px;font-weight:700}.so-arch-band-bottom{margin-top:14px;margin-bottom:0}.so-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=1500px){.so-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.so-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.so-grid{grid-template-columns:1fr}}.so-card{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;min-height:150px;padding:14px;transition:transform .18s cubic-bezier(.22,1.4,.36,1),border-color .18s;display:flex}.so-card:hover{border-color:rgba(var(--accent-rgb) / .45);transform:translateY(-2px)}.so-card-head{align-items:center;gap:9px;display:flex}.so-icon{border:1px solid var(--border);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.so-name{color:var(--text);font-size:13.5px;font-weight:600;line-height:1.25}.so-container-tag{color:var(--text-muted);letter-spacing:.04em;font-size:10.5px}.so-caps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.so-caps li{color:var(--text-dim);align-items:flex-start;gap:7px;font-size:12px;line-height:1.45;display:flex}.so-cap-dot{border-radius:999px;flex-shrink:0;width:5px;height:5px;margin-top:6px}.so-stack-row{align-items:baseline;gap:12px;display:flex}.so-stack-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);flex:0 0 220px;font-size:11px;font-weight:600}.so-stack-chips{flex-wrap:wrap;gap:6px;display:flex}.so-chip{border:1px solid var(--border);background:rgba(var(--accent-rgb) / .04);color:var(--text-dim);border-radius:999px;padding:3px 10px;font-size:11.5px}@media (width<=900px){.so-stack-row{flex-direction:column;gap:6px}.so-stack-label{flex:none}}