@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--bg:#060608;--bg-2:#0b0b0e;--card:hsla(0,0%,100%,.025);--card-2:hsla(0,0%,100%,.05);--line:hsla(0,0%,100%,.08);--line-2:hsla(0,0%,100%,.15);--white:#fff;--text:#f2f1ed;--muted:#9b9b9b;--dim:#646468;--verified:#cfe8df;--sbw:248px;--panelw:540px}*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden;letter-spacing:-.01em}button{cursor:pointer}button,input,textarea{font-family:inherit}:focus-visible{outline:1px solid var(--line-2);outline-offset:2px}.mono{font-family:IBM Plex Mono,monospace}.glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(50% 40% at 72% 12%,hsla(0,0%,100%,.07),transparent 60%),radial-gradient(40% 35% at 12% 4%,hsla(0,0%,100%,.04),transparent 60%)}.mark{display:flex;align-items:center;gap:9px}.mark .ico{width:22px;height:22px;flex:none}.mark .nm{font-weight:600;font-size:17px;letter-spacing:-.02em}.mark .sub{font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);line-height:1}.login{position:fixed;inset:0;display:grid;place-items:center;padding:24px;z-index:60}.login-card{position:relative;width:min(400px,100%);text-align:center}.login .lico{width:54px;height:54px;margin:0 auto 18px;opacity:.95}.login h1{font-size:26px;font-weight:600;margin:0;letter-spacing:-.02em}.login .slog{margin:10px 0 0;color:var(--muted);font-size:14px}.login .role{margin:30px 0 12px;font-size:12px;color:var(--dim);display:flex;gap:10px;align-items:center;justify-content:center}.login .role:after,.login .role:before{content:"";height:1px;width:38px;background:var(--line-2)}.login input{width:100%;background:var(--card);border:1px solid var(--line-2);color:var(--text);padding:14px 16px;border-radius:13px;font-size:15px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login input::placeholder{color:var(--dim)}.btn-w{border:none;border-radius:13px;font-weight:600;font-size:15px;padding:14px 20px;background:var(--white);color:#0a0a0a;width:100%;margin-top:12px;transition:filter .12s,transform .12s}.btn-w:hover{filter:brightness(.94)}.btn-w:active{transform:translateY(1px)}.login .err{color:#e7b8a6;font-size:13px;min-height:18px;margin-top:12px}.login .foot{margin-top:18px;font-size:12px;color:var(--dim)}.app{display:flex;height:100dvh;width:100%;position:relative;z-index:1}.sidebar{width:var(--sbw);flex:none;background:rgba(8,8,11,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.sb-top{padding:20px 18px 14px}.nav{padding:8px 12px;display:flex;flex-direction:column;gap:3px}.navitem{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:var(--muted);font-size:14px;border:1px solid transparent;background:none;width:100%;text-align:left}.navitem svg{width:17px;height:17px;flex:none;opacity:.85}.navitem:hover{background:var(--card);color:var(--text)}.navitem.active{background:var(--card-2);color:var(--text);border-color:var(--line-2)}.sb-label{padding:14px 18px 6px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.history{flex:1 1;overflow-y:auto;padding:0 10px 10px}.hitem{padding:9px 12px;border-radius:10px;cursor:pointer;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid transparent}.hitem:hover{background:var(--card);color:var(--text)}.hitem.active{background:var(--card-2);color:var(--text);border-color:var(--line)}.hitem .meta{display:block;font-size:11px;color:var(--dim);margin-top:2px}.hempty{padding:12px 18px;color:var(--dim);font-size:12.5px;line-height:1.5}.sb-card{margin:8px 14px 10px;border:1px solid var(--line);border-radius:12px;padding:11px 13px;display:flex;align-items:center;gap:10px}.sb-card .t{font-size:12.5px;color:var(--text)}.sb-card .d{font-size:11px;color:var(--dim);margin-top:1px}.sb-card .dot{width:7px;height:7px;border-radius:50%;background:var(--verified);margin-left:auto;box-shadow:0 0 8px var(--verified)}.sb-user{border-top:1px solid var(--line);padding:12px 14px;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:#1a1a1e;border:1px solid var(--line-2);color:var(--text);font-weight:600;font-size:13px}.sb-user .nm{flex:1 1;font-size:13px}.sb-user .out{background:none;border:none;color:var(--dim);font-size:12px;padding:6px}.sb-user .out:hover{color:var(--text)}.main{flex:1 1;display:flex;flex-direction:column;min-width:0;position:relative}.topbar{display:flex;align-items:center;gap:10px;padding:16px 24px}.menu{display:none;background:none;border:none;color:var(--text);padding:4px}.menu svg{width:22px;height:22px}.topbar .grow{flex:1 1}.ibtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted);display:grid;place-items:center}.ibtn:hover{color:var(--text);border-color:var(--line-2)}.ibtn svg{width:17px;height:17px}.ibtn.disabled{opacity:.4;cursor:not-allowed}.view{flex:1 1;overflow-y:auto}.ov{max-width:1060px;margin:0 auto;padding:6px 28px 40px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:14px 0 26px}.hero .hi{font-size:14px;color:var(--muted)}.hero h1{font-size:clamp(28px,4vw,40px);font-weight:600;margin:8px 0 0;line-height:1.06;letter-spacing:-.02em}.hero .heromark{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:4px;flex:none}.hero .heromark .row{display:flex;align-items:center;gap:12px}.hero .heromark .big{font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.03em}.hero .heromark .bico{width:clamp(34px,5vw,52px);height:clamp(34px,5vw,52px);opacity:.95}.hero .heromark .tl{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim)}@media (max-width:680px){.hero .heromark{display:none}}.cmd{background:var(--card);border:1px solid var(--line-2);border-radius:20px;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cmd-row{display:flex;align-items:center;gap:12px}.cmd input{flex:1 1;background:none;border:none;color:var(--text);font-size:16px;padding:6px 0}.cmd input::placeholder{color:var(--dim)}.cmd .go{border:none;border-radius:50%;background:var(--white);color:#0a0a0a;width:44px;height:44px;display:grid;place-items:center;flex:none}.cmd .go:hover{filter:brightness(.94)}.cmd .go svg{width:18px;height:18px}.pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.pill{background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:13px;padding:8px 13px;border-radius:11px;display:flex;gap:8px;align-items:center}.pill:hover{border-color:var(--line-2);color:var(--text)}.pill svg{width:14px;height:14px;opacity:.8}.cards{display:grid;grid-template-columns:1.45fr 1fr;grid-gap:16px;gap:16px;margin-top:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card .ct{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card h3{margin:0;font-size:14px;font-weight:600}.card .see{font-size:12px;color:var(--dim);cursor:pointer}.card .see:hover{color:var(--text)}.card.tall{grid-row:span 2}.recent .r{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}.recent .r:first-of-type{border-top:none}.recent .r:hover .rt{color:#fff}.recent .ic{width:34px;height:34px;border-radius:9px;background:var(--card-2);border:1px solid var(--line);color:var(--muted);display:grid;place-items:center;flex:none}.recent .ic svg{width:15px;height:15px}.recent .rt{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent .rm{font-size:12px;color:var(--dim);margin-top:1px}.recent .rn{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--muted)}.recent .rempty{color:var(--dim);font-size:13.5px;line-height:1.6;padding:8px 0}.gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:6px}.gauge{position:relative;width:150px;height:150px}.gauge .lbl{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.gauge .lbl .pct{font-size:32px;font-weight:700;letter-spacing:-.02em}.gauge .lbl .cap{font-size:11px;color:var(--dim);margin-top:2px}.gauge-note{font-size:12.5px;color:var(--muted);text-align:center;max-width:200px}.metric{display:flex;align-items:baseline;gap:8px;margin:2px 0 4px}.metric .big{font-size:26px;font-weight:700;letter-spacing:-.02em}.metric .lab{font-size:12.5px;color:var(--dim)}.spark{height:88px;width:100%}.days{display:flex;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--dim);margin-top:4px}.convo{display:flex;flex-direction:column;height:100%}.stream{flex:1 1;overflow-y:auto;padding:8px 20px 22px}.stream-inner{width:min(760px,100%);margin:0 auto;display:flex;flex-direction:column;gap:18px}.msg{max-width:90%}.msg .who{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.msg.you{align-self:flex-end;text-align:right}.msg .bubble{display:inline-block;padding:12px 15px;border-radius:14px;font-size:14.5px;line-height:1.55}.msg.you .bubble{background:var(--white);color:#0a0a0a;border-bottom-right-radius:4px}.msg.agent .bubble{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px}.msg.agent .bubble b{color:#fff;font-weight:600}.steps{display:flex;flex-direction:column;gap:10px}.step{display:flex;align-items:center;gap:11px;font-size:13.5px;color:var(--dim)}.step .tick{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;flex:none}.step.run .tick:after{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1s infinite}.step.done{color:var(--text)}.step.done .tick{border-color:var(--verified);background:var(--verified)}.step.done .tick:after{content:"";width:5px;height:9px;border:2px solid #0a0a0a;border-top:0;border-left:0;transform:rotate(45deg) translateY(-1px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.rcard{margin-top:12px;background:var(--card);border:1px solid var(--line-2);border-radius:14px;overflow:hidden}.rcard .ch{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line)}.rcard .ch .n{font-size:16px;font-weight:700}.rcard .ch .n .hl{color:#fff}.rcard .ch .demo{margin-left:auto;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--card-2);border:1px solid var(--line);padding:3px 8px;border-radius:999px}.rcard .stats{display:flex;flex-wrap:wrap;gap:7px;padding:12px 15px}.rcard .stat{font-size:12px;color:var(--muted);background:var(--card-2);border:1px solid var(--line);padding:5px 10px;border-radius:8px}.rcard .stat b{color:var(--text)}.rcard .open{display:block;width:calc(100% - 30px);margin:2px 15px 15px;background:var(--white);color:#0a0a0a;border:none;border-radius:10px;padding:11px;font-size:14px;font-weight:600}.rcard .open:hover{filter:brightness(.94)}.composer{padding:14px 20px}.composer-inner{width:min(760px,100%);margin:0 auto;display:flex;gap:10px;align-items:flex-end}.composer textarea{flex:1 1;resize:none;background:var(--card);border:1px solid var(--line-2);color:var(--text);border-radius:14px;padding:13px 15px;font-size:14.5px;line-height:1.45;max-height:140px;min-height:48px}.composer textarea::placeholder{color:var(--dim)}.send{border:none;border-radius:50%;background:var(--white);color:#0a0a0a;width:48px;height:48px;display:grid;place-items:center;flex:none}.send:disabled{opacity:.4;cursor:not-allowed}.send svg{width:19px;height:19px}.panel{position:fixed;top:0;right:0;height:100dvh;width:var(--panelw);max-width:100%;background:var(--bg-2);border-left:1px solid var(--line-2);transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:40;display:flex;flex-direction:column;box-shadow:-30px 0 60px rgba(0,0,0,.5)}.panel.open{transform:translateX(0)}.p-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 16px;border-bottom:1px solid var(--line)}.p-head h2{font-size:15px;font-weight:600;margin:0}.p-head h2 .n{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:14px}.p-head .sp{flex:1 1}.p-search{background:var(--card);border:1px solid var(--line-2);color:var(--text);padding:8px 11px;border-radius:9px;font-size:13px;width:130px}.p-search::placeholder{color:var(--dim)}.p-dl{border:1px solid var(--line-2);background:transparent;color:var(--text);padding:8px 11px;border-radius:9px;font-size:12.5px;font-weight:500;display:flex;gap:6px;align-items:center}.p-dl:hover{background:var(--white);color:#0a0a0a;border-color:var(--white)}.p-dl svg{width:14px;height:14px}.p-close{background:none;border:none;color:var(--dim);padding:6px;display:grid;place-items:center}.p-close:hover{color:var(--text)}.p-close svg{width:20px;height:20px}.tablewrap{flex:1 1;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}thead th{position:-webkit-sticky;position:sticky;top:0;background:#101013;text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:10px 13px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}thead th:hover{color:var(--text)}thead th .arr{color:#fff}tbody td{padding:11px 13px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text)}tbody tr:hover{background:hsla(0,0%,100%,.025)}.co{font-weight:600}.dom{font-size:11.5px;color:var(--dim)}.mc{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 6px;border-radius:999px;margin-left:5px;letter-spacing:.04em}.badge.ok{background:rgba(207,232,223,.16);color:var(--verified)}.badge.no{background:hsla(0,0%,100%,.06);color:var(--dim)}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:35;opacity:0;pointer-events:none;transition:opacity .25s}.scrim.show{opacity:1;pointer-events:auto}@media (max-width:1000px){.cards{grid-template-columns:1fr}.card.tall{grid-row:auto}}@media (max-width:960px){.sidebar{position:fixed;left:0;top:0;height:100dvh;transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:translateX(0)}.menu{display:grid;place-items:center}:root{--panelw:100%}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.typing{display:inline-flex;gap:5px;align-items:center;padding:2px 0}.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);display:inline-block;animation:blink 1.2s infinite both}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}