:root{--ink:#eaf0ff;--muted:#8e9ab5;--muted-2:#5c6985;--bg:#080c15;--panel:#0d1320;--panel-2:#111a2b;--line:#a8bee81f;--line-strong:#a8bee83d;--violet:#8f7cff;--cyan:#54d8dc;--mint:#55e3a4;--amber:#ffbf69;--rose:#ff7189;--sidebar:240px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);min-width:320px;margin:0;font-size:13px}body{background:radial-gradient(circle at 62% -15%, #6f59f433, transparent 35rem), radial-gradient(circle at 0% 70%, #27b1bb12, transparent 30rem), var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{color:#fff;background:#8f7cff5c}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#25324d;border-radius:8px}.app{min-height:100vh;display:flex}.sidebar{z-index:20;width:var(--sidebar);border-right:1px solid var(--line);background:#070c17f0;flex-direction:column;padding:17px 13px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:6px 10px 21px;display:flex}.brand-mark{color:#121027;background:linear-gradient(135deg,#ffce87,#8f7cff 75%);border-radius:12px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:grid}.brand-copy{letter-spacing:-.04em;font-size:19px;font-weight:780}.brand-copy span{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:700;display:block}.nav-label{color:var(--muted-2);letter-spacing:.16em;text-transform:uppercase;margin:15px 11px 7px;font-size:9px;font-weight:800}.nav-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.nav-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;text-decoration:none;transition:all .16s;display:flex}.nav-item:hover{color:var(--ink);background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(90deg,#8f7cff33,#8f7cff0a);border-color:#8f7cff40}.nav-icon{color:currentColor;text-align:center;width:18px;font-size:15px}.nav-badge{color:var(--amber);background:#ffbf691f;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800}.sidebar-spacer{flex:1;min-height:18px}.conn-card{border:1px solid var(--line);background:linear-gradient(145deg,#55e3a414,#ffffff06);border-radius:12px;padding:13px}.conn-top{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.conn-state{color:var(--mint);font-weight:750}.conn-state.down{color:var(--rose)}.main{width:calc(100% - var(--sidebar));min-width:0;margin-left:var(--sidebar)}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080c15c9;align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.crumb{color:var(--muted-2);flex:1;font-size:11px}.crumb strong{color:var(--muted)}.content{max-width:1600px;margin:0 auto;padding:28px 32px 68px}.eyebrow{color:var(--violet);letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:850}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-head h1{letter-spacing:-.055em;margin:0;font-size:clamp(24px,3.4vw,32px);line-height:1}.page-head p{color:var(--muted);margin:9px 0 0;font-size:12px}.btn{border:1px solid var(--line);min-height:34px;color:var(--ink);background:#ffffff0b;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;transition:all .16s;display:inline-flex}.btn:hover{border-color:var(--line-strong);background:#ffffff16}.btn-primary{color:#fff;background:linear-gradient(135deg,#9180ff,#5c4bd6);border-color:#0000;box-shadow:0 9px 22px #6a54e238}.btn-danger{color:#ffacb9;background:#ff718914;border-color:#ff718942}.btn-sm{min-height:28px;padding:0 9px;font-size:11px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#101829eb,#0a101cf2);border-radius:15px}.card-header{justify-content:space-between;align-items:center;gap:14px;padding:16px 18px 13px;display:flex}.card-header h2{letter-spacing:-.025em;margin:0;font-size:14px}.card-header p{color:var(--muted-2);margin:4px 0 0;font-size:10px}.card-body{padding:0 18px 16px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px;display:grid}.kpi{padding:16px;position:relative;overflow:hidden}.kpi-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.kpi-value{letter-spacing:-.06em;margin:13px 0 5px;font-size:26px;font-weight:780}.kpi-foot{color:var(--muted-2);font-size:10px}.grid-2{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:15px;display:grid}.stack{gap:15px;min-width:0;display:grid}.table-wrap{padding:0 6px 8px;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:560px}.table th{color:var(--muted-2);letter-spacing:.1em;text-align:left;text-transform:uppercase;padding:8px 14px;font-size:9px;font-weight:800}.table td{border-top:1px solid var(--line);color:var(--muted);vertical-align:middle;padding:11px 14px;font-size:11px}.table tbody tr:hover{background:#ffffff06}.table td strong{color:var(--ink);font-weight:650}.table td code{color:#b8c3ed;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.status{color:var(--muted);white-space:nowrap;background:#ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status.active,.status.running,.status.healthy,.status.completed,.status.approved,.status.up{color:var(--mint);background:#55e3a41a}.status.pending,.status.waiting,.status.review,.status.warning,.status.awaiting_approval,.status.degraded{color:var(--amber);background:#ffbf691a}.status.failed,.status.blocked,.status.denied,.status.offline,.status.down,.status.rejected,.status.changes_requested{color:var(--rose);background:#ff71891a}.status.paused,.status.idle,.status.draft{color:#72a8ff;background:#72a8ff1a}.progress{background:#ffffff14;border-radius:6px;min-width:70px;height:5px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;display:block}.select,.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff09;border-radius:8px;outline:none;padding:9px 10px}.select{width:auto;color:var(--muted);font-size:10px}.select:focus,.field input:focus,.field textarea:focus{border-color:#8f7cffb3}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:10px;font-weight:650}.field textarea{resize:vertical;min-height:80px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chat-grid{grid-template-columns:240px minmax(0,1fr) 280px;align-items:start;gap:15px;display:grid}.chan-list{gap:3px;padding:10px;display:grid}.chan-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-size:12px;text-decoration:none;display:flex}.chan-item:hover{color:var(--ink);background:#ffffff0d}.chan-item.active{color:#fff;background:#8f7cff17;border-color:#8f7cff4d}.chan-card{flex-direction:column;min-height:540px;display:flex}.chat-stream{background:radial-gradient(circle at 50% 0,#8f7cff14,#0000 55%);flex:1;min-height:380px;max-height:62vh;padding:16px;overflow-y:auto}.chat-msg{gap:8px;max-width:86%;margin-bottom:12px;display:flex}.chat-msg.operator{flex-direction:row-reverse;margin-left:auto}.chat-bubble{border:1px solid var(--line);color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;background:#ffffff0a;border-radius:10px 10px 10px 3px;padding:10px 11px;font-size:11px;line-height:1.55}.chat-msg.operator .chat-bubble{color:var(--ink);background:#8f7cff1f;border-color:#8f7cff4d;border-radius:10px 10px 3px}.chat-meta{align-items:baseline;gap:7px;margin-bottom:4px;display:flex}.chat-meta strong{color:var(--ink);font-size:9px}.chat-meta span{color:var(--muted-2);font-size:8px}.chat-compose{border-top:1px solid var(--line);gap:8px;padding:12px;display:flex}.chat-compose textarea{resize:vertical;border:1px solid var(--line);min-height:42px;max-height:110px;color:var(--ink);background:#ffffff09;border-radius:8px;outline:none;flex:1;padding:9px 10px}.typing{color:var(--cyan);padding:2px 16px 8px;font-size:10px}.callout{color:var(--muted);background:#54d8dc0e;border:1px solid #54d8dc33;border-radius:9px;gap:10px;margin-bottom:15px;padding:12px;font-size:10px;line-height:1.5;display:flex}.board{grid-template-columns:repeat(4,minmax(200px,1fr));gap:11px;display:grid}.board-col{border:1px solid var(--line);background:#ffffff05;border-radius:12px;min-height:260px;padding:9px}.board-col.dragover{border-color:#8f7cff80}.board-head{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:1px 2px 8px;font-size:10px;font-weight:750;display:flex}.task-card{border:1px solid var(--line);background:var(--panel-2);cursor:grab;border-radius:9px;margin-bottom:7px;padding:11px}.task-card:hover{border-color:#8f7cff6b}.task-card strong{color:var(--ink);font-size:11px;line-height:1.35;display:block}.task-card p{color:var(--muted-2);margin:6px 0 8px;font-size:9px}.login-wrap{place-items:center;min-height:100vh;display:grid}.login-card{width:min(380px,92vw);padding:34px}.login-mark{color:#121027;background:linear-gradient(135deg,#ffce87,#8f7cff 75%);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:18px;font-size:20px;font-weight:900;display:grid}.login-card h1{letter-spacing:-.04em;margin:0 0 6px;font-size:24px}.login-card p{color:var(--muted);margin:0 0 22px;font-size:11px}.err{color:var(--rose);margin-top:10px;font-size:10px}.muted-2{color:var(--muted-2)}.mono{color:#b8c3ed;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.toast{z-index:90;border:1px solid var(--line-strong);color:var(--muted);background:#131e33;border-radius:11px;max-width:340px;padding:12px 14px;font-size:11px;position:fixed;bottom:18px;right:18px;box-shadow:0 26px 80px #00000047}.toast.bad{border-color:#ff71894d}@media (width<=1100px){.chat-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.board{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){:root{--sidebar:0px}.sidebar{display:none}.main{width:100%;margin-left:0}.kpi-grid,.board{grid-template-columns:1fr}}.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.agent-card{padding:16px}.agent-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.agent-identity{gap:10px;display:flex}.agent-avatar{color:#171329;background:linear-gradient(135deg,#9e90ff,#58d9dd);border-radius:10px;place-items:center;width:35px;height:35px;font-size:14px;font-weight:850;display:grid}.agent-name strong,.agent-name span{display:block}.agent-name strong{color:var(--ink);font-size:12px}.agent-name span{color:var(--muted-2);margin-top:4px;font-size:9px}.agent-stat{border-top:1px solid var(--line);color:var(--muted-2);justify-content:space-between;gap:8px;margin-top:9px;padding:9px 0 0;font-size:9px;display:flex}.agent-stat b{color:var(--ink);font-weight:650}.agent-actions{gap:6px;margin-top:14px;display:flex}.agent-actions .btn{flex:1}.footer{bottom:0;left:var(--sidebar);z-index:8;border-top:1px solid var(--line);color:var(--muted-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c15eb;justify-content:space-between;align-items:center;gap:20px;padding:10px 32px;font-size:10px;display:flex;position:fixed;right:0}.footer-links{align-items:center;gap:15px;display:flex}.content{padding-bottom:96px}@media (width<=1100px){.agent-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.footer{left:0}.agent-grid{grid-template-columns:1fr}}