:root{color:#e7f6ff;font-synthesis:none;text-rendering:optimizelegibility;--cyan:#22c6e8;--blue:#1678f2;--green:#76e56d;--ink:#06131d;--panel:#091a25d1;--panel-border:#7dbed726;--muted:#82a0ad;background:#03090f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% 10%,#30d5701c,#0000 29rem),radial-gradient(circle at 18% 20%,#1678f229,#0000 32rem),linear-gradient(160deg,#02070c 0%,#07151e 52%,#03080d 100%);min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{color:inherit}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.topbar{z-index:10;border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03090fc7;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:24px;padding:16px clamp(20px,4vw,64px);display:grid;position:sticky;top:0}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:fit-content;padding:0;display:flex}.brand>span:last-child,.identity>span:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:.16em;font-size:.9rem}.brand small,.identity small{color:var(--muted);font-size:.7rem}.brand-orb{color:#fff;background:linear-gradient(135deg, var(--blue), var(--cyan) 55%, var(--green));border-radius:50% 50% 45% 55%;place-items:center;width:44px;height:44px;font-weight:800;display:grid;box-shadow:0 0 28px #22c6e859}.brand-orb.small{width:34px;height:34px;font-size:.8rem}nav{border:1px solid var(--panel-border);background:#091b27b3;border-radius:999px;padding:4px;display:flex}nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 18px}nav button.active{color:#fff;background:#22c6e824;box-shadow:inset 0 0 0 1px #22c6e833}.identity{text-align:right;justify-self:end;align-items:center;gap:10px;display:flex}.live-dot,.pulse-dot{background:var(--green);border-radius:999px;width:9px;height:9px;box-shadow:0 0 16px #76e56dcc}main{width:min(1440px,100%);margin:0 auto;padding:clamp(30px,5vw,70px) clamp(20px,4vw,64px)}.chat-shell{max-width:900px;margin:0 auto}.chat-hero{text-align:center;margin:5vh auto 48px}.eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:800}.chat-hero h1{letter-spacing:-.045em;background:linear-gradient(110deg,#fff,#a6dff0 48%,#92ee87);color:#0000;-webkit-background-clip:text;max-width:780px;margin:14px auto 18px;font-size:clamp(2.2rem,6vw,4.7rem);line-height:1.03}.chat-hero p{color:#9bb4be;max-width:680px;margin:auto;line-height:1.7}.composer,.assistant-card,.panel,.empty-state{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 26px 80px #00000047}.composer{border-radius:22px;padding:14px}.composer:focus-within{border-color:#22c6e873;box-shadow:0 0 0 4px #22c6e80f}.composer textarea{resize:vertical;color:#e7f6ff;background:0 0;border:0;outline:0;width:100%;padding:12px;line-height:1.55}.composer textarea::placeholder{color:#637d89}.composer-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:8px 8px 2px 12px;font-size:.76rem;display:flex}.composer button{color:#021015;background:linear-gradient(110deg, var(--cyan), var(--green));cursor:pointer;border:0;border-radius:12px;padding:11px 18px;font-weight:800}.composer button:disabled{opacity:.42;cursor:not-allowed}.assistant-card{border-radius:20px;margin-bottom:18px;padding:22px}.assistant-card header{align-items:center;gap:12px;display:flex}.assistant-card header div{flex-direction:column;display:flex}.assistant-card header small,.assistant-card p,.task-row small{color:var(--muted)}.assistant-card p{white-space:pre-wrap;margin:20px 0 0;line-height:1.7}.guardrail-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.guardrail-row span{color:#78959f;border:1px solid #76e56d29;border-radius:999px;padding:7px 11px;font-size:.7rem}.error-banner{color:#ff9c9c;background:#5a121c40;border:1px solid #ff666659;border-radius:12px;padding:10px 14px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.panel{border-radius:22px;grid-column:span 6;padding:24px}.cost-panel,.tasks-panel{grid-column:span 7}.cost-panel+.panel,.tasks-panel+.panel{grid-column:span 5}.panel-title,.metric-row,.task-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title h2{margin:5px 0 22px;font-size:1.28rem}.freshness{color:var(--muted);font-size:.72rem}.cost-kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;display:grid}.cost-kpis article{background:#020c138c;border:1px solid #6fb1c91a;border-radius:16px;flex-direction:column;min-height:110px;padding:16px;display:flex}.cost-kpis span,.cost-kpis small,.metric-bar span,.model-row span,.model-state small,.task-row span,.service-grid small{color:var(--muted);font-size:.72rem}.cost-kpis strong{margin:8px 0 3px;font-size:1.45rem}.metric-bar{margin-top:18px}.metric-row{margin-bottom:8px}.metric-row strong{font-size:.76rem}.bar-track,.task-progress{background:#6897a621;border-radius:999px;height:7px;overflow:hidden}.bar-track>span,.task-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--cyan), var(--green));height:100%;display:block}.bar-track>span.warning{background:linear-gradient(90deg,#e5b53c,#f5d766)}.bar-track>span.danger{background:linear-gradient(90deg,#e64d67,#ff846b)}.model-list,.task-list,.service-grid{flex-direction:column;gap:10px;display:flex}.model-row,.service-grid article{background:#020c1373;border:1px solid #6fb1c917;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.model-row>div:nth-child(2),.model-state,.service-grid article>div{flex-direction:column;min-width:0;display:flex}.model-avatar{color:#0a1b23;background:linear-gradient(135deg,#6ec8ec,#8de980);border-radius:11px;place-items:center;width:38px;height:38px;font-size:.72rem;font-weight:900;display:grid}.model-state{align-items:flex-end;gap:4px}.task-row{background:#020c1373;border:1px solid #6fb1c917;border-radius:15px;padding:15px}.task-head>div{flex-direction:column;gap:4px;display:flex}.task-progress{margin:14px 0 8px}.pill{letter-spacing:.04em;border-radius:999px;align-items:center;width:fit-content;padding:5px 8px;font-size:.6rem;font-weight:800;display:inline-flex}.pill.good{color:#a6f59e;background:#47ad4324}.pill.warn{color:#f1ce73;background:#cc932726}.pill.bad{color:#ff9b9b;background:#d1474726}.pill.neutral{color:#a4d8e8;background:#3e8fb124}.health-dot{border-radius:999px;width:10px;height:10px}.health-dot.healthy{background:var(--green);box-shadow:0 0 12px #76e56d80}.health-dot.degraded,.health-dot.stale{background:#e5b53c}.health-dot.unavailable{background:#e64d67}.ghost-button{border:1px solid var(--panel-border);color:var(--muted);background:#08182299;border-radius:10px;padding:8px 11px}.empty-state{text-align:center;border-radius:24px;max-width:680px;margin:10vh auto;padding:48px}.empty-state .pulse-dot{display:inline-block}.empty-state p{color:var(--muted)}footer{border-top:1px solid var(--panel-border);color:#57717c;justify-content:space-between;gap:20px;padding:20px clamp(20px,4vw,64px);font-size:.7rem;display:flex}.capacity-shell{flex-direction:column;gap:22px;display:flex}.capacity-hero{justify-content:space-between;align-items:flex-end;gap:24px;padding:8px 0 12px;display:flex}.capacity-hero h1{letter-spacing:-.04em;margin:8px 0 10px;font-size:clamp(2rem,4vw,3.4rem)}.capacity-hero p{max-width:720px;color:var(--muted);margin:0;line-height:1.65}.capacity-offline-badge{color:#f1ce73;letter-spacing:.08em;background:#cc93271a;border:1px solid #f1ce7347;border-radius:999px;flex:none;padding:9px 12px;font-size:.66rem;font-weight:800}.capacity-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.capacity-summary article,.capacity-provider-card,.capacity-safety-receipt{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 60px #0003}.capacity-summary article{border-radius:18px;flex-direction:column;min-height:120px;padding:18px;display:flex}.capacity-summary span,.capacity-summary small,.capacity-provider-card p,.capacity-score span,.capacity-score small,.capacity-facts dt,.capacity-provider-card>footer{color:var(--muted);font-size:.72rem}.capacity-summary strong{margin:9px 0 4px;font-size:1.8rem}.capacity-summary .capacity-time{font-size:1rem;line-height:1.4}.capacity-safety-receipt{border-color:#76e56d2e;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:13px 16px;display:flex}.capacity-safety-receipt strong{color:#a6f59e;margin-right:auto}.capacity-safety-receipt span{color:#91b5c2;background:#020c1380;border-radius:999px;padding:6px 9px;font-size:.68rem}.capacity-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.capacity-provider-card{border-radius:22px;padding:22px;overflow:hidden}.capacity-provider-card>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.capacity-provider-card h3{margin:6px 0 3px;font-size:1.22rem}.capacity-provider-card p{margin:0}.capacity-tier{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:800}.capacity-score-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0;display:grid}.capacity-score{background:#020c1373;border:1px solid #6fb1c91a;border-radius:14px;padding:14px}.capacity-score>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.capacity-score strong{font-size:1.35rem}.capacity-score strong.good{color:#a6f59e}.capacity-score strong.warn{color:#f1ce73}.capacity-score strong.bad{color:#ff9b9b}.capacity-score-track{background:#6897a621;border-radius:999px;height:7px;margin:11px 0 7px;position:relative}.capacity-score-track>span{border-radius:inherit;height:100%;display:block}.capacity-score-track>span.good{background:linear-gradient(90deg, var(--blue), var(--green))}.capacity-score-track>span.warn{background:linear-gradient(90deg,#d69031,#f5d766)}.capacity-score-track>span.bad{background:linear-gradient(90deg,#b82f52,#ff846b)}.capacity-score-track i{background:#ffffffb3;width:2px;height:13px;position:absolute;top:-3px}.capacity-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px;display:grid}.capacity-facts>div{background:#030f176b;border-radius:12px;padding:11px}.capacity-facts dt{margin-bottom:5px}.capacity-facts dd{margin:0;font-size:.78rem}.capacity-tags{flex-wrap:wrap;gap:7px;display:flex}.capacity-tags span{color:#9cd8e8;border:1px solid #22c6e824;border-radius:999px;padding:5px 8px;font-size:.66rem}.capacity-blockers{background:#a46c1417;border-left:3px solid #e5b53c;border-radius:10px;margin-top:17px;padding:13px 15px}.capacity-blockers strong{color:#f1ce73;font-size:.75rem}.capacity-blockers ul{color:#bea96f;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;padding-left:17px;font-size:.7rem;display:flex}.capacity-provider-card>footer{border-top:1px solid var(--panel-border);background:#020a1059;margin:18px -22px -22px;padding:12px 22px}@media (width<=960px){.topbar{grid-template-columns:1fr auto}nav{order:3;grid-column:1/-1;justify-self:center}.panel,.cost-panel,.tasks-panel,.cost-panel+.panel,.tasks-panel+.panel{grid-column:1/-1}.capacity-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.identity span:last-child{display:none}.cost-kpis{grid-template-columns:1fr}.panel{padding:18px}.model-row,.service-grid article{grid-template-columns:auto 1fr}.model-state,.service-grid article>.pill{grid-column:2;align-items:flex-start}footer{flex-direction:column}.capacity-hero{flex-direction:column;align-items:flex-start}.capacity-summary,.capacity-provider-grid,.capacity-score-grid,.capacity-facts{grid-template-columns:1fr}}