html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}html{background:#09090b}body{min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;text-align:left!important;max-width:none!important;margin:0!important;padding:0!important}:root{color:#e7e7eb;font-synthesis:none;text-rendering:optimizelegibility;background:#09090b;font-family:Inter,Geist,system-ui,sans-serif}*{box-sizing:border-box}body{background:#09090b;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{z-index:20;background:#0c0d12;border-right:1px solid #292631;flex-direction:column;justify-content:space-between;width:224px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #25232b;align-items:center;gap:10px;padding:16px;display:flex}.brand-logo{color:#1f103f;background:#8b6dff;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.brand-row{align-items:center;gap:7px;display:flex}.agent-co{color:#d0bcff;background:#a078ff1c;border:1px solid #a078ff2e;border-radius:4px;padding:3px 5px;font-size:8px}.brand-caption{color:#6d6875;font-size:9px}.environment{color:#bbb6c2;background:#17161b;border:1px solid #292732;border-radius:6px;align-items:center;gap:7px;margin:10px 12px;padding:8px 9px;font-size:10px;display:flex}.environment .online-dot{margin-left:auto}.navigation{flex-direction:column;gap:2px;padding:13px 8px;display:flex}.nav-label{color:#706a77;letter-spacing:.11em;margin:0 10px 8px;font-size:8px}.nav-button{color:#99929f;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;width:100%;height:35px;padding:0 11px;display:flex}.nav-button:hover{color:#e6e1e8;background:#1c1b20}.nav-button.active{color:#fff;background:#2a292c;border-left:2px solid #a078ff}.sidebar-bottom{background:#09090b;border-top:1px solid #25232b;padding:9px}.server-mini{border:1px solid #282630;border-radius:6px;margin-bottom:7px;padding:10px}.mini-title{align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.online-dot,.live-dot{background:#4edea3;border-radius:50%;width:7px;height:7px}.pulse{box-shadow:0 0 0 4px #4edea312}.mini-bar{background:#2a292d;border-radius:5px;height:4px;margin:9px 0 6px;overflow:hidden}.mini-bar div{background:#4edea3;width:0%;height:100%}.mini-metrics{color:#746e7b;justify-content:space-between;font-size:8px;display:flex}.workspace{padding-left:224px}.topbar{z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e10eb;border-bottom:1px solid #292631;align-items:center;gap:18px;height:56px;padding:0 18px;display:flex;position:fixed;top:0;left:224px;right:0}.search{color:#817a89;background:#1b1a1e;border:1px solid #302c38;border-radius:6px;align-items:center;gap:8px;width:min(430px,40vw);height:34px;padding:0 9px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:10px}.search kbd{border:1px solid #413d47;border-radius:4px;padding:2px 4px;font-size:8px}.fleet-summary{color:#9b949f;align-items:center;gap:7px;font-size:9px;display:flex}.fleet-summary i,.agent-subline i{background:#5c5661;border-radius:50%;width:3px;height:3px}.green{color:#4edea3}.blue{color:#4cd7f6}.run-command{color:#3c0091;background:#d0bcff;border:0;border-radius:5px;align-items:center;gap:6px;height:32px;margin-left:auto;padding:0 10px;font-size:9px;font-weight:700;display:flex}.main{width:100%;max-width:none;margin:0;padding:76px 24px 40px}.mission-header{background:#1c1b1d;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:17px;display:flex}.cluster-line{align-items:center;gap:11px;display:flex}.cluster-badge{color:#4cd7f6;letter-spacing:.06em;background:#242328;border-radius:4px;align-items:center;gap:6px;padding:4px 7px;font-size:8px;display:inline-flex}.blue-dot{background:#4cd7f6;border-radius:50%;width:6px;height:6px}.mesh-state{color:#4edea3;align-items:center;gap:5px;font-size:9px;display:flex}.mission-title{align-items:baseline;gap:14px;margin-top:7px;display:flex}.mission-title h1{letter-spacing:-.04em;margin:0;font-size:28px}.mission-title span{color:#8d8792;font-size:9px}.mission-actions{gap:7px;display:flex}.secondary-action,.primary-action{border:0;border-radius:5px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:9px;display:flex}.secondary-action{color:#d5d0d8;background:#29282c}.primary-action{color:#3c0091;background:#d0bcff;font-weight:700}.telemetry-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px;display:grid}.metric-card{background:#1c1b1d;border-radius:7px;min-height:112px;padding:12px}.metric-top{color:#817a89;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;font-size:8px;display:flex}.metric-card strong{margin:11px 0 8px;font-size:19px;display:block}.metric-card small{color:#6e6873;font-size:8px}.metric-card.green .metric-top svg,.metric-card.green strong{color:#4edea3}.metric-card.blue .metric-top svg{color:#4cd7f6}.metric-card.red .metric-top svg{color:#ff8e88}.metric-card.purple .metric-top svg{color:#d0bcff}.operational-grid{grid-template-columns:minmax(0,2fr) minmax(310px,1fr);gap:18px;margin-top:18px;display:grid}.left-column,.right-column{flex-direction:column;gap:18px;display:flex}.panel{background:#1c1b1d;border-radius:8px;padding:16px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.panel-title>div{align-items:center;gap:8px;display:flex}.panel-title h2{margin:0;font-size:13px}.panel-title>span{color:#99929f;background:#2a292c;border-radius:4px;padding:4px 7px;font-size:8px}.agent-stream{flex-direction:column;gap:11px;display:flex}.agent-row{background:#201f22;border-radius:7px;padding:12px}.agent-header{justify-content:space-between;align-items:flex-start;display:flex}.agent-identity{gap:9px;display:flex}.agent-icon{color:#d0bcff;background:#d0bcff14;border-radius:6px;place-items:center;width:33px;height:33px;display:grid}.agent-title-line{align-items:center;gap:7px;display:flex}.agent-title-line small{color:#77717c;font-size:8px}.agent-state{color:#aaa4ae;background:#2b292d;border-radius:3px;align-items:center;gap:4px;padding:3px 5px;font-size:7px;display:inline-flex}.agent-state span{background:#77717c;border-radius:50%;width:5px;height:5px}.agent-state.running{color:#4edea3;background:#00a57221}.agent-state.running span{background:#4edea3}.agent-state.stopped{color:#ff9d97}.agent-state.stopped span{background:#ff7e78}.agent-subline{color:#85808a;align-items:center;gap:7px;margin-top:5px;font-size:8px;display:flex}.agent-actions{gap:3px;display:flex}.agent-actions button{color:#827c87;background:#29282c;border:0;border-radius:4px;place-items:center;width:27px;height:27px;display:grid}.agent-actions button:hover{color:#fff;background:#353437}.agent-terminal{color:#78717d;background:#0e0e10;border-radius:5px;margin-top:10px;padding:9px}.terminal-head{justify-content:space-between;margin-bottom:6px;font-size:7px;display:flex}.agent-terminal code{color:#aaa3af;font-size:8px}.empty{color:#756f7a;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:80px;font-size:9px;display:flex}.empty.large{min-height:150px}.empty strong{color:#b7b1bb}.healthy-state{background:#201f22;border-radius:6px;align-items:flex-start;gap:9px;padding:10px;display:flex}.healthy-state svg{color:#4edea3}.healthy-state strong,.healthy-state span{display:block}.healthy-state span{color:#77717c;margin-top:3px;font-size:8px}.compute-block{flex-direction:column;gap:9px;display:flex}.compute-row{color:#8b858f;justify-content:space-between;font-size:8px;display:flex}.compute-row strong{color:#ccc6cf}.progress{background:#29282c;border-radius:10px;height:5px;overflow:hidden}.progress div{background:#d0bcff;height:100%}.progress.secondary div{background:#4cd7f6}@media (width<=1250px){.telemetry-grid{grid-template-columns:repeat(3,1fr)}.fleet-summary{display:none}}@media (width<=900px){.sidebar{display:none}.workspace{padding-left:0}.topbar{left:0}.operational-grid{grid-template-columns:1fr}.telemetry-grid{grid-template-columns:repeat(2,1fr)}.mission-header{flex-direction:column;align-items:flex-start}}.empty{font-size:10px}.cluster-badge,.mesh-state{font-size:9px}.secondary-action,.primary-action,.run-command{font-size:10px}body{font-size:14px}.brand-row strong{font-size:16px}.agent-co{font-size:10px}.brand-caption{font-size:11px}.environment{font-size:12px}.nav-label{font-size:10px}.nav-button{font-size:14px}.mini-title{font-size:12px}.mini-metrics{font-size:10px}.search input{font-size:12px}.search kbd{font-size:10px}.fleet-summary{font-size:11px}.run-command{font-size:12px}.cluster-badge{font-size:10px}.mesh-state{font-size:11px}.mission-title h1{font-size:28px}.mission-title span,.secondary-action,.primary-action{font-size:12px}.metric-top{font-size:11px}.metric-card strong{font-size:22px}.metric-card small{font-size:12px;line-height:1.4}.panel-title h2{font-size:16px}.panel-title>span{font-size:11px}.agent-title-line strong{font-size:16px}.agent-title-line small{font-size:12px}.agent-state{font-size:10px}.agent-subline{font-size:12px}.agent-actions button{width:30px;height:30px}.terminal-head{font-size:11px}.agent-terminal code{font-size:12px;line-height:1.5}.healthy-state strong{font-size:13px}.healthy-state span{font-size:12px;line-height:1.4}.compute-row,.empty{font-size:12px}.empty strong{font-size:13px}.metric-card{padding:14px}.panel{padding:18px}.agent-row{padding:14px}.mission-header{padding:20px}.infrastructure-page{flex-direction:column;gap:18px;display:flex}.infra-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.infra-heading-row{align-items:center;gap:10px;display:flex}.infra-heading-icon{color:#d0bcff;background:#d0bcff1a;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.infra-heading-row h1{letter-spacing:-.025em;margin:0;font-size:21px}.infra-health{color:#4edea3;text-transform:uppercase;background:#4edea314;border-radius:5px;align-items:center;gap:7px;padding:5px 8px;font-size:11px;font-weight:600;display:inline-flex}.infra-meta{color:#837c89;align-items:center;gap:8px;margin-top:7px;font-size:11px;display:flex}.infra-meta i{background:#5d5663;border-radius:50%;width:3px;height:3px}.infra-meta strong{color:#beb8c2;font-weight:500}.infra-actions{gap:7px;display:flex}.infra-vitals{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.vital-card{background:#1c1b1d;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:155px;padding:16px;display:flex}.vital-title{justify-content:space-between;align-items:center;display:flex}.vital-title>div{color:#8e8795;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:11px;display:flex}.vital-card.purple .vital-title svg{color:#d0bcff}.vital-card.blue .vital-title svg{color:#4cd7f6}.vital-card.green .vital-title svg{color:#4edea3}.vital-value{letter-spacing:-.035em;margin:13px 0;font-size:27px;display:block}.vital-progress{background:#353437;border-radius:20px;width:100%;height:6px;overflow:hidden}.vital-progress>div{border-radius:inherit;height:100%}.blue-fill{background:#4cd7f6}.green-fill{background:#4edea3}.vital-footer{color:#827b88;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.infra-layout{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:18px;display:grid}.infra-main-column,.infra-side-column{flex-direction:column;gap:18px;display:flex}.infra-panel{padding:17px}.infra-table-wrap{overflow-x:auto}.infra-table{border-collapse:collapse;width:100%;font-size:12px}.infra-table thead{color:#7f7886;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.infra-table th,.infra-table td{text-align:left;padding:11px 10px}.infra-table th{border-bottom:1px solid #302e34;font-weight:500}.infra-table tbody tr:hover{background:#252428}.infra-table td{color:#aaa4ae}.infra-agent-name{color:#e4dfe7;align-items:center;gap:7px;font-weight:600;display:flex}.infra-status-dot{background:#706a76;border-radius:50%;width:7px;height:7px}.infra-status-dot.running{background:#4edea3}.infra-status-dot.idle{background:#4cd7f6}.infra-status-dot.stopped{background:#ff8e88}.mono{font-family:JetBrains Mono,Consolas,monospace}.infra-state{color:#aaa4ae;text-transform:uppercase;background:#2d2b30;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:600;display:inline-flex}.infra-state.running{color:#4edea3;background:#4edea317}.infra-state.idle{color:#4cd7f6;background:#4cd7f617}.infra-state.stopped{color:#ff9d97;background:#ff8e8814}.infra-empty-row{height:100px;text-align:center!important;color:#716a77!important}.storage-overview{flex-direction:column;gap:18px;display:flex}.storage-details{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.storage-details>div{background:#151416;border-radius:6px;padding:12px}.storage-details span,.storage-details strong{display:block}.storage-details span{color:#77717d;font-size:10px}.storage-details strong{color:#d5d0d8;margin-top:5px;font-size:13px}.infra-resource-stack,.compute-block{flex-direction:column;gap:16px;display:flex}.resource-bar-block{flex-direction:column;gap:7px;display:flex}.server-runtime-list{flex-direction:column;display:flex}.runtime-row{border-bottom:1px solid #29272d;justify-content:space-between;align-items:center;gap:10px;min-height:38px;display:flex}.runtime-row:last-child{border-bottom:0}.runtime-row span{color:#817a87;font-size:11px}.runtime-row strong{color:#d2ccd5;font-size:11px;font-weight:600}.guardrail-list{flex-direction:column;gap:8px;display:flex}.guardrail{background:#201f22;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.guardrail strong,.guardrail span{display:block}.guardrail strong{font-size:11px}.guardrail span{color:#77717d;margin-top:3px;font-size:10px}.guardrail code{color:#4edea3;font-size:10px}.guardrail.danger{background:#93000a26}.guardrail.danger strong,.guardrail.danger code{color:#ff8e88}.infra-loading{color:#817a87;place-items:center;min-height:400px;font-size:13px;display:grid}@media (width<=1250px){.infra-vitals{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.infra-header{flex-direction:column;align-items:flex-start}.infra-layout{grid-template-columns:1fr}}@media (width<=650px){.infra-vitals{grid-template-columns:1fr}.storage-details{grid-template-columns:repeat(2,1fr)}}