:root{color-scheme:dark;--bg:#111318;--panel:#191c23;--border:#2b303b;--text:#e6eaf2;--muted:#8e98ab;--accent:#79dbb5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:9px;padding:8px 14px;background:#242934;color:var(--text)}button:hover{border-color:#7b8aa2;background:#303744}button:disabled{opacity:.5;cursor:wait}input,select,textarea{background:#12151c;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px;min-width:0;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:90px}button.primary{background:var(--accent);color:#102c22;border-color:var(--accent);font-weight:bold}.quiet{background:transparent}.brandicon{display:inline-grid;place-items:center;background:var(--accent);color:#123b2b;width:40px;height:40px;border-radius:12px;font-size:28px}.brand{display:flex;align-items:center;gap:12px;direction:ltr;padding:26px 22px}.brand b{font-size:20px}.brand small{display:block;font:9px Arial;letter-spacing:2px;color:var(--muted)}#workspace{min-height:100dvh}aside{position:fixed;top:0;bottom:0;right:0;width:225px;background:#171920;border-left:1px solid var(--border);display:flex;flex-direction:column}.navlabel{font-size:11px;color:#647086;padding:25px 26px 8px}nav{padding:0 14px}nav button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:right;margin:5px 0;color:#9aa6b9}nav button.selected{background:#253831;color:var(--accent)}nav small{margin-right:auto}.sidebar-bottom{margin-top:auto;padding:24px;color:var(--muted);font-size:11px}.secure-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:100%;margin-left:6px}#identity{margin-top:10px}main{margin-right:225px;padding:38px 42px 90px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}h1{font-size:28px;margin:5px 0}header p{color:var(--muted);margin:0}.eyebrow{font:10px Arial;letter-spacing:2px;color:var(--accent)}#toolbar{display:flex;gap:12px}.search{display:flex;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex:1;padding:0 13px;font-size:22px;color:var(--muted)}.search input{border:0;background:none;width:100%;font-size:13px}#summary{color:var(--muted);font-size:12px;margin:22px 0 12px}#content{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;min-width:0;transition:border-color .2s}.card:hover{border-color:#49566c}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.server-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#24362f;color:var(--accent);font-size:23px}.card h3{margin:15px 0 5px;font-size:16px;overflow-wrap:anywhere}.address{direction:ltr;text-align:right;color:#b7c3d5;overflow-wrap:anywhere;font-family:monospace;font-size:13px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;color:var(--muted);font-size:11px}.pill{background:#252b36;padding:2px 8px;border-radius:5px}.notes{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:12px;max-height:130px;overflow:auto}.card-actions{display:flex;gap:8px;border-top:1px solid var(--border);padding-top:14px;margin-top:12px}.card-actions .connect{flex:1;color:var(--accent);background:#22362f;border-color:#304a3d}.danger{color:#ff9298}.empty{grid-column:1/-1;text-align:center;padding:70px 15px;border:1px dashed var(--border);border-radius:14px;color:var(--muted)}.empty h2{color:var(--text)}.gate{text-align:center;max-width:480px;margin:20vh auto;padding:25px}.gate p{white-space:pre-wrap;color:var(--muted)}[hidden]{display:none!important}dialog{background:var(--panel);color:var(--text);border:1px solid #414c60;border-radius:16px;padding:24px;width:min(560px,95vw);max-height:90dvh}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-heading h2{margin:0;font-size:19px}#fields{display:flex;flex-direction:column;gap:13px}label{display:flex;flex-direction:column;gap:5px;color:#b5c0d2;font-size:12px}label small{color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.error{color:#ff9298}.field-row{display:flex;gap:12px}.field-row label{flex:1;min-width:0}#toast{position:fixed;bottom:25px;left:25px;right:25px;margin:auto;max-width:600px;padding:14px 20px;background:#303d37;border:1px solid #6b9c85;border-radius:12px;z-index:100;white-space:pre-wrap;overflow-wrap:anywhere}#terminal-area{margin-top:28px;border:1px solid #414d60;border-radius:12px;overflow:hidden;background:#0d1117;direction:ltr}.terminal-top{display:flex;background:#1b2029;justify-content:space-between;padding:8px;gap:10px}#tabs{display:flex;gap:6px;overflow:auto}.tab{display:flex;gap:8px;align-items:center;white-space:nowrap;border-radius:7px;padding:5px 9px;background:#252c37;cursor:pointer}.tab.active{background:#304b40;color:var(--accent)}.tab button{padding:0 6px;background:none;border:0}.terminal-actions{display:flex;gap:6px;padding:8px;overflow:auto}.terminal-actions button{font-size:11px;white-space:nowrap;padding:4px 9px}.term{height:430px;padding:8px}.terminal-footer{display:flex;justify-content:space-between;padding:6px 12px;font:10px monospace;color:var(--muted);border-top:1px solid var(--border)}#terminal-area.full{position:fixed;inset:0;z-index:50;margin:0;border-radius:0;display:flex;flex-direction:column}#terminal-area.full #terminals{flex:1;min-height:0}#terminal-area.full .term{height:100%}.floating{position:fixed;bottom:24px;left:24px;background:var(--accent);color:#123b2b}.audit{grid-column:1/-1}.audit div{display:flex;gap:20px;padding:12px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.audit code{font-size:11px;color:var(--muted)}.xterm{height:100%}.xterm-viewport{overscroll-behavior:contain}@media(max-width:850px){aside{width:72px}.brand{padding:20px 16px}.brand b,.navlabel,nav span,nav small,.sidebar-bottom{display:none}nav{padding:8px}nav button{justify-content:center;font-size:23px;padding:9px}main{margin-right:72px;padding:24px 20px 80px}#toolbar{flex-wrap:wrap}.search{flex-basis:100%}header{align-items:flex-start}h1{font-size:23px}}@media(max-width:520px){aside{position:fixed;top:auto;bottom:0;right:0;left:0;width:auto;height:62px;z-index:40;border-top:1px solid var(--border)}.brand{display:none}nav{display:flex;justify-content:space-around;padding:0}nav button{width:auto;margin:2px 0;min-width:65px;font-size:23px}main{margin:0;padding:23px 16px 90px}.eyebrow{font-size:8px}header{margin-bottom:22px}header .primary{font-size:11px;padding:10px}header p{font-size:12px}#content{grid-template-columns:1fr}.term{height:380px}#toast{bottom:75px}.floating{bottom:76px}#terminal-area.full{bottom:0}.field-row{flex-wrap:wrap}.field-row label{flex-basis:45%}}

.key-icon{display:inline-block;width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M14 10a5 5 0 1 0-4 4L4 20H1v-3l6-6M15 7h.01'/%3E%3C/svg%3E") center/contain no-repeat}.card-actions button{padding:7px 10px;white-space:nowrap;font-size:12px}@media(max-width:520px){nav button{flex-direction:column;gap:0;font-size:20px;line-height:1.25;padding:7px 4px}nav span{display:block;font-size:9px;margin-top:3px}.key-icon{margin:2px 0}}