:root{--bg:#0b1016;--bg-raised:#121a23;--card:#151f2b;--card-hover:#1a2634;--border:#24323f;--border-bright:#33465a;--text:#e8eef5;--text-dim:#8ba0b5;--text-faint:#5d7288;--accent:#35c9e0;--accent-dim:#1d7f92;--ok:#4ade80;--warn:#fbbf24;--danger:#f87171;--paused:#a78bfa;--radius:14px;--radius-lg:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}a{color:inherit;text-decoration:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;overflow-x:auto}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.mono{font-family:Cascadia Mono,Consolas,monospace}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;gap:16px;display:flex}.stack{flex-direction:column;display:flex}.gap-4{gap:4px}.gap-8{gap:8px}.gap-16{gap:16px}.gap-24{gap:24px}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--border-bright);background:var(--bg-raised);color:var(--text);padding:10px 16px;transition:background .12s,border-color .12s,opacity .12s}button:hover:not(:disabled){background:var(--card-hover);border-color:var(--accent-dim)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#06131a;font-weight:650}button.primary:hover:not(:disabled){background:#4ad6ec;border-color:#4ad6ec}button.danger{color:var(--danger);border-color:#6d3535}button.danger:hover:not(:disabled){border-color:var(--danger);background:#2a1717}button.small{padding:7px 12px;font-size:13px}button.ghost{color:var(--text-dim);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--card-hover);color:var(--text)}input,select,textarea{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);width:100%;color:var(--text);padding:11px 14px}input:focus,select:focus,textarea:focus{border-color:var(--accent-dim);outline:none}label{color:var(--text-dim);margin-bottom:6px;font-size:13px;display:block}.notice{border-radius:var(--radius);border:1px solid;padding:12px 16px;font-size:14px}.notice.error{color:#fca5a5;background:#2a1717;border-color:#6d3535}.notice.warn{color:#fcd88a;background:#2a2417;border-color:#6d5f35}.notice.info{border-color:var(--border-bright);color:var(--text-dim);background:#16232e}.notice.success{color:#86efac;background:#16281f;border-color:#2f6d47}.state{white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.state-Running{color:var(--ok)}.state-Running .dot{background:var(--ok);box-shadow:0 0 10px var(--ok)}.state-Off{color:var(--text-faint)}.state-Off .dot{background:var(--text-faint)}.state-Paused{color:var(--paused)}.state-Paused .dot{background:var(--paused)}.state-Saved{color:var(--accent)}.state-Saved .dot{background:var(--accent)}.state-Critical{color:var(--danger)}.state-Critical .dot{background:var(--danger);box-shadow:0 0 10px var(--danger)}.state-Starting,.state-Stopping,.state-Saving{color:var(--warn)}.state-Starting .dot,.state-Stopping .dot,.state-Saving .dot{background:var(--warn)}.state-Unknown{color:var(--text-faint)}.state-Unknown .dot{background:var(--text-faint)}.bar{background:#1d2a37;border-radius:999px;height:6px;overflow:hidden}.bar>span{background:var(--accent);border-radius:999px;height:100%;transition:width .4s;display:block}.bar.warn>span{background:var(--warn)}.bar.danger>span{background:var(--danger)}.shell{grid-template-columns:244px 1fr;height:100%;display:grid}.sidebar{background:var(--bg-raised);border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:22px 16px;display:flex}.brand{align-items:center;gap:11px;padding:4px 10px 22px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:#06131a;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.nav-item{border-radius:var(--radius);color:var(--text-dim);align-items:center;gap:11px;padding:10px 13px;font-size:14px;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--card);color:var(--text)}.nav-item.active{background:var(--card);color:var(--accent);font-weight:600}.content{padding:30px 34px 60px;overflow-y:auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}.tile-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:12px;font-weight:650}.tile-value{letter-spacing:-.02em;margin-top:6px;font-size:27px;font-weight:680}.vm-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.vm-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .14s,transform .14s;display:block}.vm-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.vm-name{letter-spacing:-.01em;font-size:17px;font-weight:650}.metric-line{color:var(--text-dim);grid-template-columns:42px 1fr 58px;align-items:center;gap:10px;font-size:12px;display:grid}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);padding:0 12px 10px 0;font-size:12px;font-weight:650}td{border-top:1px solid var(--border);vertical-align:top;padding:11px 12px 11px 0}td:last-child .ghost,td:last-child a{margin-left:2px}.login-screen{background:radial-gradient(900px 500px at 50% -10%, #16303c 0%, transparent 60%), var(--bg);place-items:center;height:100%;padding:24px;display:grid}.login-box{width:100%;max-width:390px}.overlay{z-index:50;background:#04080cb3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border-bright);border-radius:var(--radius-lg);width:100%;max-width:430px;max-height:90vh;padding:26px;overflow-y:auto}.badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-bright);color:var(--text-dim);border-radius:8px;padding:3px 9px;font-size:11px;font-weight:650;display:inline-block}.badge.sim{color:#fcd88a;background:#2a2417;border-color:#6d5f35}.spinner{border:2px solid var(--border-bright);border-top-color:var(--accent);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;padding:12px;overflow-x:auto}.brand{padding:0 12px 0 6px}.content{padding:22px 18px 50px}}