:root{color:#e8eefb;background:#080d18;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #0e1726;--surface-2: #111d30;--border: #27344a;--muted: #75839e;--cyan: #55e3ca;--purple: #8f7cff}*{box-sizing:border-box}html,body,#root{min-width:1080px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 72% -20%,#17274a 0,transparent 40%),#080d18}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;min-height:100vh;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid #202b40;background:#0b1220}.brand{display:grid;grid-template:26px 20px / 42px 1fr}.brand>span{display:grid;width:34px;height:34px;grid-row:1 / 3;place-items:center;border:1px solid var(--cyan);border-radius:10px;color:var(--cyan);background:#112c32;font-size:12px;font-weight:800}.brand strong{font-size:16px}.brand small{color:#72809d;font-size:9px;letter-spacing:1px}.sidebar nav{display:grid;gap:8px;margin-top:46px}.sidebar nav a{padding:13px 14px;border-radius:9px;color:#8492ad;text-decoration:none;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{color:#e9fff9;background:#153237;box-shadow:inset 3px 0 var(--cyan)}.readonly{position:absolute;right:18px;bottom:24px;left:18px;display:grid;gap:5px;padding:14px;border:1px solid var(--border);border-radius:10px;color:#9aa8c2;background:#101929;font-size:12px}.readonly small{color:#5f708f}.main{min-width:0}.topbar{display:flex;height:72px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #202b40;background:#0b1220e0;backdrop-filter:blur(14px)}.topbar>div{display:grid;gap:4px}.topbar b{font-size:14px}.topbar span{color:#6f7e99;font-size:11px}.identity{display:flex!important;align-items:center;gap:12px!important}.identity button{padding:8px 12px;border:1px solid #31415d;border-radius:7px;color:#aab7cf;background:transparent}.content{max-width:1380px;margin:0 auto;padding:32px 36px 60px}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.heading h1{margin:0 0 6px;font-size:26px}.heading p{margin:0;color:var(--muted);font-size:12px}.live{display:flex;align-items:center;gap:8px;color:#83dbc9;font-size:11px}.live i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi{min-height:118px;padding:18px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,#111b2c,var(--surface))}.kpi span,.kpi small{display:block;color:#7786a1;font-size:11px}.kpi strong{display:block;margin:14px 0 8px;color:#f2f7ff;font:25px SFMono-Regular,Consolas,monospace}.two-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);gap:16px;margin-bottom:16px}.card{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-title b{font-size:13px}.card-title span,.card-title a{color:#6f809e;font-size:10px}.card-title a{color:var(--cyan);text-decoration:none}.chart{width:100%;height:300px}.error-list>div{display:grid;grid-template-columns:110px 1fr 34px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #1c293d}.error-list code{color:#d0dcf1;font-size:10px}.error-list span{overflow:hidden;color:#7e8da8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.error-list b{text-align:right;color:#ff9c83;font-size:12px}.quality{display:flex;gap:28px;align-items:center}.quality b{margin-right:auto}.quality span,.quality small{color:#8998b2;font-size:11px}.empty{display:grid;min-height:190px;place-items:center;color:#657590;font-size:11px}.state{display:grid;min-height:360px;place-items:center;align-content:center;text-align:center;border:1px solid var(--border);border-radius:14px;color:#7787a3;background:var(--surface)}.state b{color:#e8eefb}.filters{display:flex;align-items:end;gap:10px;margin:-4px 0 16px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.filters label{display:grid;gap:5px;color:#6f809e;font-size:10px}.filters input,.filters select{height:36px;min-width:140px;padding:0 10px;border:1px solid #30415d;border-radius:7px;outline:none;color:#dbe6f8;background:#101b2d}.filters input:focus,.filters select:focus{border-color:var(--cyan)}.filters button,.agent-empty button,.agent-hero button,.follow-up button{height:36px;margin-left:auto;padding:0 16px;border:0;border-radius:7px;color:#071310;background:var(--cyan);font-size:11px;font-weight:700}.filters button:disabled,.agent-empty button:disabled,.agent-hero button:disabled,.follow-up button:disabled{opacity:.55}.telemetry-bottom{margin-top:16px}.flow{display:grid;gap:12px;margin:0;padding-left:24px;color:#a9b7ce;font-size:12px}.flow li::marker{color:var(--cyan);font-weight:700}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0}.quality-grid>div{padding:14px;border-radius:9px;background:var(--surface-2)}.quality-grid dt{color:#73829d;font-size:10px}.quality-grid dd{margin:8px 0 0;font:20px Consolas,monospace}.agent-empty{display:grid;min-height:400px;place-items:center;align-content:center;text-align:center;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.agent-empty>span{display:grid;width:74px;height:74px;place-items:center;border:1px solid var(--purple);border-radius:22px;color:#b8aaff;background:#211d41;font-size:22px;font-weight:800;box-shadow:0 0 50px #8f7cff22}.agent-empty h2{margin:22px 0 8px}.agent-empty p{max-width:560px;margin:0 0 22px;color:#7787a3;font-size:12px}.agent-empty button{margin:0;background:var(--purple);color:#fff}.agent-empty small{margin-top:14px;color:#ff9dab}.agent-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:16px;padding:25px;border:1px solid #403a68;border-radius:14px;background:radial-gradient(circle at 90% 10%,#28204c,#101a2b 48%)}.agent-hero h2{max-width:820px;margin:12px 0 8px;font-size:20px}.agent-hero p,.limitations{margin:0;color:#7788a3;font-size:11px}.agent-hero button{background:var(--purple);color:#fff}.severity{padding:5px 8px;border:1px solid #605885;border-radius:12px;color:#c6bcff;font:9px Consolas,monospace}.severity-high,.severity-critical{border-color:#b95c68;color:#ff9ba7}.severity-medium{border-color:#9b7545;color:#ffc47b}.report-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.report-list li{display:grid;grid-template-columns:44px 1fr;gap:3px 10px;padding:12px;border-radius:8px;background:var(--surface-2)}.report-list b{grid-row:1 / 3;color:#a998ff;font:13px Consolas,monospace}.report-list span{font-size:11px}.report-list small{color:#71819d;font-size:9px}.evidence{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.evidence>div{display:grid;grid-template-columns:120px 1fr;gap:4px 10px;padding:11px;border-radius:8px;background:#111c2d}.evidence code{grid-row:1 / 3;color:#a998ff;font-size:9px}.evidence span{font-size:10px}.evidence small{color:#657590;font-size:9px}.follow-up{margin-top:16px}.follow-up form{display:flex;gap:10px}.follow-up input{height:42px;flex:1;padding:0 13px;border:1px solid #30415e;border-radius:8px;outline:none;color:#e8eefb;background:#0a1220}.follow-up input:focus{border-color:var(--purple)}.follow-up button{height:42px;background:var(--purple);color:#fff}.follow-up p{color:#aebbd0;font-size:11px;line-height:1.7}.limitations{margin-top:14px}.login-page{display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle at 50% 20%,#20205b 0,transparent 34%),#080d18}.login-card{width:430px;padding:42px;border:1px solid #33365d;border-radius:18px;background:#0d1627f0;box-shadow:0 30px 100px #00000073}.login-mark{display:grid;width:50px;height:50px;margin-bottom:22px;place-items:center;border:1px solid var(--purple);border-radius:14px;color:#b8aaff;background:#211d41;font-weight:800}.eyebrow{color:#8678dd;font-size:9px;letter-spacing:2px}.login-card h1{margin:8px 0;font-size:30px}.login-card>p{margin:0 0 28px;color:var(--muted);font-size:12px;line-height:1.7}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px;color:#8d9ab1;font-size:11px}.login-card input{height:44px;padding:0 12px;border:1px solid #33415c;border-radius:8px;outline:none;color:#fff;background:#0b1423}.login-card input:focus{border-color:var(--purple)}.login-card button{height:44px;border:0;border-radius:8px;color:#fff;background:linear-gradient(90deg,#6957e5,#8f7cff);font-weight:700}.form-error{margin:0;color:#ff9dab!important;font-size:11px}@media(max-width:1220px){.content{padding-inline:24px}.kpi-grid{grid-template-columns:repeat(3,1fr)}}