:root{--bg:#f4f5f7;--card:#fff;--text:#1d2330;--muted:#677085;--border:#d9dde5;--primary:#1f6feb;--primary-hover:#1858c4;--danger:#c62828;--ok:#2e7d32;--info-bg:#e8f0fe;--error-bg:#fdecea;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{flex-direction:column;height:100%;display:flex}main{flex:1;min-height:0;padding:16px;overflow:auto}.topbar{color:#fff;background:#1d2330;align-items:center;gap:12px;padding:8px 16px;display:flex}.topbar .brand{margin-right:12px;font-weight:600}.topbar .tab{color:#cfd6e4}.topbar .tab.active{color:#fff;border-bottom-color:#fff}.topbar .link{color:#cfd6e4}.spacer{flex:1}h1{margin:0 0 16px;font-size:1.4rem}h2{margin:0 0 12px;font-size:1.2rem}h3{margin:24px 0 8px;font-size:1rem}.center{justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;max-width:1200px;margin:0 auto;padding:20px}.card.narrow{max-width:560px}.login{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}label.check{color:var(--text);flex-direction:row;align-items:center;gap:6px}input:not([type=checkbox]):not([type=file]),select{font:inherit;border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;min-width:0;padding:7px 9px}button{font:inherit;border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:6px;padding:7px 14px}button:hover:not(:disabled){background:var(--primary-hover)}button:disabled{opacity:.5;cursor:default}button.secondary{color:var(--text);border-color:var(--border);background:#fff}button.secondary:hover:not(:disabled){background:#eef0f4}button.danger{color:var(--danger);border-color:var(--danger);background:#fff}button.danger:hover:not(:disabled){background:var(--error-bg)}button.small{padding:3px 9px;font-size:.85rem}button.tab,button.link{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:6px 4px}button.tab:hover:not(:disabled),button.link:hover:not(:disabled){color:inherit;background:0 0}button.tab.active{color:var(--text);border-bottom-color:var(--primary)}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;margin-top:8px;display:flex}.row.wrap{flex-wrap:wrap;align-items:flex-end}form.inline{gap:6px;display:inline-flex}.muted{color:var(--muted)}.error,.ok,.info{border-radius:6px;margin:0 0 12px;padding:8px 10px}.error{background:var(--error-bg);color:var(--danger)}.ok{color:var(--ok);background:#e8f5e9}.info{background:var(--info-bg)}.countdown strong{font-variant-numeric:tabular-nums;font-size:1.1rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:7px 8px}th{color:var(--muted);font-size:.85rem;font-weight:600}tr.inactive td{color:var(--muted)}td.actions{text-align:right;white-space:nowrap}td.actions button+button{margin-left:6px}code{word-break:break-all;font-size:.85rem}.subtabs{gap:16px;max-width:1200px;margin:0 auto 12px;display:flex}.badge{background:#eef0f4;border-radius:10px;padding:2px 8px;font-size:.8rem}.badge.ready{color:var(--ok);background:#e8f5e9}.badge.starting{background:var(--info-bg);color:var(--primary)}.badge.error,.badge.stopped{background:var(--error-bg);color:var(--danger)}.progress{border:1px solid var(--border);background:#eef0f4;border-radius:6px;height:26px;margin-top:10px;position:relative;overflow:hidden}.progress .bar{background:#b9d0f8;height:100%;transition:width .2s}.progress span{justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;inset:0}ul.loaded{padding-left:18px}ul.loaded li{margin:6px 0}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.viewer{flex-direction:column;height:100%;margin:-16px;display:flex}.viewer-bar{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:8px;padding:6px 12px;display:flex}.vnc-screen{background:#111;flex:1;min-height:0;overflow:hidden}