:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07080b;color:#f7f2ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(239,83,80,.16),transparent 32rem),radial-gradient(circle at bottom right,rgba(255,183,77,.1),transparent 28rem),#07080b}a{color:inherit;text-decoration:none}.admin-app{display:grid;grid-template-columns:minmax(248px,300px) minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:28px;padding:28px;position:sticky;top:0;height:100vh;background:#080a0fd1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-row{align-items:center;display:flex;gap:12px}.brand-row span,.eyebrow,.metric span,.env-card span,.state-card span{color:#ffb74d;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.brand-row small,.nav-item small,.route-boundary p,.metric p,.action p,.signal p,.state-card p,.lede{color:#f7f2eaa8}.brand-mark{height:44px;width:44px}.nav-list{display:grid;gap:10px}.nav-item{border:1px solid rgba(255,255,255,.09);border-radius:18px;display:grid;gap:4px;padding:14px;position:relative;background:#ffffff09;transition:border-color .16s ease,background .16s ease,transform .16s ease}.nav-item:hover,.nav-item:focus-visible{border-color:#ffb74d57;background:#ffb74d14;outline:none;transform:translateY(-1px)}.nav-item span{font-weight:800}.nav-item strong{border:1px solid rgba(255,183,77,.28);border-radius:999px;color:#ffcc80;font-size:10px;justify-self:start;margin-top:6px;padding:4px 8px;text-transform:uppercase}.route-boundary,.env-card,.panel,.metric,.state-card{border:1px solid rgba(255,255,255,.1);background:#0e1017bd;box-shadow:0 24px 80px #00000038}.route-boundary{border-radius:20px;margin-top:auto;padding:18px}.route-boundary strong{color:#f7f2ea}.shell{margin:0 auto;max-width:1180px;padding:40px 28px 56px;width:100%}.topbar{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:20px}.breadcrumb{color:#f7f2ea94;font-size:14px;margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,5.8vw,72px);letter-spacing:-.06em;line-height:.95;margin-bottom:20px;max-width:940px}.lede{font-size:18px;line-height:1.7;max-width:760px}.env-card{border-radius:22px;min-width:190px;padding:20px}.env-card strong{display:block;margin-top:8px}.metrics,.content-grid,.state-grid{display:grid;gap:16px;margin-top:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.state-card,.panel{border-radius:24px}.metric{min-height:168px;padding:22px}.metric strong{display:block;font-size:26px;margin:12px 0 10px}.metric.safe{box-shadow:inset 0 0 0 1px #76ffb31a}.metric.warn{box-shadow:inset 0 0 0 1px #ffb74d24}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr)}.panel{padding:28px}.panel-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.panel-heading h2{margin-bottom:0}.panel-badge,.action-meta strong{border:1px solid rgba(255,183,77,.28);border-radius:999px;color:#ffb74d;font-size:12px;font-weight:800;padding:8px 12px;text-transform:uppercase}.action,.signal{border-top:1px solid rgba(255,255,255,.09);padding:18px 0}.action{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.action h3,.signal strong{margin-bottom:8px}.action-meta{align-items:end;display:grid;gap:8px;justify-items:end}.action-meta span{color:#f7f2ea94;font-size:13px}.signal.safe{box-shadow:inset 3px 0 #76ffb35c;padding-left:16px}.signal.warn{box-shadow:inset 3px 0 #ffb74d70;padding-left:16px}.state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.state-card{min-height:190px;padding:24px}.state-card h2{font-size:22px;margin:18px 0 12px}.state-card.loading{background:linear-gradient(90deg,#ffffff09,#ffffff14,#ffffff09),#0e1017bd}.state-card.error{box-shadow:inset 0 0 0 1px #ef535038}.state-card.empty{box-shadow:inset 0 0 0 1px #76ffb31f}.vnc-preview-panel{margin-top:16px;overflow:hidden}.vnc-preview-description{color:#f7f2eab8;line-height:1.7;max-width:880px}.vnc-preview-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.vnc-preview-meta span,.vnc-preview-meta strong{border:1px solid rgba(255,183,77,.22);border-radius:999px;color:#ffcc80;font-size:12px;padding:8px 10px}.vnc-preview-meta strong{background:#ffffff0b;color:#f7f2ea;font-weight:700}.vnc-preview-frame-wrap{border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:inset 0 0 0 1px #ffb74d14;height:min(68vh,620px);min-height:460px;overflow:hidden;background:#050609}.vnc-preview-frame{border:0;height:100%;width:100%}@media (max-width: 1080px){.admin-app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.route-boundary{margin-top:0}}@media (max-width: 860px){.topbar,.metrics,.content-grid,.state-grid{grid-template-columns:1fr}.env-card{min-width:0}}@media (max-width: 560px){.sidebar,.shell{padding:22px}.nav-list{grid-template-columns:1fr}.panel,.metric,.state-card{border-radius:20px;padding:20px}.action{grid-template-columns:1fr}.action-meta{align-items:start;justify-items:start}}