:root{--bg: #0e1116;--panel: #161b22;--panel-2: #1c2230;--border: #2a3140;--text: #dbe2ea;--muted: #8b97a7;--accent: #4da3ff;--good: #3fca7f;--warn: #e8b03f;--bad: #ef5b66;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.app{max-width:1200px;margin:0 auto;padding:20px 24px 80px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.topbar h1{margin:0;font-size:22px;letter-spacing:.3px}.subtitle{color:var(--muted);font-size:13px}.topbar-right{display:flex;align-items:center;gap:10px}.conn-badge{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.conn-ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,var(--border))}.conn-error{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--border))}button{background:var(--accent);color:#08121f;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border);font-weight:500}button.ghost:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:default}.error-banner{margin-top:14px;padding:10px 14px;border-radius:8px;font-size:13px;background:color-mix(in srgb,var(--bad) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--bad) 45%,var(--border))}.settings{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--panel);display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.settings label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);flex:1 1 280px}.settings input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px}.settings-actions{display:flex;gap:8px}.settings-hint{flex-basis:100%;margin:0;font-size:12px;color:var(--muted)}.settings-hint code{color:var(--text)}.summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:stretch}.stat{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 16px;min-width:96px}.stat-value{font-size:20px;font-weight:700}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-top:2px}.stat-good .stat-value{color:var(--good)}.stat-warn .stat-value{color:var(--warn)}.stat-bad .stat-value{color:var(--bad)}.rollout-note{display:flex;flex-direction:column;gap:6px;justify-content:center}.rollout{font-size:12px;border-radius:6px;padding:4px 10px;border:1px solid var(--border);background:var(--panel)}.rollout-halted,.rollout-paused{border-color:color-mix(in srgb,var(--warn) 50%,var(--border));color:var(--warn)}.rollout-active{border-color:color-mix(in srgb,var(--good) 45%,var(--border));color:var(--good)}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 6px;align-items:center}.search{flex:1 1 320px;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 12px;font-size:13px}.search:focus{outline:none;border-color:var(--accent)}.chips{display:flex;gap:6px}.chip{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500}.chip-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.group{margin-top:22px}.group-header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.group-header h2{margin:0;font-size:15px;letter-spacing:.2px}.group-count{font-size:12px;color:var(--muted)}.devices{width:100%;border-collapse:collapse;font-size:13px;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.devices th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--panel-2)}.devices td{padding:8px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.devices tbody tr{cursor:pointer}.devices tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.devices tbody tr:last-child td{border-bottom:none}.row-selected{background:color-mix(in srgb,var(--accent) 12%,transparent)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%}.dot-online{background:var(--good);box-shadow:0 0 6px color-mix(in srgb,var(--good) 60%,transparent)}.dot-offline{background:var(--warn)}.dot-safe_mode{background:var(--bad);box-shadow:0 0 6px color-mix(in srgb,var(--bad) 60%,transparent)}.dot-never_seen{background:var(--muted)}.dot-revoked{background:transparent;border:2px solid var(--bad);width:6px;height:6px}.flag{margin-left:8px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:1px 6px}.flag-hold{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.tunnel{font-size:12px;border-radius:4px;padding:2px 7px}.tunnel-up{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.tunnel-down{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}.tunnel-disabled{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.tunnel-none{color:var(--muted)}.empty{margin-top:24px;color:var(--muted);font-size:13px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,92vw);background:var(--panel);border-left:1px solid var(--border);padding:18px 20px;overflow-y:auto;box-shadow:-12px 0 32px #00000073}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.drawer-header .dot{margin-right:8px}.drawer-title{font-size:15px;font-weight:700}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.field-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.field-value{font-size:13px;margin-top:2px;overflow-wrap:anywhere}.drawer-section{margin:22px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.history{list-style:none;margin:0;padding:0;font-size:12px}.history li{border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.history summary{display:flex;gap:10px;padding:6px 0;cursor:pointer;list-style:none}.history summary::-webkit-details-marker{display:none}.history summary:hover{color:var(--accent)}.history-when{color:var(--muted);flex:0 0 70px}.history-type{flex:0 0 130px}.history-detail{color:var(--muted);overflow-wrap:anywhere}.history-json{margin:0 0 8px;padding:8px 10px;border-radius:6px;overflow-x:auto;background:var(--panel-2);border:1px solid var(--border);font-size:11px;line-height:1.5}.drawer-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;color:var(--muted);padding:7px 12px;font-size:13px;font-weight:500;border-radius:6px 6px 0 0;border-bottom:2px solid transparent}.tab:hover{color:var(--text)}.tab-active{color:var(--accent);border-bottom-color:var(--accent)}.logs-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:10px}.logs-toolbar select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 8px;font-size:12px}.logs-hint{font-size:11px;color:var(--muted)}.ssh-note{font-size:12px;color:var(--muted);line-height:1.55;margin:0 0 10px}.ssh-note code,.empty code{color:var(--text)}.command-row{display:flex;gap:8px;align-items:stretch}.command{flex:1;padding:9px 12px;border-radius:6px;overflow-x:auto;white-space:nowrap;background:var(--panel-2);border:1px solid var(--border);font-size:12px}button.copy{flex:0 0 auto}.ssh-warning{font-size:12px;color:var(--warn);margin:10px 0 0}.ssh-actions{display:flex;gap:10px;align-items:center}button.danger{background:var(--bad);color:#fff}.ssh-notice{font-size:12px;color:var(--muted)}