:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#070b14;color:#e5e7eb}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}.terminal-layout{display:grid;grid-template-rows:auto minmax(0,1fr);padding:12px;gap:10px}.auth-layout{display:grid;place-items:center;min-height:100%;padding:24px}.auth-card{width:min(100%,420px);padding:28px;border:1px solid #1e293b;border-radius:10px;background:#0b1020;box-shadow:0 18px 50px #00000059}.auth-card h1{font-size:1.35rem}.auth-card p{margin:12px 0 20px;color:#cbd5e1;line-height:1.5}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{margin:0;font-size:1rem;font-weight:650}#status{margin:3px 0 0;color:#94a3b8;font-size:.8rem}#status[data-state=attached]{color:#86efac}#status[data-state=error]{color:#fca5a5}nav{display:flex;gap:8px}button{border:1px solid #334155;border-radius:6px;background:#172033;color:#e5e7eb;padding:7px 11px;cursor:pointer}button:hover:not(:disabled){background:#243148}button:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}button:disabled{cursor:default;opacity:.45}button.danger{border-color:#7f1d1d}#terminal{min-width:0;min-height:0;overflow:hidden;border:1px solid #1e293b;border-radius:8px;background:#0b1020;padding:8px}#terminal .xterm{height:100%}