:root{color-scheme:dark;--bg:#0c1015;--panel:#121820;--line:#26313b;--muted:#8d9aa9;--text:#eaf0f5;--green:#c2f87b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer;transition:background .15s}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}button{border:1px solid transparent;border-radius:8px;padding:9px 14px;color:var(--text);background:none;font-weight:550}.primary{background:var(--green);color:#17200e;border-color:var(--green)}.primary:hover{background:#d3ff9e}.secondary{border-color:var(--line);background:#151d26}.quiet{color:#aebbc8}.quiet:hover{background:#202a34}.danger{color:#ffac9f;background:#482a28;border-color:#5f3732}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.25;letter-spacing:-1px;margin-bottom:10px}h2{font-size:20px;letter-spacing:-.4px;margin-bottom:5px}h3{font-size:14px;margin-bottom:4px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#91a0ad;margin:0 0 14px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650;letter-spacing:-.5px}.mark{display:grid;place-items:center;background:var(--green);color:#17200e;font:bold 18px monospace;width:32px;height:32px;border-radius:8px}.tag{margin-left:8px;border:1px solid var(--line);color:var(--muted);border-radius:4px;font-size:9px;letter-spacing:1px;padding:3px 6px}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 32px}.header-right{display:flex;align-items:center;gap:18px}.pill{font-size:11px;color:var(--green);border:1px solid #32472c;background:#192718;border-radius:20px;padding:5px 10px}.pill.offline{color:#ffb391;border-color:#654b32;background:#2c231a}main{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:calc(100vh - 76px)}aside{border-right:1px solid var(--line);padding:30px 24px;background:#10161d}aside>.primary,aside>.secondary{width:100%;margin-top:12px}.divider{height:1px;background:var(--line);margin:26px 0}.label{font-size:11px;color:var(--muted);margin-bottom:8px}.profile-name{font-size:14px;font-weight:600;margin-bottom:8px;overflow-wrap:anywhere}.row{display:flex;align-items:center;justify-content:space-between}.row .eyebrow{margin-bottom:0}.counter{font-size:10px;background:#24303b;padding:1px 7px;border-radius:5px}.session{width:100%;text-align:left;margin-top:12px;padding:12px;border-color:var(--line);background:#17212c;display:grid;gap:4px}.session.selected{border-color:#8ab957;background:#202c23}.session .session-id{font:11px monospace;color:var(--muted)}.session .session-state{font-size:10px;color:var(--green)}.aside-note{display:flex;align-items:baseline;gap:9px;color:var(--muted);font-size:11px;margin-top:30px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex:none}.content{padding:34px 38px;max-width:1600px;width:100%;margin:0 auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.heading .eyebrow{color:var(--green);margin-bottom:10px}.heading p:last-child{margin-bottom:0}.terminal-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0b1016;box-shadow:0 18px 40px #0002}.terminal-toolbar{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#161e27;gap:10px}.terminal-toolbar>div{display:flex;align-items:center;gap:12px}.terminal-symbol{color:var(--green);font:bold 15px monospace}.terminal-actions{flex:none}.terminal-actions button{font-size:11px;padding:6px 10px}#terminal-wrap{height:440px;position:relative;padding:12px}#terminal{height:100%;width:100%}#empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;color:var(--muted)}#empty h2{color:#dce4eb;font-size:19px}.empty-icon{width:64px;height:64px;border:1px solid #35412f;border-radius:16px;display:grid;place-items:center;color:var(--green);font:bold 25px monospace;margin-bottom:22px;background:#182019}#empty p{line-height:1.9;font-size:13px}.terminal-footer{display:flex;justify-content:space-between;gap:12px;font:10px monospace;color:#728191;background:#111820;border-top:1px solid var(--line);padding:11px 16px}.bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:27px 0 18px}.bottom-grid>div{padding:0 12px 0 30px;position:relative}.bottom-grid p{font-size:11px;color:var(--muted);margin:0}.step{position:absolute;left:0;top:2px;color:#61734f;font:11px monospace}.scope-note{font-size:10px;color:#697888;margin:20px 0 0}.notice{padding:12px 16px;border:1px solid #62513a;border-radius:8px;background:#30281e;color:#f7d9ab;font-size:12px;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 20%,#24352180,transparent 50%)}.login-card{width:min(450px,90vw);padding:36px;background:#121922;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #0005}.login-card .brand{margin-bottom:38px}.login-card h1{font-size:32px}.login-card label{display:block;font-size:12px;margin-top:25px;margin-bottom:8px}.login-card input{width:100%;padding:12px;border:1px solid #35434f;border-radius:8px;background:#0b1118;color:var(--text)}.login-card .primary{display:flex;justify-content:space-between;width:100%;margin-top:16px}.login-card #login-error{color:#ffb391;font-size:12px;margin:12px 0 0}[hidden]{display:none!important}.xterm-viewport{scrollbar-width:thin}@media(min-height:950px){#terminal-wrap{height:540px}}@media(max-width:900px){main{grid-template-columns:215px minmax(0,1fr)}.content{padding:25px 20px}.terminal-toolbar #terminal-status{display:none}.bottom-grid{gap:8px}.heading h1{font-size:26px}}@media(max-width:650px){header{padding:0 16px}main{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:20px}.aside-note,.divider,.bottom-grid{display:none}#sessions{display:flex;gap:10px;overflow:auto}.session{min-width:160px}.heading{gap:10px}.content{padding:24px 14px}.terminal-footer>span:last-child{display:none}.header-right{gap:2px}}
