*{box-sizing:border-box}:root{color:#202124;font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#fff;--panel-muted:#f6f7f8;--line:#d8dde2;--line-strong:#b9c0c7;--text:#202124;--muted:#676d73;--teal:#0f766e;--teal-strong:#115e59;--green:#16803c;--amber:#a16207;--red:#b42318;--violet:#6d28d9;--radius:8px;background:#eef0f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;letter-spacing:0}.app-shell{background:linear-gradient(#eef0f2,#eef0f2) padding-box padding-box,repeating-linear-gradient(90deg,#2021240a 0 1px,#0000 1px 48px);grid-template-columns:228px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#f7f8f9;flex-direction:column;gap:20px;min-width:0;padding:16px;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{border-radius:var(--radius);color:#0f4f4a;background:#e7f6f3;border:1px solid #0f766e;flex:none;place-items:center;width:34px;height:34px;font-size:.78rem;font-weight:800;display:grid}.brand-lockup strong,.brand-lockup small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand-lockup strong{font-size:.95rem}.brand-lockup small{color:var(--muted);font-size:.75rem}.nav-list{gap:6px;display:grid}.nav-item,.icon-button,.control-button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;min-height:34px}.nav-item{color:#3c4146;text-align:left;background:0 0;align-items:center;gap:9px;padding:7px 9px;display:flex}.nav-item.is-active{color:#0f4f4a;background:#e7f6f3;border-color:#b7d8d2}.workspace{min-width:0;padding:16px}.topbar{justify-content:space-between;align-items:center;gap:16px;min-width:0;margin-bottom:12px;display:flex}.topbar h1{color:var(--text);margin:0;font-size:1.32rem;line-height:1.2}.eyebrow,.panel-kicker{color:var(--muted);text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700;line-height:1.3}.topbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.api-chip,.row-pill{border:1px solid var(--line);border-radius:var(--radius);min-width:0;color:var(--muted);background:#fff;font-size:.76rem;line-height:1}.api-chip{padding:7px 10px}.icon-button{border-color:var(--line);color:#3c4146;background:#fff;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover,.control-button:hover:not(:disabled),.nav-item:hover{border-color:var(--line-strong)}.alert{border-radius:var(--radius);color:#8f1d14;background:#fff4f2;border:1px solid #f0b4ae;align-items:center;gap:8px;min-height:36px;margin-bottom:12px;padding:8px 10px;font-size:.86rem;display:flex}.dashboard-grid{grid-template-columns:minmax(280px,1.25fr) minmax(250px,.75fr) minmax(220px,.6fr) minmax(220px,.6fr);align-items:start;gap:12px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;padding:14px;box-shadow:0 1px 2px #2021240d}.status-panel,.events-panel{grid-row:span 2}.skills-panel,.events-panel{grid-column:span 2}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;margin-bottom:12px;display:flex}.panel-heading h2{color:var(--text);margin:2px 0 0;font-size:.98rem;line-height:1.25}.panel-heading svg{color:var(--muted);flex:none}.status-readout{align-items:center;gap:10px;min-height:48px;margin-top:4px;display:flex}.status-dot{background:#fff;border:3px solid;border-radius:50%;flex:none;width:15px;height:15px}.status-label{color:var(--text);font-size:2rem;font-weight:800;line-height:1}.is-stopped{color:#6f757b}.is-starting{color:var(--amber)}.is-ready{color:var(--green)}.is-sleeping{color:var(--violet)}.muted{min-height:20px;color:var(--muted);margin:0 0 12px;font-size:.86rem}.compact-list,.metric-list{gap:0;margin:0;display:grid}.compact-list div,.metric-list div{border-top:1px solid var(--line);grid-template-columns:minmax(96px,.7fr) minmax(0,1fr);gap:12px;min-width:0;padding:9px 0;display:grid}.compact-list dt,.metric-list dt{color:var(--muted);font-size:.78rem}.compact-list dd,.metric-list dd{overflow-wrap:anywhere;min-width:0;color:var(--text);text-align:right;margin:0;font-size:.84rem;font-weight:700}.button-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.control-button{border-color:var(--line);color:#2b3035;background:#fff;justify-content:center;align-items:center;gap:7px;min-width:0;padding:8px 10px;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.control-button.primary{border-color:var(--teal-strong);background:var(--teal);color:#fff}.control-button:disabled,.control-button.is-disabled,.icon-button:disabled{cursor:not-allowed;opacity:.48;pointer-events:none}.control-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.full-width{width:100%}.url-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-muted);color:#42474d;text-overflow:ellipsis;white-space:nowrap;min-height:38px;margin-bottom:10px;padding:9px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;overflow:hidden}.skill-list,.event-list{display:grid}.skill-row,.event-row{border-top:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:9px 0;display:grid}.skill-row{grid-template-columns:minmax(0,1fr) auto}.skill-row strong,.skill-row small,.event-row strong,.event-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.skill-row strong,.event-row strong{color:var(--text);font-size:.84rem}.skill-row small,.event-row small{color:var(--muted);font-size:.76rem}.row-pill{background:#f8faf9;padding:5px 8px}.event-row{grid-template-columns:58px minmax(0,1fr)}.event-row time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.76rem}.event-row:before{content:"";display:none}.tone-success strong{color:var(--green)}.tone-warning strong{color:var(--amber)}.tone-danger strong{color:var(--red)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-panel,.events-panel,.skills-panel{grid-area:auto}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-item{justify-content:center}.nav-item span{display:none}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%}.api-chip{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.dashboard-grid,.button-row{grid-template-columns:1fr}}@media (width<=430px){.workspace,.sidebar{padding:12px}.status-label{font-size:1.55rem}.compact-list div,.metric-list div{grid-template-columns:1fr;gap:3px}.compact-list dd,.metric-list dd{text-align:left}}