:root{color:#202c3b;font-synthesis:none;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.shell{max-width:1360px;margin:0 auto;padding:34px 42px 28px}.topbar,.intro,.panel-heading,.detail-header,.detail-actions,.operation{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar{border-bottom:1px solid #dfe5ed;padding-bottom:25px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.025em;font-size:1.35rem}h2{letter-spacing:-.06em;font-size:clamp(2rem,4vw,3.3rem);line-height:1.06}h3{letter-spacing:-.025em;font-size:1.2rem}.eyebrow{color:#718197;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:750}.muted{color:#718197}.connection{color:#607185;align-items:center;gap:9px;font-size:.8rem;display:flex}.pulse,.state-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.pulse{background:#55a983;box-shadow:0 0 0 4px #dcefe6}.intro{align-items:end;padding:58px 0 34px}.intro .muted{max-width:560px;margin-top:13px}.quiet-button,.primary-button{cursor:pointer;border:1px solid #ccd5e1;border-radius:7px;padding:10px 15px;font-weight:700;transition:transform .15s,background .15s}.quiet-button{color:#405269;background:0 0}.quiet-button:hover{background:#e9edf4}.primary-button{color:#fff;background:#264f73;border-color:#264f73}.primary-button:hover{background:#173d5d;transform:translateY(-1px)}.summary-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:19px;display:grid}.summary-tile,.panel{background:#fff;border:1px solid #e1e7ef;border-radius:11px;box-shadow:0 5px 18px #2e3e5009}.summary-tile{gap:6px;padding:20px 22px;display:grid}.summary-tile strong{letter-spacing:-.05em;font-size:2.1rem;line-height:1}.summary-tile span{color:#718197;font-size:.83rem}.workspace{grid-template-columns:minmax(280px,.82fr) minmax(400px,1.6fr);align-items:start;gap:19px;display:grid}.panel{padding:23px}.count,.stage-pill{color:#607185;background:#eef2f6;border-radius:100px;padding:5px 10px;font-size:.73rem;font-weight:750}.server-rows{gap:7px;margin-top:21px;display:grid}.server-row{color:#202c3b;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:13px 11px;display:flex}.server-row:hover{background:#f6f8fb}.server-row.selected{background:#eef4f8;border-color:#cbdbe5}.server-row-copy{flex:1;gap:1px;display:grid}.server-row-copy small{color:#718197;font-size:.73rem}.state-label,.large-status{font-size:.7rem;font-weight:750}.state-dot.running{background:#4da17c}.state-dot.updating{background:#d6953d}.state-dot.error{background:#cc6262}.state-dot.unknown{background:#96a1ad}.state-dot.stopped{background:#a6b1bd}.state-dot.starting{background:#6c91b5}.state-dot.unhealthy{background:#d36c45}.state-label.running,.large-status.running{color:#418b6a}.state-label.updating,.large-status.updating{color:#aa6c21}.state-label.error,.large-status.error{color:#b44c4c}.state-label.unknown,.large-status.unknown,.state-label.stopped,.large-status.stopped{color:#788697}.detail-column{gap:19px;display:grid}.server-detail{min-height:293px}.detail-header{align-items:start}.detail-header .muted{margin-top:5px;font-size:.78rem}.large-status{background:#edf6f1;border-radius:100px;padding:7px 11px}.large-status.error{background:#fbefef}.large-status.updating{background:#fff5e7}.detail-metrics{border-top:1px solid #e7ebf0;border-bottom:1px solid #e7ebf0;grid-template-columns:repeat(3,1fr);margin:25px 0 20px;padding:16px 0;display:grid}.detail-metrics div{gap:3px;display:grid}.detail-metrics span{color:#718197;font-size:.72rem}.detail-metrics strong{font-size:1.02rem}.alert-box{background:#fff7eb;border-left:3px solid #d6953d;gap:2px;margin-bottom:20px;padding:9px 12px;display:grid}.alert-box span{color:#805d2e;font-size:.78rem}.detail-actions{justify-content:start}.operations-panel{min-height:170px}.operation{margin-top:19px}.operation-copy{flex:1;gap:2px;display:grid}.operation-copy span{color:#718197;font-size:.78rem}.operation-progress-value{font-size:.9rem}.progress{background:#e7edf2;border-radius:100px;width:100%;height:7px;margin-top:13px;overflow:hidden}.progress span{border-radius:inherit;background:#50869b;height:100%;display:block}.footer{color:#8290a1;padding:25px 2px 0;font-size:.75rem}.empty{color:#718197}@media (max-width:780px){.shell{padding:24px 18px}.topbar,.intro{flex-direction:column;align-items:start}.summary-grid,.workspace{grid-template-columns:1fr}.quiet-button{align-self:start}}