@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/open-sans-400.ttf") format("truetype")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/open-sans-600.ttf") format("truetype")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/poppins-600.ttf") format("truetype")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/poppins-700.ttf") format("truetype")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/poppins-800.ttf") format("truetype")}
/* Zlex VPN brand system. */
:root{--ink:#111827;--text:#374151;--muted:#64748b;--line:#cbd5df;--paper:#fff;--wash:#f8fafc;--accent:#154963;--accent-dark:#10394e;--accent-wash:#ecfeff;--cyan:#0891b2;--amber:#854d0e;--amber-wash:#fffbeb;--red:#b42332;--red-wash:#fff1f2;--shadow:4px 4px 0 var(--ink);--radius:0;font-family:"Open Sans",Arial,sans-serif;color:var(--text);font-size:14px;line-height:1.65;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--wash);background-image:linear-gradient(#8080800c 1px,transparent 1px),linear-gradient(90deg,#8080800c 1px,transparent 1px);background-size:24px 24px;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:2px;border-color:var(--accent)}h1,h2,h3,h4{font-family:Poppins,Arial,sans-serif;color:var(--ink);line-height:1.2;margin-top:0}h1{font-size:clamp(32px,4.5vw,52px);font-weight:800;letter-spacing:-1.5px;margin-bottom:16px}h2{font-size:22px;font-weight:700;letter-spacing:-.55px;margin-bottom:14px}h3{font-size:15px;font-weight:600;letter-spacing:-.2px;margin-bottom:8px}p{margin-top:0;margin-bottom:16px}strong{font-weight:700}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-family:ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:1.3px;font-weight:700;color:var(--cyan);margin-bottom:14px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--accent);color:#fff;padding:12px;border:2px solid var(--ink)}.skip-link:focus{top:10px}[hidden]{display:none!important}::selection{background:#bde0fe;color:var(--accent)}
/* Public and member navigation */
.brand-bar{background:var(--accent);color:#e0f2fe;font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.7px}.brand-bar-inner{max-width:1320px;margin:auto;padding:7px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-bar a{color:inherit;letter-spacing:0}.site-header{background:#fff;border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:40}.header-inner{max-width:1320px;margin:auto;min-height:80px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:4px;color:var(--ink);font-family:Poppins,Arial,sans-serif;font-size:26px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{font-family:ui-monospace,monospace;color:var(--accent);font-size:26px;margin-right:5px}.brand-sub{color:var(--cyan);font-size:15px;letter-spacing:.5px;padding-left:11px;border-left:2px solid var(--ink);margin-left:8px;line-height:1.1}.main-nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700;flex-wrap:wrap}.main-nav>a{color:var(--text);position:relative;padding:24px 0}.main-nav>a[aria-current]{color:var(--accent)}.main-nav>a[aria-current]:after{position:absolute;bottom:12px;left:0;right:0;content:"";height:3px;background:var(--cyan)}.main-nav .nav-signin{border:2px solid var(--ink);background:var(--accent);color:#fff;padding:9px 17px;box-shadow:2px 2px 0 var(--ink)}.main-nav .nav-signin[aria-current]{color:#fff}.main-nav .nav-signin[aria-current]:after{display:none}.main-nav .nav-signin:hover{text-decoration:none;background:var(--accent-dark)}.inline-form{display:inline;margin:0}.text-button{background:none;border:0;color:var(--accent);padding:6px 0;font-size:12px;font-weight:700}.text-button:hover{text-decoration:underline}.nav-toggle{border:2px solid var(--ink);background:#fff;padding:8px 12px;align-items:center;gap:8px;font-weight:700;font-size:12px;display:none}.workspace-bar{background:#fff;border-bottom:1px solid var(--line)}.workspace-bar>div{max-width:1320px;padding:11px 32px;margin:auto;display:flex;align-items:center;gap:16px;font-size:11px}.workspace-label{font:700 10px ui-monospace,monospace;letter-spacing:1px;color:var(--accent);padding-right:16px;border-right:1px solid var(--line)}.workspace-context{color:var(--muted);margin-left:auto}.page{max-width:1320px;margin:auto;padding:48px 32px 72px;min-height:65vh}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;padding-bottom:26px;border-bottom:2px solid var(--ink)}.page-heading p{margin-bottom:0;max-width:760px}.heading-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.site-footer{max-width:1256px;padding:30px 0;margin:auto;border-top:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:30px;color:var(--muted);font-size:11px}.footer-brand{font-family:Poppins,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.5px;color:var(--ink)}.footer-brand span{color:var(--cyan);margin-left:7px}.site-footer p{margin:6px 0 0}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{font-weight:600}.footer-note{text-align:right;font-family:ui-monospace,monospace;font-size:10px}
/* Controls, status, forms and dialogs */
.button{border:2px solid var(--ink);border-radius:0;background:var(--accent);color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-weight:700;font-size:12px;padding:11px 18px;line-height:1.5;min-height:44px;white-space:nowrap;box-shadow:3px 3px 0 var(--ink);text-decoration:none}.button:hover{background:var(--accent-dark);text-decoration:none}.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.button.secondary{background:#fff;color:var(--accent)}.button.secondary:hover{background:var(--accent-wash)}.button.danger{background:var(--red)}.button.small{font-size:11px;min-height:34px;padding:7px 11px;box-shadow:2px 2px 0 var(--ink)}.full-width{width:100%}.icon-button{background:#fff;border:1px solid var(--line);display:grid;place-items:center;min-width:34px;min-height:34px;color:var(--ink);font-size:24px;padding:0 6px}.icon-button:hover{background:var(--accent-wash)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;font:600 10px/1.5 ui-monospace,monospace;white-space:nowrap}.badge-green{color:var(--accent);background:var(--accent-wash);border-color:#87cbd9}.badge-amber{color:var(--amber);background:var(--amber-wash);border-color:#fde68a}.badge-red{color:var(--red);background:var(--red-wash);border-color:#fda4af}.status-dot{width:6px;height:6px;background:currentColor;display:inline-block}.notice{border:1px solid var(--line);border-left:4px solid var(--accent);margin-bottom:24px;padding:15px 18px;font-size:13px;overflow-wrap:anywhere;background:#fff}.notice-success{color:var(--accent);background:var(--accent-wash);border-color:#87cbd9}.notice-error{color:var(--red);background:var(--red-wash);border-color:#fda4af}.notice-warning{color:var(--amber);background:var(--amber-wash);border-color:#e6c77a}.stack-form{display:flex;flex-direction:column;gap:9px}.stack-form>label,.label-row label,.form-field label{font-weight:700;font-size:12px}.stack-form>input+.label-row,.stack-form>input+label{margin-top:12px}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;border:1px solid #9baaba;border-radius:0;padding:11px 13px;color:var(--ink);background:#fff;min-height:45px}input::placeholder,textarea::placeholder{color:#8392a3}textarea{resize:vertical;min-height:100px}input[type=checkbox],input[type=radio]{width:17px;height:17px;min-height:0;padding:0;accent-color:var(--accent);flex-shrink:0}input[type=hidden]{display:none}.checkbox-label{display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-weight:400!important;font-size:12px}.checkbox-label input{margin-top:4px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.stack-form>.button{margin-top:18px}.stack-form small{color:var(--muted);margin-bottom:3px}.captcha-wrap{margin-top:12px;max-width:100%;overflow:auto}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:13px;margin-top:24px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.wide{grid-column:1/-1}.form-field small{font-size:11px;color:var(--muted)}.panel{background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:28px;box-shadow:var(--shadow);min-width:0}.panel+.panel{margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line)}.section-heading h2{margin:0;font-size:18px}.section-heading p{font-size:12px;margin:8px 0 0}.text-link{font-size:12px;font-weight:700}.dialog{width:min(740px,calc(100vw - 40px));border:2px solid var(--ink);padding:30px;border-radius:0;box-shadow:8px 8px 0 var(--ink);color:var(--text);max-height:calc(100dvh - 60px);overflow:auto}.dialog-small{width:min(500px,calc(100vw - 40px))}.dialog::backdrop{background:#11182780}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.dialog-heading h2{margin:3px 0 0}.dialog-heading .eyebrow{margin-bottom:6px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.toast-region{position:fixed;bottom:26px;right:26px;z-index:80;max-width:min(420px,calc(100vw - 52px))}.toast{padding:14px 18px;color:#fff;background:var(--accent);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin-top:12px;font-size:13px}.mono,code,pre{font-family:ui-monospace,Consolas,monospace}.mono{font-size:11px}.danger-text{color:var(--red)}.nowrap{white-space:nowrap}.loading{opacity:.6;pointer-events:none}
/* Account dashboard inspired by the Opinion Network information hierarchy. */
.account-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding:34px;background:var(--accent);color:#fff;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--cyan);margin-bottom:30px}.account-hero h1{color:#fff;font-size:36px}.account-hero .eyebrow{color:#a5f3fc}.account-hero p{color:#d3e5f0;margin:0;max-width:540px}.account-hero-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.account-hero .button{background:#fff;color:var(--accent)}.account-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:32px}.overview-card{display:block;padding:24px;border:2px solid var(--ink);background:#fff;box-shadow:3px 3px 0 var(--ink);color:var(--text)}.overview-card:hover{text-decoration:none;box-shadow:4px 4px 0 var(--cyan)}.overview-card .eyebrow{display:flex;justify-content:space-between}.overview-card h2{font-size:20px;margin:17px 0 9px}.overview-card p{font-size:12px;color:var(--muted);margin-bottom:17px}.overview-card>span:last-child{font-size:12px;font-weight:700;color:var(--accent)}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.account-grid>.panel+.panel{margin-top:0}.account-details{margin:0 0 25px}.account-details>div{padding:18px 0;display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid var(--line);gap:14px}.account-details dt{color:var(--muted);font-size:12px}.account-details dd{margin:0;overflow-wrap:anywhere}.account-details .badge{margin:5px 0 0}.verification-banner{border:1px solid #8ecada;border-left:5px solid var(--cyan);background:var(--accent-wash);padding:23px 26px;display:flex;gap:20px;align-items:center;margin-bottom:28px}.verification-banner h2{font-size:17px;margin-bottom:5px}.verification-banner p{font-size:12px;color:var(--muted);margin:0}.verification-banner .button{margin-left:auto}.banner-icon,.security-icon{height:40px;width:40px;min-width:40px;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent);font-size:18px;background:#fff}.security-item{display:flex;gap:18px;margin-top:25px}.security-item+.security-item{padding-top:25px;border-top:1px solid var(--line)}.security-item p{font-size:12px;margin-bottom:12px}.security-icon{background:var(--accent-wash)}
/* Split authentication workspace */
.auth-page{padding-top:58px;padding-bottom:64px;min-height:70vh}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;max-width:1060px;margin:0 auto;align-items:stretch}.auth-card{width:100%;padding:42px;align-self:center;min-width:0}.auth-card h1{font-size:30px;letter-spacing:-.8px}.auth-card.centered{margin:0}.auth-card>.muted{margin-bottom:28px}.auth-footnote{font-size:12px;color:var(--muted);margin:30px 0 0;padding-top:23px;border-top:1px solid var(--line)}.auth-aside{background:var(--accent);padding:42px;color:#fff;position:relative;overflow:hidden;border-right:2px solid var(--ink)}.auth-aside h2{font-size:38px;color:#fff;line-height:1.18;margin:25px 0 18px;letter-spacing:-1px}.auth-aside h2>span{color:#67e8f9}.auth-aside>.eyebrow{color:#a5f3fc;font-size:10px}.auth-aside>p{color:#d1e4ed;font-size:13px;max-width:330px}.auth-network{display:flex;align-items:center;margin:32px 0 34px;font:700 10px ui-monospace,monospace}.network-endpoint{border:1px solid #82bacb;padding:12px 10px}.network-center{border:2px solid #67e8f9;padding:18px 13px;white-space:nowrap;color:#a5f3fc}.network-path{height:1px;background:#67e8f9;flex:1;min-width:10px}.auth-aside-list{list-style:none;margin:0;padding:0;display:grid;gap:19px}.auth-aside-list li{display:flex;gap:18px;align-items:start}.auth-aside-list li>span{font:700 11px ui-monospace,monospace;color:#a5f3fc;line-height:1.8}.auth-aside-list strong{font-size:13px}.auth-aside-list p{font-size:11px;color:#c2dce7;margin:4px 0 0}.auth-aside-bottom{display:block;font:10px ui-monospace,monospace;letter-spacing:1px;color:#91b8ca;margin-top:35px}

/* Infrastructure tables and command panels. */
.fleet-summary{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border:1px solid var(--line);border-radius:0;margin-bottom:24px;box-shadow:var(--shadow)}
.fleet-summary>div{padding:22px 25px;position:relative}
.fleet-summary>div+div:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:var(--line)}
.metric-label{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}
.fleet-summary strong{font-size:24px;letter-spacing:-.8px;line-height:1.2;color:var(--ink)}
.node-list-panel{padding:0;overflow:hidden}
.node-list-panel .section-heading{padding:22px 24px 0}
.count{font-size:10px;background:#e2e8f0;color:var(--muted);padding:3px 7px;border-radius:0;margin-left:6px;font-weight:600}
.search-field{max-width:240px}
.search-field input{font-size:12px;min-height:34px;padding:7px 10px}
.table-scroll{overflow:auto;width:100%;scrollbar-width:thin}
table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}
th{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.3px;padding:11px 14px;background:#f1f5f9;white-space:nowrap;border-block:1px solid var(--line)}
td{padding:15px 14px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
th:first-child,td:first-child{padding-left:22px}
th:last-child,td:last-child{padding-right:22px}
tbody tr:last-child td{border-bottom:0}
.node-table tbody tr{cursor:pointer}
.node-table tbody tr:hover{background:#ecfeff}
.node-table tbody tr.selected{background:#ecfeff}
.node-table tbody tr.selected td:first-child{box-shadow:3px 0 var(--accent) inset}
.node-name{display:block;font-size:12px;color:var(--ink);font-weight:650;margin-bottom:2px}
.node-address{font-size:10px;color:var(--muted)}
.node-select{background:none;padding:0;border:0;text-align:left;font:inherit}
.node-select:hover .node-name{color:var(--accent)}
.mono,code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.mono{font-size:11px}
.key-cell{max-width:270px;min-width:160px;white-space:normal}
.key-value{display:flex;align-items:center;gap:7px}
.key-value code{font-size:10px;overflow-wrap:anywhere;word-break:break-all}
.copy-button{border:1px solid var(--line);background:#fff;border-radius:0;min-width:25px;min-height:25px;font-size:12px;color:var(--muted);padding:0 5px}
.copy-button:hover{border-color:var(--cyan);color:var(--accent)}
.mini-meter{display:block;max-width:64px;height:3px;background:#e2e8f0;border-radius:0;overflow:hidden;margin-top:5px}
.mini-meter span{display:block;height:100%;background:var(--cyan)}
.table-footnote{font-size:10px;color:var(--muted);margin:0;padding:14px 22px;border-top:1px solid var(--line)}
.empty-state{text-align:center;padding:35px!important;color:var(--muted);white-space:normal}
.empty-state h3{font-size:15px}
.empty-state p{margin:4px 0}
.node-detail{margin-top:33px}
.detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}
.detail-heading h2{font-size:23px;margin-bottom:5px}
.detail-heading .eyebrow{margin-bottom:6px}
.tabs{display:flex;gap:20px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:thin}
.tabs button{border:0;background:none;padding:12px 1px;color:var(--muted);font-weight:550;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent}
.tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}
.tab-panel{padding-top:24px}
.tab-panel>.panel+.panel{margin-top:20px}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:0;padding:18px 20px}
.metric-card strong{font-size:22px;color:var(--ink);font-weight:630;letter-spacing:-.5px;display:block}
.metric-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.kv-grid{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kv-grid>div{min-width:0}
.kv-grid dt{font-size:11px;color:var(--muted);margin-bottom:4px}
.kv-grid dd{margin:0;font-size:12px;overflow-wrap:anywhere}
.snapshot-source{font-size:10px;color:var(--muted);margin-bottom:18px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.snapshot-source .badge{font-size:9px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.toolbar h2{margin:0;font-size:16px}
.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
.compact-panel{padding:0;overflow:hidden}
.compact-panel .toolbar{padding:20px 22px 0}
.compact-panel>p,.compact-panel>.snapshot-source{padding-inline:22px}
.client-detail{max-width:440px;font-size:11px;color:var(--muted);white-space:normal}
.client-detail summary{font-size:10px}
.client-detail .kv-grid{margin-top:12px;gap:10px}
.client-detail .kv-grid dd{font-size:10px}
.badge-list{display:flex;gap:7px;flex-wrap:wrap}
.nowrap{white-space:nowrap}
.danger-text{color:var(--red)}
details>summary{cursor:pointer;font-size:12px;font-weight:550;color:var(--text);padding-block:3px}
details>p{font-size:12px;color:var(--muted);margin:12px 0}
details>pre,pre.raw-json{max-height:430px;background:var(--wash);overflow:auto;padding:16px;font-size:11px;line-height:1.65;border:1px solid var(--line);border-radius:0;white-space:pre-wrap;overflow-wrap:anywhere}
details.raw-snapshot{margin-top:18px}
details.raw-snapshot summary{color:var(--muted);font-size:11px}
.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.diagnostic-grid .panel{padding:18px}
.diagnostic-section{margin-bottom:16px}
.diagnostic-section h3{margin-bottom:12px;text-transform:capitalize}
.diagnostic-leaves{margin:0}
.diagnostic-leaves>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:11px}
.diagnostic-leaves dt{color:var(--muted);overflow-wrap:anywhere}
.diagnostic-leaves dd{margin:0;overflow-wrap:anywhere;text-align:right}
.nested-diagnostic{margin-top:8px;padding-left:12px;border-left:2px solid var(--line)}
.nested-diagnostic summary{font-size:11px}
.operation-command{display:block;margin:14px 0;padding:12px;background:var(--wash);border:1px solid var(--line);border-radius:0;font-size:11px;overflow-wrap:anywhere;white-space:pre-wrap}
.operation-timeline{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:11px;margin:16px 0}
.operation-timeline span{padding:5px 9px;background:#e2e8f0;border-radius:0}
.operation-timeline span.current{color:var(--accent);background:var(--accent-wash)}
.operation-output{white-space:pre-wrap;font-size:12px;background:var(--wash);border:1px solid var(--line);padding:14px;max-height:300px;overflow:auto;border-radius:0}
.row-actions{display:flex;gap:10px;align-items:center}
.row-actions button{font-size:11px;white-space:nowrap}
.integration-guide{margin-top:35px;padding:0 4px}
.integration-guide>h2{font-size:20px}
.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:22px 0 26px}
.guide-steps>div{padding:19px 20px 15px;border:1px solid var(--line);border-radius:0;background:#fff}
.guide-steps p{font-size:12px;color:var(--muted);margin-bottom:0}
.step{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--cyan);border-radius:0;color:var(--accent);font-size:11px;font-weight:650;margin-bottom:14px}
.credential-list>div{border-block-end:1px solid var(--line);padding:12px 0}
.credential-list dt{font-size:11px;color:var(--muted);margin-bottom:6px}
.credential-list dd{margin:0;display:flex;gap:12px;justify-content:space-between;align-items:center}
.credential-list code{overflow-wrap:anywhere;word-break:break-all;font-size:12px}
.credential-list .copy-button{flex-shrink:0}
.connection-wait{color:var(--muted);font-size:11px}
.table-wrap-cell{white-space:normal;min-width:170px;max-width:300px}
.panel-caption{color:var(--muted);font-size:11px;margin-bottom:18px}
.panel-empty{padding:26px 20px;color:var(--muted);font-size:12px;text-align:center}
.summary-line{font-size:11px;color:var(--muted);margin-bottom:12px}
.form-field small{font-size:10px;color:var(--muted)}
.loading{opacity:.6;pointer-events:none}


/* Responsive layouts: tables scroll within their own panels. */
.member-view .main-nav{gap:17px;font-size:11px}.section-nodes h1,.section-manage h1,.section-billing-admin h1{font-size:38px}.metrics-grid{gap:20px}.metric-card{border-top:3px solid var(--accent);box-shadow:2px 2px 0 var(--line)}.metric-card strong{font-family:Poppins,sans-serif}.fleet-summary{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.fleet-summary strong{font-family:Poppins,sans-serif}.node-list-panel,.compact-panel{padding:0}.tabs{gap:0;border:2px solid var(--ink);background:#fff}.tabs button{border-right:1px solid var(--line);padding:12px 16px}.tabs button[aria-selected=true]{background:var(--accent);color:#fff;border-bottom-color:var(--cyan)}.table-scroll:focus-visible{outline-offset:-3px}.panel-empty{border:1px dashed var(--line);background:var(--wash)}#member-vpn>.panel{margin-top:26px}#member-vpn>.account-grid{margin-top:26px}.section-devices>section:first-of-type{margin-bottom:26px}.workspace-bar+.page{padding-top:36px}.section-heading .count{border-radius:0}th{background:#eef3f7;color:#475569;font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.5px;text-transform:uppercase}td{padding-top:18px;padding-bottom:18px}tbody tr:hover{background:#f8fafc}.kv-grid dd{color:var(--ink)}
@media(min-width:1500px){.section-nodes .page,.section-manage .page{max-width:1480px}}
@media(max-width:1150px){.member-view .header-inner{flex-wrap:wrap;gap:0;padding-top:14px}.member-view .main-nav{width:100%;justify-content:flex-start;padding-bottom:10px;gap:22px}.member-view .main-nav>a{padding:14px 0}.member-view .main-nav>a[aria-current]:after{bottom:5px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-panels,.diagnostic-grid{grid-template-columns:1fr}.auth-aside,.auth-card{padding:32px}.account-hero{gap:25px}.site-footer{margin-inline:32px}}
@media(max-width:800px){.brand-bar-inner{padding-inline:20px;font-size:9px}.brand-bar-inner>span{letter-spacing:0}.header-inner,.member-view .header-inner{padding:15px 20px;min-height:72px;flex-wrap:wrap;gap:14px}.brand{font-size:24px}.main-nav,.member-view .main-nav{gap:18px;font-size:12px;padding-bottom:0}.main-nav>a,.member-view .main-nav>a{padding:8px 0}.main-nav>a[aria-current]:after,.member-view .main-nav>a[aria-current]:after{bottom:0}.nav-ready .nav-toggle{display:flex;margin-left:auto}.nav-ready .main-nav{display:none;width:100%;padding:12px 0 5px;border-top:1px solid var(--line)}.nav-ready .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.nav-ready .main-nav.is-open>a{padding:11px 8px}.main-nav .nav-signin{margin-top:7px;width:max-content}.main-nav .text-button{padding:10px 8px}.workspace-bar>div{padding:10px 20px}.workspace-context{display:none}.page{padding:34px 20px 52px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:27px;padding-bottom:22px}.page-heading h1{font-size:34px}.heading-actions{justify-content:flex-start}.account-hero{grid-template-columns:1fr;padding:28px}.account-hero h1{font-size:32px}.account-hero-actions{justify-content:flex-start}.account-overview{grid-template-columns:1fr;gap:17px}.overview-card{padding:22px}.overview-card h2{margin-top:12px}.account-grid{grid-template-columns:1fr;gap:24px}.auth-page{padding-top:34px}.auth-layout{grid-template-columns:1fr;max-width:540px}.auth-aside{padding:27px;border-right:0;border-bottom:2px solid var(--ink)}.auth-aside h2{font-size:28px;margin:14px 0}.auth-aside h2 br{display:none}.auth-aside>p{margin-bottom:0}.auth-network,.auth-aside-list,.auth-aside-bottom{display:none}.auth-card{padding:30px}.site-footer{margin-inline:20px;flex-wrap:wrap;gap:24px}.footer-links{gap:18px}.footer-note{text-align:left;width:100%}.fleet-summary{grid-template-columns:1fr 1fr}.fleet-summary>div{padding:20px}.fleet-summary>div:nth-child(3),.fleet-summary>div:nth-child(4){border-top:1px solid var(--line)}.fleet-summary>div:nth-child(3):before{display:none}.section-heading{flex-wrap:wrap;align-items:flex-start}.panel{padding:23px}.node-list-panel,.compact-panel{padding:0}.detail-heading{align-items:flex-start;flex-wrap:wrap}.detail-heading .heading-actions{justify-content:flex-start}.search-field{max-width:220px}.form-grid{grid-template-columns:1fr}.form-field.wide{grid-column:auto}.verification-banner{flex-wrap:wrap;padding:20px}.verification-banner>div:nth-child(2){flex:1;min-width:160px}.verification-banner .button{margin:0 0 0 60px}.dialog{padding:24px 20px}.guide-steps{grid-template-columns:1fr;gap:16px}.diagnostic-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-wrap:wrap}.account-details>div{grid-template-columns:80px 1fr}.account-details .badge{display:table}.section-nodes h1,.section-manage h1{font-size:32px}.form-actions .button{white-space:normal}.operation-timeline{flex-wrap:wrap}.credential-list dd{align-items:flex-start}.table-scroll{max-width:100%}.page>*{min-width:0}}
@media(max-width:420px){.brand-bar-inner>a{font-size:8px}.brand-bar-inner>span{font-size:8px}.page{padding-inline:16px}.header-inner,.member-view .header-inner{padding-inline:16px}.brand-sub{font-size:12px}.account-hero{padding:22px}.auth-card{padding:25px}.metrics-grid{gap:12px}.metric-card{padding:16px}.fleet-summary>div{padding:16px}.verification-banner .button{margin-left:0;width:100%}.workspace-bar>div{gap:10px;padding-inline:16px}}
@media(prefers-reduced-motion:no-preference){.button,.overview-card{transition:background .12s,box-shadow .12s}dialog[open]{animation:dialog-in .12s ease-out}@keyframes dialog-in{from{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}}
/* Anchor clipped accessibility text so off-screen table headers cannot widen the page. */
.sr-only{left:0;top:0;clip-path:inset(50%)}
@media(min-width:1101px){.payg-options:has([data-custom-gb][hidden]){grid-template-columns:1fr 1.2fr}.payg-options:has([data-custom-gb][hidden]) .payg-price-preview{grid-column:2;grid-row:1/3}.payg-options:has([data-custom-gb][hidden]) .payg-explanation{grid-column:1}}

.workspace-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.workspace-tabs [role=tab]{padding:.75rem 1rem;border:1px solid var(--line,#b9cbd3);background:var(--paper,#fff);color:inherit;font:inherit;cursor:pointer}.workspace-tabs [aria-selected=true]{background:var(--brand,#154e67);color:#fff;border-color:var(--brand,#154e67)}.workspace-tabs [role=tab]:focus-visible{outline:3px solid var(--accent,#13a4bb);outline-offset:3px}.workspace-panel[hidden],.nickname-form[hidden]{display:none}.nickname-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line,#b9cbd3)}.nickname-form label{display:block;margin-bottom:.4rem}.nickname-form input:not([type=hidden]){width:100%;max-width:32rem}.nickname-form .form-actions{display:flex;gap:.75rem;align-items:center}

/* Shared legal and contact links, including the public landing footer. */
.footer-links{flex-wrap:wrap;max-width:620px;row-gap:12px}.footer-contact{overflow-wrap:anywhere}.footer-contact a{text-decoration:underline;text-underline-offset:3px}.footer-note{min-width:160px}
.language-select{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.9rem}.language-select select{width:auto;min-width:10rem;max-width:100%;padding:.45rem;border:1px solid #b5cbd5;background:#fff;color:#164b60}