.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{color-scheme:dark;--bg: #07070c;--bg-2: #0d0d16;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .075);--surface-3: rgba(255, 255, 255, .11);--surface-solid: #12121d;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #ececf4;--muted: #a0a0b8;--faint: #6c6c86;--cyan: #22d3ee;--violet: #a78bfa;--magenta: #f472b6;--cyan-rgb: 34, 211, 238;--violet-rgb: 167, 139, 250;--magenta-rgb: 244, 114, 182;--grad: linear-gradient(120deg, var(--cyan) 0%, var(--violet) 55%, var(--magenta) 100%);--grad-soft: linear-gradient(150deg, rgba(var(--cyan-rgb), .16), rgba(var(--violet-rgb), .08) 55%, rgba(255, 255, 255, .02));--accent: var(--cyan);--accent-text: #05060a;--on: var(--cyan);--danger: #fb7185;--danger-rgb: 251, 113, 133;--ok: #34d399;--warn: #fbbf24;--warn-text: #fde68a;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--inner: inset 0 1px 0 rgba(255, 255, 255, .07);--shadow-1: var(--inner), 0 10px 30px -16px rgba(0, 0, 0, .8);--shadow-2: var(--inner), 0 22px 50px -22px rgba(0, 0, 0, .9), 0 2px 8px rgba(0, 0, 0, .35);--glow-cyan: 0 0 0 1px rgba(var(--cyan-rgb), .35), 0 0 28px -6px rgba(var(--cyan-rgb), .65);--glow-violet: 0 0 30px -8px rgba(var(--violet-rgb), .7);--blur: blur(18px) saturate(150%);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .2s;--t-med: .35s;--t-slow: .6s;--font: "Inter var", Inter, Geist, "Space Grotesk", "SF Pro Display", ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable", "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--nav-h: 58px;--nav-gap: 12px;--panel-w: 560px}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;color:var(--text);background:transparent;font:15px/1.5 var(--font);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{position:relative;z-index:1}::selection{background:rgba(var(--violet-rgb),.35);color:#fff}a{color:var(--cyan);text-decoration:none;transition:color var(--t-fast)}a:hover{color:#67e8f9}h1,h2,h3{margin:var(--s-4) 0 var(--s-2);line-height:1.15}h1{font-size:clamp(28px,4vw,40px);font-weight:750;letter-spacing:-.03em}h2{font-size:clamp(22px,3vw,30px);font-weight:720;letter-spacing:-.025em}h3{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}h1,.page>h2,.page>div>h2,.page>div>.row>h2,.card.login h2,.hero-title{width:fit-content;max-width:100%;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.row>h2.grow{flex:0 1 auto;margin-right:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus{outline:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:focus-visible,a:focus-visible{box-shadow:0 0 0 6px rgba(var(--cyan-rgb),.18),0 0 24px -4px rgba(var(--cyan-rgb),.6)}input:not([type=checkbox]):not([type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(1200px 700px at 8% -12%,#1a1236 0%,transparent 62%),radial-gradient(900px 640px at 105% 0%,#0a2033 0%,transparent 58%),radial-gradient(1000px 800px at 50% 120%,#1b0f26 0%,transparent 60%),var(--bg)}.aurora-layer{position:absolute;inset:-10%;translate:calc(var(--mx, 0) * -18px) calc(var(--my, 0) * -14px);transition:translate 1.2s var(--ease-out)}.aurora{position:absolute;width:62vmax;height:62vmax;border-radius:50%;opacity:.5;will-change:transform}.a1{top:-26vmax;left:-18vmax;background:radial-gradient(circle at center,rgba(var(--cyan-rgb),.32),transparent 62%);animation:drift-1 32s var(--ease-in-out) infinite alternate}.a2{top:-10vmax;right:-24vmax;background:radial-gradient(circle at center,rgba(var(--violet-rgb),.34),transparent 62%);animation:drift-2 38s var(--ease-in-out) infinite alternate}.a3{bottom:-34vmax;left:12vmax;background:radial-gradient(circle at center,rgba(var(--magenta-rgb),.22),transparent 62%);animation:drift-3 44s var(--ease-in-out) infinite alternate}@keyframes drift-1{to{transform:translate3d(14vmax,10vmax,0) scale(1.15)}}@keyframes drift-2{to{transform:translate3d(-16vmax,14vmax,0) scale(.9)}}@keyframes drift-3{to{transform:translate3d(10vmax,-12vmax,0) scale(1.2)}}.grid-lines{position:absolute;inset:-48px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 10%,transparent 75%);translate:calc(var(--mx, 0) * 10px) calc(var(--my, 0) * 10px);transition:translate .9s var(--ease-out)}.cursor-glow{position:absolute;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,rgba(var(--violet-rgb),.13),rgba(var(--cyan-rgb),.05) 35%,transparent 65%);opacity:0;transition:opacity var(--t-slow);will-change:transform}.cursor-glow.live{opacity:1}.grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}input,select,textarea,button{font:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:#ffffff09;color:var(--text);transition:border-color var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out),background var(--t-med)}input::placeholder,textarea::placeholder{color:var(--faint)}input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,select:hover,textarea:hover{border-color:var(--line-strong)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{border-color:rgba(var(--cyan-rgb),.65);background:#ffffff0e;box-shadow:0 0 0 4px rgba(var(--cyan-rgb),.12),0 0 26px -6px rgba(var(--cyan-rgb),.55);animation:focus-ring .6s var(--ease-out)}@keyframes focus-ring{0%{box-shadow:0 0 rgba(var(--cyan-rgb),.5),0 0 0 -6px rgba(var(--cyan-rgb),0)}}select{appearance:none;-webkit-appearance:none;padding-right:34px!important;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%23a0a0b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important;background-repeat:no-repeat!important;background-position:right 12px center!important}select option{background:var(--surface-solid);color:var(--text)}input[type=checkbox]{accent-color:var(--cyan);width:16px;height:16px;cursor:pointer}input[type=range]{accent-color:var(--cyan);cursor:pointer;height:20px}input[type=range]:hover{filter:drop-shadow(0 0 6px rgba(var(--cyan-rgb),.55))}label{display:block;margin:10px 0;color:var(--muted);font-size:13px}label input,label select{margin-top:4px;color:var(--text);font-size:15px}label:has(input[type=checkbox]){display:inline-flex;gap:8px;align-items:center;margin:0;cursor:pointer}label input[type=checkbox]{margin:0}.field{position:relative;display:block;margin:14px 0;color:var(--muted)}.field input:not([type=checkbox]):not([type=radio]):not([type=range]){margin:0;padding:25px 14px 9px;font-size:15px;line-height:1.4}.field-label{position:absolute;left:15px;top:18px;font-size:15px;line-height:1.4;pointer-events:none;transform-origin:left top;transition:translate var(--t-med) var(--ease-out),scale var(--t-med) var(--ease-out),color var(--t-med)}.field input:focus+.field-label,.field input:not(:placeholder-shown)+.field-label,.field input:autofill+.field-label{translate:0 -10px;scale:.76;color:var(--cyan)}.field input:not(:focus):not(:placeholder-shown)+.field-label{color:var(--muted)}button{position:relative;overflow:hidden;isolation:isolate;cursor:pointer;padding:10px 18px;border-radius:var(--r-sm);border:1px solid var(--line);background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:var(--inner);font-weight:560;letter-spacing:.005em;translate:var(--tx, 0px) calc(var(--ty, 0px) + var(--lift, 0px));scale:var(--press, 1);transition:translate var(--t-med) var(--ease-out),scale var(--t-fast) var(--ease-spring),box-shadow var(--t-med) var(--ease-out),border-color var(--t-med),background var(--t-med),opacity var(--t-med);-webkit-tap-highlight-color:transparent}button:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22) 48%,rgba(255,255,255,.05) 56%,transparent 70%);translate:-130% 0;transition:translate .75s var(--ease-out);pointer-events:none}button:hover:not(:disabled){--lift: -2px;border-color:var(--line-strong);box-shadow:var(--inner),0 12px 28px -14px #000000e6,0 0 22px -10px rgba(var(--violet-rgb),.5)}button:hover:not(:disabled):after{translate:130% 0}button:active:not(:disabled){--press: .97;--lift: 0px;transition-duration:90ms}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:var(--accent-text);border-color:transparent;background:var(--grad);background-size:160% 100%;background-position:0% 50%;font-weight:680;box-shadow:var(--inner),0 10px 26px -12px rgba(var(--violet-rgb),.8),0 0 0 1px #ffffff14}button.primary:hover:not(:disabled){background-position:100% 50%;box-shadow:var(--inner),0 16px 34px -12px rgba(var(--violet-rgb),.9),0 0 34px -6px rgba(var(--cyan-rgb),.6)}button.danger{color:var(--danger)}button.danger:hover:not(:disabled){border-color:rgba(var(--danger-rgb),.5);background:rgba(var(--danger-rgb),.1);box-shadow:var(--inner),0 0 24px -8px rgba(var(--danger-rgb),.7)}button.small{padding:6px 12px;font-size:13px;border-radius:10px}.ripple{position:absolute;z-index:-1;border-radius:50%;background:radial-gradient(circle,#ffffff59,#fff0 70%);pointer-events:none;scale:0;animation:ripple .65s var(--ease-out) forwards}button.primary .ripple{background:radial-gradient(circle,#ffffff8c,#fff0 70%)}@keyframes ripple{to{scale:1;opacity:0}}.toggle{flex:none;width:50px;height:30px;padding:3px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:#ffffff14;box-shadow:inset 0 2px 6px #00000073;overflow:hidden}.toggle:after{display:none}.toggle .knob{display:block;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#fff,#d7d7e6);box-shadow:0 2px 6px #00000073,inset 0 -1px 1px #0000001f;translate:0 0;transition:translate .5s var(--ease-spring),scale var(--t-fast) var(--ease-out),background var(--t-med)}.toggle:active:not(:disabled) .knob{scale:1.18 .9}.toggle.on{border-color:transparent;background:var(--grad);box-shadow:inset 0 1px 2px #ffffff40,0 0 20px -4px rgba(var(--cyan-rgb),.75)}.toggle.on .knob{translate:20px 0;background:#fff}.toggle:hover:not(:disabled){--lift: 0px;box-shadow:inset 0 2px 6px #00000073,0 0 18px -6px rgba(var(--cyan-rgb),.6)}.toggle.on:hover:not(:disabled){box-shadow:inset 0 1px 2px #ffffff40,0 0 26px -2px rgba(var(--cyan-rgb),.85)}.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-family:var(--mono);font-size:12px;white-space:nowrap;color:var(--muted)}.row{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.spacer{flex:1}.center{min-height:100dvh;display:grid;place-items:center;padding:var(--s-4)}.center-text{text-align:center;padding:var(--s-3)}.big{font-size:clamp(34px,6vw,52px);font-weight:760;letter-spacing:-.03em;line-height:1.05}.num{font-variant-numeric:tabular-nums}div.error,div.ok{padding:9px 13px;border-radius:var(--r-sm);margin:var(--s-2) 0;animation:notice-in .55s var(--ease-spring) backwards}.error{color:var(--danger)}div.error{background:rgba(var(--danger-rgb),.08);border:1px solid rgba(var(--danger-rgb),.28)}.ok{color:var(--ok)}div.ok{background:#34d39914;border:1px solid rgba(52,211,153,.28)}.card.error{border-color:rgba(var(--danger-rgb),.35)}@keyframes notice-in{0%{opacity:0;translate:0 -10px;scale:.96}}.badge{display:inline-flex;align-items:center;padding:1px 9px;margin-left:6px;border-radius:var(--r-pill);border:1px solid var(--line);background:#ffffff0d;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.02em;vertical-align:1px}.badge.running{color:var(--accent-text);background:var(--grad);border-color:transparent;animation:glow-pulse 1.6s var(--ease-in-out) infinite}@keyframes glow-pulse{50%{box-shadow:0 0 18px -2px rgba(var(--cyan-rgb),.8)}}.dot{position:relative;flex:none;width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--faint)}.dot.idle{background:var(--ok);box-shadow:0 0 10px #34d399cc}.dot.off{background:var(--danger);box-shadow:0 0 10px rgba(var(--danger-rgb),.8)}.dot.busy{background:var(--warn);box-shadow:0 0 10px #fbbf24cc}.dot.busy:after,.dot.idle:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ping 1.8s var(--ease-out) infinite}.dot.idle:after{animation-duration:3s}@keyframes ping{75%,to{scale:2.6;opacity:0}}@keyframes pulse{50%{opacity:.3}}.card,.list-row,.menu,.msg.agent,.toolcall,.chart,.new-group,.stat{border:1px solid var(--line);background:linear-gradient(180deg,#fff1,#ffffff06);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-1)}.card{border-radius:var(--r-lg);padding:var(--s-5);margin:var(--s-3) 0}.card.login{width:min(420px,100%);padding:var(--s-6);border-radius:var(--r-xl);box-shadow:var(--shadow-2),0 0 80px -30px rgba(var(--violet-rgb),.6);animation:rise .8s var(--ease-out) backwards}.card.login h1,.card.login h2{margin-top:0}.card.login button{width:100%;margin-top:var(--s-3);padding:13px 18px}.login-head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2)}.login-head h1{margin:0}.login-head .logo{width:44px;height:44px}.login-sub{margin:0 0 var(--s-4);color:var(--muted)}.app{max-width:1240px;margin:0 auto;padding:0 20px 56px}.nav{position:sticky;top:var(--nav-gap);z-index:10;display:flex;gap:2px;align-items:center;height:var(--nav-h);margin:var(--nav-gap) 0 var(--s-5);padding:0 8px;overflow-x:auto;scrollbar-width:none;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg,#141420b8,#0c0c149e);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-2);animation:drop-in .7s var(--ease-out) backwards}.nav::-webkit-scrollbar{display:none}@keyframes drop-in{0%{opacity:0;translate:0 -16px}}.brand{display:inline-flex;align-items:center;gap:10px;margin:0 14px 0 6px;white-space:nowrap;font-weight:760;font-size:17px;letter-spacing:-.02em}.brand .logo{width:30px;height:30px;animation:float 6s var(--ease-in-out) infinite}.brand-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes float{50%{translate:0 -3px;rotate:-4deg}}.nav a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-sm);color:var(--muted);white-space:nowrap;font-weight:560;overflow:hidden;isolation:isolate;translate:var(--tx, 0px) var(--ty, 0px);transition:color var(--t-med),translate var(--t-med) var(--ease-out)}.nav a:hover,.nav a.active{color:var(--text)}.nav a .icon{width:18px;height:18px;flex:none;transition:rotate .6s var(--ease-spring),scale .4s var(--ease-spring),translate .4s var(--ease-spring)}.nav a.active .icon{color:var(--cyan);filter:drop-shadow(0 0 6px rgba(var(--cyan-rgb),.7))}.nav a:hover .icon-grid{scale:1.15}.nav a:hover .icon-bolt{animation:zap .6s var(--ease-spring)}.nav a:hover .icon-sparkle{rotate:72deg;scale:1.15}.nav a:hover .icon-gear{rotate:120deg}@keyframes zap{30%{translate:0 -3px;scale:1.2}60%{translate:0 1px;scale:.95}}.nav-pill,.tab-pill{position:absolute;left:0;z-index:0;pointer-events:none;transition:translate .55s var(--ease-out),width .55s var(--ease-out),opacity var(--t-med)}.nav-pill{top:8px;height:calc(100% - 16px);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:linear-gradient(180deg,#ffffff1c,#ffffff0a);box-shadow:var(--inner),0 0 24px -8px rgba(var(--cyan-rgb),.6)}.main{position:relative}.page{animation:page-in .55s var(--ease-out) backwards}@keyframes page-in{0%{opacity:0;translate:0 14px}}.claude-trigger{flex:none;display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding:8px 16px 8px 12px;border-radius:var(--r-pill);border:1px solid rgba(var(--violet-rgb),.45);background:linear-gradient(135deg,rgba(var(--cyan-rgb),.16),rgba(var(--violet-rgb),.18) 60%,rgba(var(--magenta-rgb),.14));box-shadow:var(--inner),0 0 22px -8px rgba(var(--violet-rgb),.8);color:var(--text);font-weight:650}.claude-trigger .icon{width:18px;height:18px;color:var(--cyan);transition:rotate .6s var(--ease-spring),scale .4s var(--ease-spring),color var(--t-med)}.claude-trigger:hover:not(:disabled) .icon{rotate:72deg;scale:1.15}.claude-trigger:hover:not(:disabled){border-color:rgba(var(--violet-rgb),.8);box-shadow:var(--inner),0 0 30px -6px rgba(var(--violet-rgb),.9)}.claude-trigger.open{color:var(--accent-text);border-color:transparent;background:var(--grad)}.claude-trigger.open .icon{color:var(--accent-text);rotate:72deg}.trigger-dot{position:absolute;top:5px;left:24px;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--bg);background:var(--cyan);opacity:0;scale:.4;transition:opacity var(--t-med),scale .4s var(--ease-spring)}.trigger-dot:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:inherit;animation:ping 1.6s var(--ease-out) infinite}.claude-trigger.busy .trigger-dot,.claude-trigger.waiting .trigger-dot{opacity:1;scale:1}.claude-trigger.waiting .trigger-dot{background:var(--magenta)}.claude-trigger.waiting{animation:glow-call 1.4s var(--ease-in-out) infinite}@keyframes glow-call{50%{box-shadow:var(--inner),0 0 34px -2px rgba(var(--magenta-rgb),.9)}}.claude-panel{position:fixed;z-index:40;top:var(--nav-gap);right:var(--nav-gap);bottom:var(--nav-gap);width:min(var(--panel-w),calc(100vw - 2 * var(--nav-gap)));display:flex;flex-direction:column;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:linear-gradient(180deg,#161426e0,#0a0a12e6);-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);box-shadow:var(--shadow-2),0 0 90px -30px rgba(var(--violet-rgb),.75),-30px 0 60px -40px rgba(var(--cyan-rgb),.4);translate:calc(100% + 2 * var(--nav-gap)) 0;opacity:0;visibility:hidden;transition:translate .5s var(--ease-out),opacity .35s var(--ease-out),visibility 0s linear .5s}.claude-panel.open{translate:0 0;opacity:1;visibility:visible;transition:translate .6s var(--ease-out),opacity .3s var(--ease-out),visibility 0s}.claude-panel:before{content:"";position:absolute;left:-1px;top:18%;bottom:18%;width:2px;border-radius:2px;background:linear-gradient(180deg,transparent,var(--cyan),var(--violet),var(--magenta),transparent);box-shadow:0 0 16px rgba(var(--violet-rgb),.9);opacity:.8}.claude-panel:focus{outline:none}.panel-head{display:flex;align-items:center;gap:var(--s-2);padding:14px 16px;border-bottom:1px solid var(--line)}.panel-title{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:20px}.panel-title .icon{width:20px;height:20px;color:var(--violet);filter:drop-shadow(0 0 8px rgba(var(--violet-rgb),.8))}.claude-panel.open .panel-title .icon{animation:spin-in .9s var(--ease-spring)}@keyframes spin-in{0%{rotate:-140deg;scale:.4}}.icon-button{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;border-radius:50%}.panel-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 16px;opacity:0;translate:28px 0;transition:opacity .35s var(--ease-out),translate .6s var(--ease-out)}.claude-panel.open .panel-body{opacity:1;translate:0 0;transition-delay:.08s}.panel-body>.assistant{flex:1;min-height:0}.panel-list{overflow-y:auto;margin:0 -4px;padding:0 4px}.panel-list .new-session{width:100%;margin:4px 0 14px;padding:12px 18px}.session-row{width:100%;text-align:left;font-weight:500}.session-row:hover:not(:disabled){--lift: 0px;translate:4px 0}.claude-panel .chatbar{padding:8px 10px}.claude-panel .composer{padding-bottom:0}.claude-scrim{position:fixed;inset:0;z-index:35;background:#04040a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out)}.claude-scrim.open{opacity:1;pointer-events:auto}@media(min-width:1100px){.claude-scrim{display:none}.app.panel-open{max-width:calc(1240px + var(--panel-w) + 2 * var(--nav-gap));padding-right:calc(20px + var(--panel-w) + 2 * var(--nav-gap))}}.banner.offline{display:flex;gap:var(--s-3);align-items:baseline;flex-wrap:wrap;padding:14px 16px;margin:0 0 var(--s-4);border-radius:var(--r-md);color:var(--warn-text);border:1px solid rgba(251,191,36,.3);background:linear-gradient(120deg,#fbbf241f,#fbbf240a);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 0 40px -18px #fbbf2499;animation:notice-in .6s var(--ease-spring) backwards}.banner.offline .muted{flex-basis:100%}.dash-head{display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:flex-end;justify-content:space-between;margin:var(--s-4) 0 var(--s-3)}.hero-title{margin:0 0 var(--s-2)}.stats{display:flex;flex-wrap:wrap;gap:var(--s-2)}.stat{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);font-size:13px;color:var(--muted);box-shadow:var(--inner)}.stat b{color:var(--text);font-weight:680}.dash-head .search{flex:0 1 340px;min-width:200px}.toolbar{margin:var(--s-3) 0}.search{flex:1;min-width:180px}.area{margin-top:var(--s-6)}.area h2{position:relative;display:inline-block;margin-bottom:var(--s-3);padding-bottom:8px;font-size:21px;color:var(--text)}.area h2:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;background:var(--grad);transform-origin:left;animation:draw-x .9s var(--ease-out) .2s backwards;box-shadow:0 0 12px rgba(var(--cyan-rgb),.6)}@keyframes draw-x{0%{scale:0 1}}.domain h3{margin:var(--s-4) 0 var(--s-2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;perspective:1000px}.entity{position:relative;isolation:isolate;display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;min-height:74px;padding:14px 16px;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg,#ffffff12,#ffffff06);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-1);transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .6s var(--ease-out),border-color var(--t-med),box-shadow var(--t-med) var(--ease-out),background var(--t-slow),opacity var(--t-med)}.entity:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(380px circle at var(--px, 50%) var(--py, 50%),rgba(255,255,255,.1),transparent 45%);opacity:0;transition:opacity var(--t-med);pointer-events:none}.entity:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.entity:hover:before{opacity:1}.entity.is-on{border-color:rgba(var(--cyan-rgb),.42);background:var(--grad-soft);box-shadow:inset 0 0 0 1px rgba(var(--cyan-rgb),.08),0 0 34px -12px rgba(var(--cyan-rgb),.7),var(--shadow-1)}.entity.unavailable{opacity:.5;filter:saturate(.4)}.entity-main{flex:1;min-width:0;color:inherit;display:flex;flex-direction:column;gap:2px}.entity-main:hover{color:inherit}.entity-name{font-weight:640;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.005em}.entity-state{display:block;color:var(--muted);font-size:13px}.entity.is-on .entity-state{color:#a5f3fc}.entity-control{display:flex;align-items:center;gap:var(--s-2)}.entity-control select{width:auto;padding:6px 10px;font-size:13px}.entity-control input[type=range]{width:120px}.entity-control .media{gap:4px}.entity-control .media input[type=range]{width:100px}.entity .speak{flex-basis:100%;display:flex;gap:6px;align-items:center;animation:notice-in .45s var(--ease-spring) backwards}.entity .speak input{flex:1;min-width:0;padding:7px 11px}.entity .speak select{width:auto;padding:7px 10px}.pinned-groups{margin-bottom:var(--s-4)}.pinned-groups .entity{min-height:92px;padding:18px 20px;border-radius:var(--r-xl)}.pinned-groups .entity-name{font-size:18px;font-weight:700}.pinned-groups .entity.is-on{box-shadow:inset 0 0 0 1px rgba(var(--cyan-rgb),.1),0 0 50px -14px rgba(var(--cyan-rgb),.8),0 0 80px -30px rgba(var(--violet-rgb),.8),var(--shadow-1)}.meter{display:block;width:100%;max-width:180px;height:4px;margin-top:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.meter>span{display:block;height:100%;border-radius:inherit;background:var(--grad);transform-origin:left;transition:scale .8s var(--ease-out);box-shadow:0 0 10px rgba(var(--cyan-rgb),.8)}.grid>*,.list>*,.integrations>*,.skeletons>*{animation:rise var(--t-slow) var(--ease-out) backwards}table.entities tbody tr{animation:fade-in .5s var(--ease-out) backwards}@keyframes rise{0%{opacity:0;translate:0 16px;scale:.97}}@keyframes fade-in{0%{opacity:0}}:is(.grid,.list,.integrations,.skeletons)>:nth-child(2),table.entities tbody tr:nth-child(2){animation-delay:40ms}:is(.grid,.list,.integrations,.skeletons)>:nth-child(3),table.entities tbody tr:nth-child(3){animation-delay:80ms}:is(.grid,.list,.integrations,.skeletons)>:nth-child(4),table.entities tbody tr:nth-child(4){animation-delay:.12s}:is(.grid,.list,.integrations,.skeletons)>:nth-child(5),table.entities tbody tr:nth-child(5){animation-delay:.16s}:is(.grid,.list,.integrations,.skeletons)>:nth-child(6),table.entities tbody tr:nth-child(6){animation-delay:.2s}:is(.grid,.list,.integrations,.skeletons)>:nth-child(7),table.entities tbody tr:nth-child(7){animation-delay:.24s}:is(.grid,.list,.integrations,.skeletons)>:nth-child(8),table.entities tbody tr:nth-child(8){animation-delay:.28s}:is(.grid,.list,.integrations,.skeletons)>:nth-child(9),table.entities tbody tr:nth-child(9){animation-delay:.32s}:is(.grid,.list,.integrations,.skeletons)>:nth-child(10),table.entities tbody tr:nth-child(10){animation-delay:.36s}:is(.grid,.list,.integrations,.skeletons)>:nth-child(n+11),table.entities tbody tr:nth-child(n+11){animation-delay:.4s}@supports (animation-timeline: view()){.area,.integration{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 60%}@keyframes reveal{0%{opacity:0;translate:0 28px}}}.skeletons.card{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.skeletons.row{display:flex;flex-direction:column;gap:8px;margin-top:8px}.skeletons.panel{display:flex;flex-direction:column;gap:12px}.skeleton{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--line);background:#ffffff0a}.skeleton-card{height:74px}.skeleton-row{height:46px;border-radius:var(--r-sm)}.skeleton-panel{height:120px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.08) 45%,rgba(var(--violet-rgb),.08) 55%,transparent 80%);translate:-100% 0;animation:shimmer 1.5s var(--ease-in-out) infinite}@keyframes shimmer{to{translate:100% 0}}.boot{display:grid;justify-items:center;gap:var(--s-4)}.boot .logo{width:64px;height:64px;animation:float 3s var(--ease-in-out) infinite;filter:drop-shadow(0 0 20px rgba(var(--violet-rgb),.6))}.boot .skeleton{width:220px;height:10px;border-radius:10px}.list{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;gap:var(--s-3);align-items:center;border-radius:var(--r-md);padding:12px 14px;color:inherit;transition:border-color var(--t-med),box-shadow var(--t-med) var(--ease-out),translate var(--t-med) var(--ease-out),background var(--t-med)}a.list-row{position:relative;overflow:hidden;isolation:isolate}.list-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}a.list-row:hover{translate:4px 0;color:inherit}.chart{border-radius:var(--r-md);padding:var(--s-3)}.chart.draw{animation:draw-chart 1.2s var(--ease-out) backwards}@keyframes draw-chart{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.attrs{width:100%;border-collapse:collapse;font-size:13px}.attrs td{border-bottom:1px solid var(--line);padding:8px 6px;vertical-align:top;word-break:break-word}.attrs td:first-child{color:var(--muted);width:40%}.attrs tr{transition:background var(--t-fast)}.attrs tr:hover{background:#ffffff08}.table-wrap{overflow-x:auto;margin-top:var(--s-2);border:1px solid var(--line);border-radius:var(--r-md);background:#10101ab8;box-shadow:var(--shadow-1)}table.entities{width:100%;border-collapse:collapse;font-size:13px}table.entities th{text-align:left;color:var(--muted);font-weight:650;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap;background:#ffffff08}table.entities td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}table.entities tbody tr{transition:background var(--t-fast)}table.entities tbody tr:hover{background:rgba(var(--violet-rgb),.06)}table.entities tr:last-child td{border-bottom:none}table.entities tr.unavailable td{color:var(--faint)}.filters{padding:12px;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff08}.filters select{width:auto;padding:9px 12px}.tabs{position:relative;display:inline-flex;max-width:100%;gap:2px;padding:5px;margin:var(--s-2) 0 var(--s-4);overflow-x:auto;scrollbar-width:none;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff09}.tabs::-webkit-scrollbar{display:none}.tabs a{position:relative;z-index:1;padding:8px 16px;border-radius:11px;color:var(--muted);white-space:nowrap;font-weight:560;overflow:hidden;isolation:isolate;transition:color var(--t-med)}.tabs a:hover{color:var(--text)}.tabs a.active{color:var(--accent-text);font-weight:680}.tab-pill{top:5px;height:calc(100% - 10px);border-radius:11px;background:var(--grad);box-shadow:0 0 22px -6px rgba(var(--cyan-rgb),.7)}.tab-page{animation:tab-in .45s var(--ease-out) backwards}@keyframes tab-in{0%{opacity:0;translate:18px 0}}.integration-title{margin:0;font-size:17px;text-transform:none;letter-spacing:-.01em;color:var(--text)}.integration .devices{margin-top:var(--s-3)}.integration .list-row{background:#ffffff06;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.device-detail{display:block;overflow-wrap:anywhere}.new-group{border-radius:var(--r-lg);padding:var(--s-3)}.group-row{flex-wrap:wrap}.group-row form input{min-width:120px}label.check{display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin:0;color:var(--muted)}.tag{display:inline-block;padding:1px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;line-height:20px;white-space:nowrap;color:var(--tag);background:color-mix(in srgb,var(--tag) 14%,transparent);border:1px solid color-mix(in srgb,var(--tag) 38%,transparent);box-shadow:0 0 14px -8px var(--tag)}.swatch{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid transparent;background:var(--tag);box-shadow:0 0 10px -3px var(--tag)}.swatch:after{display:none}.swatch:hover:not(:disabled){--lift: 0px;scale:1.15;box-shadow:0 0 16px -2px var(--tag);border-color:transparent}.swatch.chosen{border-color:#fff;scale:1.1;box-shadow:0 0 0 2px var(--bg),0 0 18px 0 var(--tag)}.c-gray{--tag: #b4b4c8}.c-red{--tag: #fb7185}.c-orange{--tag: #fb923c}.c-amber{--tag: #fbbf24}.c-green{--tag: #34d399}.c-teal{--tag: #2dd4bf}.c-blue{--tag: #60a5fa}.c-indigo{--tag: #818cf8}.c-purple{--tag: #c084fc}.c-pink{--tag: #f472b6}.colors{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}th.groups-col,td.groups-col{text-align:right}.group-picker{display:inline-flex;gap:4px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.tag-button{padding:3px 8px}.menu{position:fixed;z-index:20;min-width:200px;max-height:50vh;overflow-y:auto;padding:6px;border-radius:var(--r-md);border-color:var(--line-strong);background:#12121ee0;box-shadow:var(--shadow-2),0 0 40px -16px rgba(var(--violet-rgb),.6);text-align:left;transform-origin:top right;animation:menu-in .35s var(--ease-spring) backwards}@keyframes menu-in{0%{opacity:0;scale:.92;translate:0 -6px}}.menu-item{display:flex!important;align-items:center;gap:10px;padding:7px 8px;margin:0!important;border-radius:9px;cursor:pointer;color:var(--text)!important;transition:background var(--t-fast)}.menu-item:hover{background:#ffffff0f}.assistant{display:flex;flex-direction:column;height:100%}.chatbar{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:#ffffff09}.chatbar select{width:auto;padding:6px 10px;font-size:13px}.usage{display:inline-flex;align-items:center;gap:6px}.usage .bar{display:inline-block;width:60px;height:6px;background:#ffffff14;border-radius:3px;vertical-align:middle;overflow:hidden}.usage .bar span{display:block;height:100%;background:var(--grad);transform-origin:left;animation:draw-x .9s var(--ease-out) backwards;transition:width var(--t-slow) var(--ease-out)}.transcript{flex:1;overflow-y:auto;padding:var(--s-4) 2px;display:flex;flex-direction:column;gap:var(--s-3);scroll-behavior:smooth}.msg{padding:11px 15px;border-radius:var(--r-lg);max-width:92%;overflow-wrap:anywhere;animation:msg-in .5s var(--ease-spring) backwards}@keyframes msg-in{0%{opacity:0;translate:0 10px;scale:.97}}.msg.user{align-self:flex-end;color:var(--accent-text);background:var(--grad);border-bottom-right-radius:6px;box-shadow:0 12px 30px -16px rgba(var(--violet-rgb),.9);transform-origin:bottom right}.msg.user a{color:inherit;text-decoration:underline}.msg.agent{align-self:flex-start;border-bottom-left-radius:6px;transform-origin:bottom left}.msg.thought{color:var(--muted);font-style:italic;font-size:13px;white-space:pre-wrap;border-left:2px solid rgba(var(--violet-rgb),.5);border-radius:0 var(--r-sm) var(--r-sm) 0;background:rgba(var(--violet-rgb),.05)}.md p{margin:0 0 8px}.md p:last-child{margin:0}.md pre,.toolcall pre{background:#00000059;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;overflow-x:auto;font:12px/1.5 var(--mono);white-space:pre-wrap}.md code{font:12.5px var(--mono);padding:1px 5px;border-radius:5px;background:#ffffff0f}.md pre code{padding:0;background:none}.md ul{margin:0 0 8px;padding-left:20px}.toolcall{border-radius:var(--r-sm);padding:8px 12px;font-size:13px;animation:msg-in .4s var(--ease-out) backwards}.toolcall summary{cursor:pointer}.toolcall.failed{border-color:rgba(var(--danger-rgb),.5)}.toolcall.completed .tstatus{color:var(--ok)}.toolcall.in_progress .tstatus{color:var(--cyan);animation:pulse 1s infinite}.tstatus{display:inline-block;width:16px}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.perm{border:1.5px solid transparent;border-radius:var(--r-md);padding:12px 14px;background:linear-gradient(var(--surface-solid),var(--surface-solid)) padding-box,conic-gradient(from var(--angle),var(--cyan),var(--violet),var(--magenta),var(--cyan)) border-box;box-shadow:0 0 40px -14px rgba(var(--violet-rgb),.8);animation:msg-in .5s var(--ease-spring) backwards,spin-angle 4s linear infinite}@keyframes spin-angle{to{--angle: 360deg}}.perm.resolved{background:linear-gradient(var(--surface-solid),var(--surface-solid)) padding-box,linear-gradient(var(--line),var(--line)) border-box;box-shadow:none;animation:none}.perm .row{margin-top:10px}.plan{margin-top:10px;padding:10px 12px;border-left:3px solid var(--violet);background:#00000040;border-radius:0 var(--r-sm) var(--r-sm) 0;max-height:50vh;overflow-y:auto}.typing{display:inline-flex;gap:5px;padding:12px 14px;align-self:flex-start;border-radius:var(--r-lg);background:#ffffff0d;border:1px solid var(--line)}.typing span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--grad);animation:bounce 1.1s var(--ease-in-out) infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{translate:0 0;opacity:.5}30%{translate:0 -6px;opacity:1}}.composer{display:flex;gap:var(--s-2);align-items:flex-end;padding:var(--s-3) 0 var(--s-2)}.composer textarea{min-height:58px;max-height:40vh;resize:vertical;border-radius:var(--r-md)}.composer button{padding:12px 20px}@media(max-width:640px){.app{padding:0 12px 40px}.claude-panel{top:0;right:0;bottom:0;width:100%;border-radius:0;border:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.claude-trigger{padding:9px 11px;margin-left:4px}.claude-trigger .nav-label{display:none}.grid,.skeletons.card{grid-template-columns:1fr}.nav{padding:0 6px}.brand{margin:0 8px 0 4px}.brand-text{display:none}.nav a{padding:9px 11px}.nav a:not(.active) .nav-label{display:none}.card{padding:var(--s-4)}.card.login{padding:var(--s-5)}.dash-head .search{flex:1 1 100%}.entity-control input[type=range]{width:100px}.msg{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.aurora,.area,.integration,.perm,.claude-trigger{animation:none!important}.aurora-layer,.grid-lines{translate:none!important}.entity{transform:none!important}.cursor-glow{display:none}}
