@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #141617;--nav: #101213;--surface: #1b1d1f;--surface-hover: #202325;--surface-active: #25282a;--field: #26292b;--field-hover: #2c3032;--field-focus: #34383a;--text: #eeefef;--text-secondary: #bcc0c2;--text-muted: #969c9f;--text-faint: #6e767b;--primary: #e4e8e5;--primary-hover: #f2f5f2;--primary-ink: #202822;--positive: #3de996;--positive-secondary: #48b57c;--positive-fill: #163b2a;--negative: #ff626b;--negative-fill: #472529;--warning: #ffc857;--warning-fill: #44321b;--info: #64b5ff;--info-fill: #203347;--alternate: #bc91ff;--line: #ffffff0c;--chart-grid: #ffffff0c;--font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--s16: 64px;--radius-xs: 5px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--header: 72px;--page-padding: clamp(20px, 2.6vw, 44px);--ease: cubic-bezier(.2, .7, .2, 1);--fast: .2s;--normal: .28s;--slow: .36s}*{box-sizing:border-box}html{min-width:360px;background:var(--bg);scrollbar-gutter:stable}body{margin:0;color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;font-synthesis:none;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button,a{transition:background var(--fast) var(--ease),color var(--fast) var(--ease),opacity var(--fast) var(--ease)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--text-muted);outline-offset:3px}a{color:inherit;text-decoration:none}a:hover{color:var(--text)}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:540;line-height:1.25;letter-spacing:-.8px}h2{font-size:14px;font-weight:540;line-height:1.5}h3{font-size:13px;font-weight:520}strong,b{font-weight:540}small{font-size:11px}svg{flex-shrink:0}.lucide{stroke-width:1.65}input,select,textarea{width:100%;min-width:0;border:0;border-radius:var(--radius-sm);min-height:40px;padding:10px 12px;background:var(--field);transition:background var(--fast) var(--ease)}input:hover,select:hover,textarea:hover{background-color:var(--field-hover)}input:focus,select:focus,textarea:focus{background-color:var(--field-focus);outline:none;box-shadow:none}input::placeholder,textarea::placeholder{color:var(--text-faint);opacity:1}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;min-height:16px;height:16px;padding:0;border-radius:4px;background:var(--field-hover);position:relative;flex-shrink:0}input[type=checkbox]:checked{background:var(--primary)}input[type=checkbox]:checked:after{content:"";position:absolute;width:4px;height:7px;border:solid var(--primary-ink);border-width:0 1.65px 1.65px 0;transform:rotate(45deg);left:5px;top:3px}input[role=switch]{width:34px;height:20px;border-radius:12px}input[role=switch]:after{content:"";position:absolute;width:14px;height:14px;border:0;border-radius:50%;background:var(--text-faint);left:3px;top:3px;transition:transform var(--fast) var(--ease)}input[role=switch]:checked:after{background:var(--primary-ink);width:14px;height:14px;border:0;left:3px;top:3px;transform:translate(14px)}.mono{font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.block{display:block;margin-top:4px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-green{color:var(--positive-secondary)}.text-blue{color:var(--info)}.danger{color:var(--negative)}.spacer{flex:1}::selection{background:#ffffff25;color:var(--text)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#ffffff18;border-radius:4px}@keyframes arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.spin{animation:spin 1s linear infinite}.numeric{font-family:var(--mono);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;letter-spacing:0}.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}.workspace-header{background:var(--nav)}.header-inner{max-width:1536px;height:var(--header);padding-inline:var(--page-padding);margin-inline:auto;display:flex;align-items:center;gap:var(--s12)}.brand-link{display:inline-flex;flex-shrink:0;border-radius:var(--radius-xs)}.brand{display:inline-flex;align-items:center;gap:var(--s2);font-size:23px;font-weight:550;letter-spacing:-1px;color:var(--text);white-space:nowrap}.header-inner nav{display:flex;align-items:center;gap:var(--s2);align-self:stretch;min-width:0}.header-inner nav a{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);margin-block:var(--s4);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500;white-space:nowrap}.header-inner nav a:hover{background:var(--surface);color:var(--text)}.header-inner nav a.active{background:var(--surface-active);color:var(--text)}.nav-count{display:grid;place-items:center;font:10px var(--mono);min-width:20px;height:20px;padding-inline:4px;border-radius:var(--radius-xs);background:#ffffff09;color:var(--text-muted)}.header-account{display:flex;align-items:center;gap:var(--s6);margin-left:auto;flex-shrink:0}.live-label{display:inline-flex;align-items:center;gap:var(--s2);min-width:84px;color:var(--text-muted);font-size:11px;white-space:nowrap}.live-label .dot{color:var(--positive)}.live-label.offline .dot{color:var(--warning)}.live-label.connecting .dot{color:var(--text-faint)}.profile-button{display:flex;align-items:center;gap:var(--s3);padding:var(--s2);background:transparent;border-radius:var(--radius-sm)}.profile-button:hover,.profile-button[aria-expanded=true]{background:var(--surface-active)}.profile-button>span{display:flex;flex-direction:column;align-items:flex-start;max-width:112px;overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}.profile-button small{font-size:10px;color:var(--text-faint)}.profile-button>svg{color:var(--text-faint)}.account-menu{position:fixed;inset:auto;margin:0;width:208px;padding:8px;color:var(--text-secondary);border:0;border-radius:var(--radius);background:var(--surface-active);box-shadow:0 16px 48px #0006}.account-menu:popover-open{animation:arrive var(--fast) var(--ease)}.account-menu a,.account-menu>button{display:flex;gap:12px;align-items:center;width:100%;min-height:36px;padding:8px 12px;color:var(--text-secondary);background:transparent;border-radius:var(--radius-sm);font-size:12px;text-align:left}.account-menu a:hover,.account-menu>button:hover{background:var(--field-focus);color:var(--text)}.account-menu-name{padding:8px 12px 16px;font-size:12px;overflow:hidden;text-overflow:ellipsis}.account-menu-name small{display:block;color:var(--text-faint);font-size:10px;margin-top:4px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.dot.green{color:var(--positive)}.main{min-width:0}.content{max-width:1536px;margin:auto;padding:28px var(--page-padding) 24px}.page-content{animation:arrive var(--normal) var(--ease) both}.section-nav{display:flex;gap:4px;padding:4px;width:fit-content;max-width:100%;overflow-x:auto;margin-bottom:24px;background:var(--nav);border-radius:var(--radius-sm)}.section-nav a{display:flex;align-items:center;min-height:28px;padding:4px 12px;border-radius:var(--radius-xs);color:var(--text-muted);white-space:nowrap;font-size:12px}.section-nav a:hover{color:var(--text)}.section-nav a.selected{color:var(--text);background:var(--surface-active)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);margin-bottom:24px}.page-head p{color:var(--text-muted);font-size:12px;margin-top:8px}.page-head p .mono{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-actions{display:flex;align-items:center;gap:var(--s2);flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.stat{min-width:0;padding:16px 20px;background:var(--surface);border-radius:var(--radius)}.back{display:inline-flex;align-items:center;gap:8px;padding:0;margin-bottom:16px;color:var(--text-muted);background:transparent;font-size:11px}.back:hover{color:var(--text)}.skeleton{background:var(--surface-active);border-radius:var(--radius-xs);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,#ffffff04,transparent);transform:translate(-100%);animation:shimmer 1.25s ease-in-out infinite}.skeleton-heading{width:200px;height:28px;margin:4px 0 36px}.skeleton-nav{width:350px;height:24px;max-width:45vw}.skeleton-label{width:55%;height:12px}.skeleton-value{width:45%;height:32px;margin-block:16px 12px}.skeleton-chart{height:356px;margin-bottom:24px;border-radius:var(--radius);background:var(--surface)}.skeleton-row{height:68px;margin-top:4px;background:var(--surface);border-radius:var(--radius-sm)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:36px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--field);color:var(--text-secondary);font-size:12px;font-weight:500;white-space:nowrap}.button:hover{background:var(--field-hover);color:var(--text)}.button.primary{background:var(--primary);color:var(--primary-ink)}.button.primary:hover{background:var(--primary-hover)}.button.danger-fill{background:var(--negative-fill);color:var(--negative)}.button.danger-fill:hover{background:#5a2b31}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;flex-shrink:0;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm)}.icon-button:hover,.icon-button.active{background:var(--surface-active);color:var(--text)}.icon-button.danger{color:var(--negative)}.text-button{display:inline-flex;align-items:center;gap:8px;padding:4px 0;background:transparent;font-size:11px;color:var(--text-muted)}.text-button:hover{color:var(--text)}.text-button.danger{color:var(--negative)}.badge{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);background:var(--field);padding:5px 8px;border-radius:var(--radius-xs);font-size:10px;white-space:nowrap;line-height:1.3}.badge.green{color:var(--positive);background:var(--positive-fill)}.badge.red{color:var(--negative);background:var(--negative-fill)}.badge.amber{color:var(--warning);background:var(--warning-fill)}.badge .dot{width:4px;height:4px}.panel{background:var(--surface);border-radius:var(--radius);margin-bottom:24px;min-width:0}.panel-toolbar,.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:16px}.panel-title{padding-bottom:16px;color:var(--text-muted)}.panel-title h2{color:var(--text)}.title-with-count{display:flex;align-items:center;gap:8px}.count{font:10px var(--mono);color:var(--text-faint)}.panel-foot{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-faint);font-size:10px}.panel-foot .dot{width:4px;height:4px;margin-right:4px}.panel-foot a{color:var(--text-muted)}.table-scroll{position:relative;overflow-x:auto;padding:0}table{width:100%;border-collapse:separate;border-spacing:0 4px;text-align:left;font-size:12px;white-space:nowrap}th{font-size:10px;font-weight:450;color:var(--text-faint);padding:0 12px 8px}td{height:68px;padding:12px;color:var(--text-secondary);background:var(--surface);transition:background var(--normal) var(--ease)}td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}tbody tr:hover td{background:var(--surface-hover)}td strong,.table-link{color:var(--text);font-weight:500}tr.clickable{cursor:pointer}td>.icon-button{width:28px;height:28px}.search{display:flex;align-items:center;gap:8px;color:var(--text-faint);background:var(--field);padding-inline:12px;border-radius:var(--radius-sm);width:264px}.search input{background:transparent;padding:8px 0;font-size:11px;min-height:36px}.search input:focus-visible{outline-offset:0}.segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-sm);background:var(--bg);min-width:0}.segmented button{display:inline-flex;justify-content:center;align-items:center;gap:6px;height:28px;background:transparent;color:var(--text-muted);border-radius:var(--radius-xs);padding:4px 10px;font-size:11px;white-space:nowrap}.segmented button:hover{color:var(--text);background:var(--surface)}.segmented button.selected{color:var(--text);background:var(--surface-active)}.empty{text-align:center;padding:40px 24px;color:var(--text-muted)}.empty>span{display:inline-flex;margin-bottom:12px;color:var(--text-faint)}.empty h3{color:var(--text-secondary)}.empty p{font-size:11px;max-width:360px;margin:8px auto 0;color:var(--text-faint)}.notice{display:flex;align-items:flex-start;gap:8px;background:var(--surface-active);border-radius:var(--radius-sm);padding:12px;margin-bottom:20px;color:var(--text-muted);font-size:11px;line-height:1.7}.notice svg{margin-top:2px}.notice.warning{color:var(--warning);background:var(--warning-fill)}.notice.error{color:var(--negative);background:var(--negative-fill)}.notice.compact{font-size:10px;margin-top:12px}.modal{color:var(--text);background:var(--surface);padding:0;border:0;border-radius:var(--radius-lg);width:480px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 24px 96px #0006}.modal[open]{animation:dialog-in var(--normal) var(--ease) both}.modal.wide{width:780px}.modal::backdrop{background:#080a0bcc}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 20px}.modal-head h2{font-size:18px;font-weight:520}.modal-head .icon-button{width:28px;height:28px}.form-body{padding:8px 24px 24px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;min-width:0}.field>label{font-size:11px;color:var(--text-secondary)}.field>small{color:var(--text-faint);font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.form-grid.thirds{grid-template-columns:1fr 1.3fr 1fr}.form-tabs{display:flex;gap:4px;padding:4px;margin:0 24px 20px;background:var(--bg);border-radius:var(--radius-sm)}.form-tabs button{background:transparent;padding:8px 12px;color:var(--text-muted);border-radius:var(--radius-xs);font-size:11px}.form-tabs button:hover{color:var(--text)}.form-tabs button.selected{color:var(--text);background:var(--surface-active)}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px 24px}.modal-actions .button,.login-actions .button{min-height:40px}.modal-description{padding:0 24px 12px;color:var(--text-muted);font-size:12px;line-height:1.8}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 24px}.switch-row strong{font-weight:500;font-size:12px}.switch-row small{display:block;color:var(--text-faint);font-size:10px;margin-top:4px}.rule-editor{background:var(--bg);padding:16px;border-radius:var(--radius-sm);margin:20px 0}.rule-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rule-head strong{color:var(--text-secondary);font-size:12px}.rule-head label{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-muted)}.rule-head .icon-button{width:28px;height:28px}.rule-editor .field:last-child{margin-bottom:0}.code-block{font:11px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-secondary);background:var(--bg);padding:16px;margin:0 24px 24px;max-height:55vh;overflow:auto;border-radius:var(--radius-sm)}.form-body>.code-block{margin:20px 0 0}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 40px);padding:12px 16px;background:var(--surface-active);color:var(--text);box-shadow:0 12px 40px #0005;border-radius:var(--radius-sm);z-index:100;font-size:12px;animation:toast-in var(--normal) var(--ease)}.toast>svg{color:var(--positive)}.toast.error>svg{color:var(--negative)}.toast .icon-button{width:24px;height:24px}.two-col{align-items:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.port-name{display:flex;align-items:center;gap:12px}.port-name small{display:block;font-size:10px;color:var(--text-faint);margin-top:4px}.port-icon,.node-icon{display:inline-flex;justify-content:center;align-items:center;color:var(--text-muted);flex-shrink:0}.port-icon{width:24px}.route-cell{display:grid;gap:4px}.route-cell small{display:flex;align-items:center;gap:8px;color:var(--text-faint);font-family:var(--mono);font-size:10px}.route-cell .badge{padding:2px 4px;font-size:9px}.rate-cell{display:grid;grid-template-columns:auto auto;gap:4px 12px;font:11px var(--mono)}.rate-cell small{color:var(--text-faint);font:9px var(--font);grid-column:span 2}.lease-cell{display:flex;gap:4px;align-items:center;margin-bottom:4px;font-size:11px}.node-line,.activity-line{display:flex;align-items:center;gap:12px;padding:12px 20px 16px}.node-line strong,.activity-line strong{font-size:12px;font-weight:500}.node-line small,.activity-line small{display:block;color:var(--text-faint);font-size:10px;margin-top:4px}.node-line-right{text-align:right;margin-left:auto}.node-line-right small{font-size:9px}.activity-icon{display:inline-flex;color:var(--text-faint)}.node-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.node-card{margin:0;padding:24px}.node-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.node-card h2{font-size:16px}.node-card>p{margin-top:8px}dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 16px;font-size:11px;margin:24px 0}dt{color:var(--text-muted)}dd{color:var(--text-secondary);margin:0;text-align:right;overflow-wrap:anywhere}.node-card dd{font-family:var(--mono);font-size:10px}.button-row{display:flex;align-items:center;gap:8px;margin-top:16px}.button-row>.icon-button:last-child{margin-left:auto}.padded{padding:24px}.text-body{line-height:1.8;font-size:12px;margin-top:16px}.detail-meta{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--text-muted);font-size:10px;margin:0 0 24px}.detail-meta>span{display:flex;align-items:center;gap:8px}.policy-summary{display:flex;gap:16px;align-items:center;padding:12px 20px}.policy-summary p{color:var(--text-muted);font-size:11px;margin-top:8px;max-width:400px}.policy-icon{display:flex;color:var(--text-faint)}.policy-icon.amber{color:var(--warning)}.mini-rules{padding:8px 20px 24px}.mini-rules>div{display:flex;gap:12px;align-items:center;padding-block:8px}.mini-rules>p{font-size:11px}.countries{max-height:320px;overflow:auto;padding:8px 20px 20px}.country-line{margin-bottom:16px}.country-line>div:first-child{display:flex;align-items:center;gap:8px;font-size:12px}.country-line b{margin-left:auto;color:var(--text-secondary);font:11px var(--mono)}.country-code{font:10px var(--mono);color:var(--text-faint)}.bar{height:3px;background:var(--field);border-radius:2px;margin-top:12px}.bar i{display:block;height:100%;background:var(--info);border-radius:2px}.inventory-item{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:16px;background:var(--surface-active);border-radius:var(--radius-sm)}.inventory-item strong{display:flex;align-items:center;gap:8px;font-size:11px}.inventory-item small{display:block;margin-top:8px;color:var(--text-faint);font:10px var(--mono)}.inventory-item p{color:var(--text-muted);font-size:11px;margin-top:8px}.login-page{min-height:100dvh;display:flex;flex-direction:column}.login-header{height:88px;padding:24px 40px;display:flex;align-items:center;gap:24px}.login-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;width:100%;padding:48px 20px 96px}.login-form{width:384px;max-width:100%;margin:0 auto;background:var(--surface);border-radius:var(--radius-lg);padding:32px;box-shadow:0 16px 56px #0002}.login-form>label{display:block;color:var(--text-secondary);font-size:11px;margin-bottom:8px}.login-form>input{margin-bottom:20px}.login-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--field) inset;-webkit-text-fill-color:var(--text)}.login-form .notice{margin:0 0 20px}.login-actions{display:flex;justify-content:flex-end;margin-top:4px}.two-col.overview-bottom{align-items:stretch;gap:16px}.overview-bottom>.panel{margin-bottom:0}.overview-bottom .activity-line{padding-block:8px 12px}.overview-bottom .activity-line:last-child{padding-bottom:20px}.node-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px 20px 20px}.node-quick-stats>div{min-width:0}.node-quick-stats span{display:block;font-size:10px;color:var(--text-faint)}.node-quick-stats strong{display:flex;align-items:baseline;gap:8px;margin-top:8px;font-size:18px;font-weight:470}.node-quick-stats small{font-size:9px;color:var(--text-faint)}@media(max-width:520px){.node-quick-stats{padding:8px 16px 20px;gap:12px}.node-quick-stats strong{flex-wrap:wrap;gap:4px;font-size:16px}}.geography-toolbar{padding:0 20px 12px}.geography-list{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:4px;padding:0 12px 12px;max-height:300px;min-height:180px;overflow-y:auto}.geography-row{display:block;width:100%;padding:12px;background:transparent;border-radius:var(--radius-sm);text-align:left}.geography-row:hover,.geography-row.selected{background:var(--surface-active)}.geography-row>div{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:12px}.geography-row small{margin-left:8px;font-size:10px;color:var(--text-faint)}.geography-row b{color:var(--text-muted);font-size:11px}.geography-row .bar{display:block;margin-top:8px}.geography-empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;color:var(--text-faint);font-size:11px}.client-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px}.client-filters select{width:auto;min-width:148px;max-width:240px;height:36px;min-height:36px;padding-block:8px;font-size:12px}.client-count{margin-left:auto;color:var(--text-faint);font-size:11px;white-space:nowrap}.clients-table{min-width:920px}@media(max-width:760px){.client-filters{flex-wrap:wrap}.client-filters select{flex:1;max-width:100%}}.node-grid.admin-nodes{grid-template-columns:minmax(0,1fr);gap:24px}.node-identity{display:flex;align-items:center;gap:16px;min-width:0}.node-identity .node-icon{width:44px;height:44px;border-radius:var(--radius);background:var(--field)}.node-identity p{font-size:11px;margin-top:4px}.node-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.node-metric{background:var(--bg);border-radius:var(--radius-sm);padding:16px;min-width:0}.node-metric label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.node-metric>strong{display:flex;align-items:baseline;gap:8px;font-size:26px;font-weight:470;margin-block:12px 8px}.node-metric small{color:var(--text-faint);font-size:10px}.node-metric>span{display:block;color:var(--text-faint);font-size:10px;white-space:nowrap}.node-metric>i{display:block;height:3px;margin-top:16px;background:var(--field);border-radius:2px;overflow:hidden}.node-metric>i:before{content:"";display:block;width:var(--usage);max-width:100%;height:100%;background:var(--text-muted);transition:width .85s cubic-bezier(.4,0,.2,1)}.node-network-rate{display:flex;gap:8px;align-items:baseline;margin-top:12px}.node-network-rate strong{font-size:20px;font-weight:470;margin-left:auto}.node-workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-bottom:24px}.node-history{min-width:0;border-radius:var(--radius-sm);background:var(--bg);padding:12px 8px 0}.node-history-toolbar{display:flex;justify-content:space-between;gap:12px;padding:0 8px}.node-history-toolbar select{width:auto;min-height:36px;height:36px;font-size:11px;padding-block:8px}.node-chart-wrap{position:relative}.node-chart{height:260px}.node-chart-empty{position:absolute;inset:45% 0 auto;text-align:center;color:var(--text-faint);font-size:11px;pointer-events:none}.node-facts{margin:8px 0;font-size:11px;gap:12px;align-content:start}.node-ports-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-muted)}.node-ports-head h3{color:var(--text)}.node-ports-table{min-width:1080px;table-layout:fixed}.node-ports-table td{background:var(--bg)}.node-ports-table th:first-child{width:18%}.node-ports-table th:nth-child(2){width:22%}.node-ports-table th:last-child{width:36px}.node-ports-table th:nth-child(n+3):not(:last-child),.node-ports-table td:nth-child(n+3):not(:last-child){text-align:right}.node-ports-table td{overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.node-workbench{grid-template-columns:minmax(0,1fr);gap:16px}.node-facts{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);column-gap:16px}}@media(max-width:760px){.node-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.node-facts{grid-template-columns:auto minmax(0,1fr)}}@media(max-width:520px){.node-metric{padding:12px}.node-metric>span{white-space:normal}.node-metric>strong{font-size:22px}.node-network-rate{gap:4px;flex-wrap:wrap}.node-network-rate strong{font-size:18px}.node-network-rate small{font-size:9px}.node-identity{gap:12px}.node-identity h2{font-size:14px}.node-identity .node-icon{display:none}}.client-list-controls{display:flex;align-items:center;gap:20px;margin-bottom:16px}.client-list-controls .client-filters{flex:1;margin-bottom:0;min-width:0}.client-list-controls .pagination{color:var(--text-faint);font-size:11px;flex-shrink:0}@media(max-width:1100px){.client-list-controls{flex-wrap:wrap;gap:12px}.client-list-controls .client-filters{flex-basis:100%}.client-list-controls .pagination{margin-left:auto}}.traffic-panel{position:relative;container-type:inline-size}.chart-controls{display:flex;align-items:center;gap:8px;min-width:0}.subtle-select{background:var(--field);min-height:36px;padding:8px 12px;font-size:11px;width:auto;max-width:180px}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px 16px}.chart-tabs{display:flex;min-width:0;overflow-x:auto}.chart-tabs .segmented,.chart-modes{flex-shrink:0}.charts-body{padding:0 12px 12px}.chart-focus{border-radius:var(--radius-sm);background:var(--bg);padding-top:16px}.traffic-panel>.panel-toolbar{padding:16px 20px}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 4px}.chart-heading h3{font-size:12px;color:var(--text-secondary);font-weight:500}.chart-heading>span{color:var(--text-faint);font:10px var(--mono)}.chart-wrap{position:relative;min-width:0}.chart{height:280px;width:100%}.chart-empty{position:absolute;top:30px;right:24px;bottom:48px;left:24px;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:11px;pointer-events:none}.chart-empty span{display:none}.charts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chart-tile{min-width:0;border-radius:var(--radius-sm);background:var(--bg);padding-top:16px}.chart-tile .chart{height:200px}.chart-footnote{padding:0 20px 16px;display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);color:var(--text-faint)}@container (max-width: 1040px){.chart-toolbar{flex-wrap:wrap}.chart-tabs{flex:1}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 760px){.traffic-panel>.panel-toolbar{flex-wrap:wrap}.chart-controls{width:100%;flex-wrap:wrap}.periods{order:3;width:100%;overflow-x:auto}.chart-controls>.icon-button{margin-left:auto}.chart-toolbar{gap:8px}.chart-modes{margin-left:auto}.chart-tabs{flex-basis:100%}.chart-footnote>span:last-child{display:none}}@container (max-width: 520px){.charts-grid,.chart-mini .traffic-panel>.panel-toolbar{padding:16px 20px}.chart-heading{align-items:flex-start;flex-direction:column}.chart{height:240px}.chart-tabs button{font-size:10px;padding-inline:8px}}.chart-tooltip{position:absolute;z-index:5;width:260px;max-width:calc(100% - 16px);left:var(--cursor-x, 16px);top:var(--cursor-y, 120px);padding:16px;border-radius:var(--radius-sm);background:var(--surface-active);box-shadow:0 12px 40px #0005;pointer-events:none}.chart-tooltip time{display:block;color:var(--text-muted);font-size:9px;margin-bottom:12px}.chart-tooltip dl{margin:0;gap:8px;font-size:10px}.chart-tooltip dd{font:10px var(--mono)}.chart-tooltip small{font-size:9px;color:var(--text-faint)}.table-section{min-width:0;margin-bottom:32px}.table-section>.panel-title{padding:0 0 16px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;min-height:36px}.list-toolbar .search{width:320px;max-width:100%}.list-toolbar .search input{font-size:12px}.list-toolbar .segmented{background:var(--nav)}.list-filter{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);background:var(--field);border-radius:var(--radius-sm);padding-left:12px}.list-filter select{width:auto;min-width:156px;min-height:36px;font-size:12px;background:transparent;padding:8px 12px 8px 0}.data-table{width:100%;table-layout:fixed;border-spacing:0 4px}.data-table th{padding:0 16px 8px;font-size:11px;color:var(--text-muted)}.data-table td{height:68px;padding:12px 16px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.data-table td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.data-table .align-right{text-align:right}.data-table .cell-actions{text-align:right;padding-inline:8px 12px}.table-title{display:block;font-size:13px;font-weight:500;line-height:1.5;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-detail{display:block;font-size:11px;line-height:1.4;margin-top:4px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-detail.mono{font-size:10px}.timestamp{display:inline-flex;flex-direction:column;white-space:nowrap;font:11px/1.5 var(--mono);font-variant-numeric:tabular-nums}.timestamp small{font:10px/1.4 var(--mono);color:var(--text-faint);margin-top:4px}.icon-button.small{width:28px;height:28px;border-radius:var(--radius-xs)}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding-top:8px;color:var(--text-faint);font-size:10px}.table-footer .dot{margin-right:4px;width:4px;height:4px}.pagination{display:flex;align-items:center;gap:4px}.pagination>span{margin-right:12px}.list-empty{padding:48px 24px;text-align:center;color:var(--text-faint);background:var(--surface);border-radius:var(--radius-sm)}.list-empty svg{margin-bottom:12px}.list-empty h3{color:var(--text-muted)}.list-empty p{margin-top:8px;font-size:11px}.event-title{display:flex;align-items:center;gap:12px;min-width:0}.event-title>svg{color:var(--text-muted)}.event-title>div{min-width:0}.tunnels-table{min-width:1160px}.tunnels-table .col-tunnel{width:22%}.tunnels-table .col-route{width:auto}.tunnels-table .col-rate{width:116px}.tunnels-table .col-limit{width:148px}.tunnels-table .col-access,.tunnels-table .col-status{width:128px}.tunnels-table .col-actions{width:48px}.tunnels-table .port-name>div{min-width:0}.tunnels-table .port-icon{display:inline-flex;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--field)}.tunnels-table .route-cell>.mono{font-size:11px}.tunnels-table .route-cell small{gap:4px;font-size:10px}.tunnels-table .rate-cell{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;font-size:11px}.rate-cell>span{display:flex;align-items:center;justify-content:flex-end;gap:8px}.limit-cell{display:grid;gap:4px;font-size:11px}.limit-cell small{color:var(--text-faint);font-size:10px}.tunnels-table .lease-cell{margin-bottom:4px}.tunnels-table td:nth-child(6)>small{display:block;overflow:hidden;text-overflow:ellipsis;font-size:10px}.users-table,.access-table,.audit-table{min-width:880px}.clients-table{min-width:760px}@media(max-width:620px){.list-toolbar{flex-wrap:wrap;gap:12px}.list-toolbar .search{width:100%}.list-toolbar>.segmented{overflow-x:auto;max-width:100%}.data-table:not(.clients-table),.data-table:not(.clients-table) tbody{display:block;min-width:0}.data-table:not(.clients-table) colgroup,.data-table:not(.clients-table) thead{display:none}.data-table:not(.clients-table) tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:16px;background:var(--surface);border-radius:var(--radius-sm);margin-bottom:8px}.data-table:not(.clients-table) td{display:block;min-width:0;height:auto;padding:0;background:transparent;border-radius:0;text-align:left;overflow:hidden}.data-table:not(.clients-table) td[data-label]:not(.cell-primary):not(.cell-state){grid-column:1 / -1;display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:12px;padding-top:16px}.data-table:not(.clients-table) td[data-label]:not(.cell-primary):not(.cell-state):before{content:attr(data-label);color:var(--text-faint);font:10px/1.5 var(--font);grid-column:1;grid-row:1 / span 3;padding-top:1px}.data-table:not(.clients-table) td[data-label]>.table-detail{grid-column:2}.data-table:not(.clients-table) .cell-primary{grid-column:1;grid-row:1;padding-right:12px}.data-table:not(.clients-table) .cell-state{grid-column:2;grid-row:1;text-align:right}.data-table:not(.clients-table) .cell-actions{grid-column:2;justify-self:end;margin-top:12px}.data-table.audit-table .cell-primary{grid-column:1 / -1}.event-title>svg{display:none}.table-footer{flex-wrap:wrap;font-size:10px}.tunnels-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tunnels-table td:first-child{grid-column:1;grid-row:1;padding-right:8px}.tunnels-table td:nth-child(2){grid-column:1 / -1;grid-row:2;margin-top:16px}.data-table.tunnels-table td[data-direction]{display:block;padding-top:0;margin-top:16px}.data-table.tunnels-table td[data-direction]:before{content:attr(data-direction);display:block;padding:0 0 6px;color:var(--text-faint);font:10px/1.5 var(--font)}.tunnels-table td:nth-child(3){grid-column:1;grid-row:3}.tunnels-table td:nth-child(4){grid-column:2;grid-row:3}.tunnels-table td:nth-child(5){grid-column:1 / -1;grid-row:4}.tunnels-table td:nth-child(6){grid-column:1;grid-row:5;margin-top:16px}.tunnels-table td:nth-child(7){grid-column:2;grid-row:1;text-align:right}.tunnels-table td:last-child{grid-column:2;grid-row:5;margin-top:12px;justify-self:end}.tunnels-table .rate-cell>span{justify-content:flex-start}.tunnels-table .rate-cell small{text-align:left}.tunnels-table .port-icon{width:24px;height:28px;background:transparent}.tunnels-table .port-name{gap:8px}}.tunnels-table td:last-child{padding:0 8px;text-align:right;text-overflow:clip}.tunnels-table td:last-child .icon-button{width:28px;height:28px}.tunnels-table .rate-cell{font-size:12px;line-height:1.5}.tunnels-table .rate-cell small{font:10px/1.4 var(--font);color:var(--text-faint)}.title-with-count>svg{color:var(--text-muted)}@media(max-width:1100px){.header-inner{gap:var(--s6)}.header-inner nav{gap:4px}.header-inner nav a{padding-inline:12px}.header-account{gap:12px}.profile-button small{display:none}.live-label{min-width:64px}.stats{gap:12px}.stat-value{font-size:28px;grid-template-columns:minmax(0,1fr) auto}}@media(max-width:980px){.two-col{grid-template-columns:minmax(0,1fr);gap:0}.stat-note{flex-wrap:wrap}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:900px){.header-inner{gap:16px}.header-inner nav a{padding-inline:10px}.live-label{min-width:5px}.live-label>span:last-child{display:none}}@media(max-width:760px){.header-inner{flex-wrap:wrap;height:auto;padding-top:16px;gap:12px}.header-inner nav{order:3;width:100%;overflow-x:auto;gap:4px}.header-inner nav a{margin-block:0 12px;padding:8px 12px;flex-shrink:0;font-size:13px;min-height:36px}.header-account{gap:16px}.live-label{min-width:64px}.live-label>span:last-child{display:inline}.profile-button>span{max-width:104px}.profile-button{padding:4px 8px}.content{padding-top:24px}.page-head{margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-actions{flex-wrap:wrap}.stats{gap:12px}.stat-value{font-size:26px}.panel-toolbar{flex-wrap:wrap;padding:16px}.panel-title{padding:16px}.panel-foot{flex-wrap:wrap;padding:12px 16px;gap:4px}.node-grid{grid-template-columns:minmax(0,1fr)}.node-card{padding:20px}.chart-toolbar,.chart-footnote{padding-inline:16px}}@media(max-width:620px){.form-grid,.form-grid.thirds{grid-template-columns:minmax(0,1fr)}.modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.modal-head{padding:20px}.form-body{padding:4px 20px 20px}.form-tabs{margin-inline:20px;overflow-x:auto}.form-tabs button{white-space:nowrap;padding-inline:8px;font-size:11px}.modal-actions{padding:16px 20px 20px;flex-wrap:wrap}.modal-actions .spacer{min-width:20px}.modal-description{padding-inline:20px}.inventory-item{align-items:flex-start;flex-direction:column}.inventory-item strong{flex-wrap:wrap}.code-block{margin-inline:20px}.login-header{height:72px;padding:20px;gap:16px}.login-main{padding-block:40px 72px}.login-form{padding:28px}.login-footer{padding:20px}}@media(max-width:520px){h1{font-size:27px}.stats{gap:12px}.stat{padding:16px}.stat-top svg{display:none}.stat-value{font-size:22px;gap:4px}.stat-unit{font-size:10px}.stat-top{font-size:11px}.stat-note{font-size:10px;gap:4px}.stat-direction{min-width:0;font-size:10px}.stat-value:has(.stat-number){grid-template-columns:minmax(0,1fr) auto}.node-line{padding-inline:16px}.node-line strong{font-size:12px}.node-line-right small{max-width:110px}.section-nav a{font-size:11px;padding-inline:8px}.toast{width:calc(100vw - 32px);font-size:11px}}select,select:hover,select:focus,.subtle-select,.list-filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23969c9f' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:none}.select-control{position:relative;display:inline-block;min-width:0;width:100%;vertical-align:middle}.select-native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.select-trigger{display:flex;width:100%;min-height:40px;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--field);color:var(--text-secondary);font-size:13px;text-align:left}.select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger>svg{color:var(--text-muted);transition:rotate .2s var(--ease)}.select-trigger[aria-expanded=true]>svg{rotate:180deg}.select-trigger:hover{background:var(--field-hover)}.select-trigger:focus-visible,.select-trigger[aria-expanded=true]{outline:none;background:var(--field-focus)}.select-placeholder{color:var(--text-faint)}.select-menu{position:fixed;inset:auto;margin:0;padding:6px;border:0;border-radius:var(--radius);background:var(--surface-active);color:var(--text);box-shadow:0 16px 48px #0007;overflow:hidden}.select-menu:popover-open{display:flex;flex-direction:column;animation:arrive .16s var(--ease)}.select-options{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:4px;min-height:0;overflow:auto;overscroll-behavior:contain}.select-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;min-height:38px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:12px}.select-options.virtual-options{display:block}.virtual-options .select-option{margin-bottom:4px}.virtual-options .select-option>span,.virtual-options .select-option small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.select-option>span{min-width:0;overflow-wrap:anywhere}.select-option small{display:block;font-size:11px;color:var(--text-muted);margin-top:3px}.select-option[aria-selected=true]{color:var(--text);background:var(--field-focus)}.select-option[data-highlighted=true]{background:var(--field-hover);color:var(--text)}.select-option[aria-selected=true][data-highlighted=true]{background:var(--field-focus)}.select-option.disabled{opacity:.4;cursor:default}.select-option>svg{color:var(--text-muted)}.select-search{display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:6px;border-radius:6px;background:var(--bg);color:var(--text-faint)}.select-search input,.select-search input:focus{background:transparent;padding:8px 0;min-height:36px;font-size:12px}.select-empty{padding:24px 12px;text-align:center;color:var(--text-muted);font-size:12px}.subtle-select.select-control{background:transparent;padding:0;width:168px;max-width:220px}.subtle-select .select-trigger{min-height:36px;padding-block:8px;font-size:12px}.list-filter .select-control{width:auto;min-width:156px}.list-filter .select-trigger{background:transparent;min-height:36px;padding:8px 12px 8px 0;font-size:12px}.client-filters .select-control{width:200px;max-width:240px}.client-filters .select-trigger{min-height:36px;padding-block:8px;font-size:12px}.node-history-toolbar .select-control{width:132px}.node-history-toolbar .select-trigger{min-height:36px;padding-block:8px;font-size:12px}@media(max-width:760px){.client-filters .select-control{flex:1;min-width:148px;max-width:100%}}.overview-workspace{display:grid;grid-template-columns:304px minmax(0,1fr);gap:20px;align-items:stretch;margin-bottom:28px}.overview-workspace>.traffic-panel{margin:0}.overview-sidebar{display:flex;flex-direction:column;gap:16px;min-width:0}.overview-sidebar>.panel{margin:0}.overview-sidebar>.panel:last-child{flex:1}.overview-sidebar .panel-title{padding:16px 16px 12px}.overview-sidebar .panel-title h2{font-size:13px}.overview-sidebar .text-button{font-size:10px;gap:4px}.overview-node{padding:8px 16px 16px}.overview-node+.overview-node{padding-top:16px}.overview-node-name{display:flex;align-items:center;gap:8px;min-width:0}.overview-node-name>svg{flex-shrink:0;color:var(--text-faint)}.overview-node-name strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.overview-node-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:8px;color:var(--text-muted);font-size:10px}.overview-node-status{display:inline-flex;align-items:center;gap:6px}.overview-node-status>span{width:5px;height:5px;border-radius:50%;background:currentColor}.overview-node-status.is-online{color:var(--positive-secondary)}.overview-node-status.is-error{color:var(--negative)}.overview-node-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0;padding:12px;border-radius:var(--radius-sm);background:var(--surface-hover)}.overview-node-rates dt{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--text-faint)}.overview-node-rates dt>span:first-child{font-family:var(--mono);font-size:10px}.overview-node-rates dd{margin:4px 0 0;font-family:var(--font);font-size:20px;font-weight:470;line-height:1.3;color:var(--text);text-align:left}.overview-node-footer,.overview-node-footer>span{display:flex;align-items:center;gap:6px}.overview-node-footer{justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--text-muted)}.overview-node-footer .numeric{color:var(--text-secondary)}.overview-node-footer .is-pending{color:var(--warning)}.overview-node-footer .is-error{color:var(--negative)}.overview-sidebar .activity-line{padding:8px 16px 12px;gap:12px}.overview-sidebar .activity-line strong{font-size:12px}.overview-sidebar .activity-line small{color:var(--text-muted)}.overview-sidebar .empty{padding:20px 16px}.overview-sidebar .empty p{font-size:11px}.overview-workspace .chart-controls{flex:1;justify-content:flex-end}.overview-workspace .traffic-panel>.panel-toolbar{flex-wrap:wrap;gap:12px}.overview-workspace .traffic-panel>.panel-toolbar>h2{flex:1 1 120px}.overview-workspace .traffic-panel .chart-controls{flex:1 1 550px}.overview-workspace .traffic-panel .chart-controls>.subtle-select{margin-right:auto}.skeleton-sidebar{min-height:420px;background:var(--surface);border-radius:var(--radius)}.overview-workspace>.skeleton-chart{height:420px;margin:0}.page-content:has(>.section-nav){display:flex;flex-direction:column}.page-content:has(>.section-nav)>.page-head{order:-2}.page-content:has(>.section-nav)>.section-nav{order:-1;margin-bottom:24px}.table-section{margin-bottom:24px}.table-section .list-toolbar{margin-bottom:12px}.tunnels-table th{padding-inline:16px}.tunnels-table .route-cell small{color:var(--text-muted)}.tunnels-table .rate-cell{color:var(--text);font-size:12px}.tunnels-table .port-name small,.limit-cell small{color:var(--text-muted)}.badge{font-size:11px;padding:5px 8px}.badge.green{color:#65dba4}.data-table .table-detail{max-width:100%}.geography-row>div>span{display:block}.geography-row small{display:block;margin:3px 0 0;color:var(--text-muted);font-size:11px}.geography-row .bar{height:2px;margin-top:10px}.geography-row{padding:12px}.geography-list{max-height:332px}.geography-list.virtual-geography{display:block}.virtual-geography .geography-row{height:76px;margin-bottom:4px}.geography-row b{align-self:flex-start;padding-top:1px}.provider-name{font-family:var(--font);color:var(--text-muted);font-size:11px;max-width:220px}.node-card{padding:20px}.node-metric>strong{margin-block:8px}.node-metric>i{margin-top:12px}.node-facts{padding:4px 0}.node-card dd{font-size:11px}.node-ports-table td{height:64px}.field>label{font-size:12px;color:var(--text-muted)}.form-tabs button{font-size:12px}.form-body .notice{margin-bottom:0}.login-form{padding:32px}.login-actions{margin-top:8px}.login-actions .button{width:100%}.login-form>label{color:var(--text-muted);font-size:12px}@media(min-width:1181px){.overview-workspace .traffic-panel .chart{height:282px}}@media(max-width:1180px){.overview-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.overview-workspace>.traffic-panel{grid-row:1}.overview-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-sidebar{display:none}}@media(max-width:760px){.stats{gap:12px}.stat{padding:16px}.stat-top{font-size:11px;align-items:flex-start}.stat-top>svg{display:none}.stat-unit{display:block;margin:2px 0 0;font-size:10px}.stat-unit:before{display:none}.stat-value{margin-block:8px}.overview-workspace .traffic-panel .chart-controls{flex-basis:100%}.overview-sidebar{grid-template-columns:minmax(0,1fr)}.chart-toolbar{padding-bottom:12px}.node-card{padding:16px}}.overview-workspace .traffic-panel>.panel-toolbar>h2{flex:0 0 auto}@media(max-width:1180px){.page-content:has(>.overview-workspace){display:flex;flex-direction:column}.page-content>.overview-workspace{display:contents}.page-content:has(>.overview-workspace)>.page-head{order:0}.page-content:has(>.overview-workspace)>.stats{order:1}.overview-workspace>.traffic-panel{order:2;margin-bottom:24px}.page-content:has(>.overview-workspace)>.tunnel-section{order:3}.overview-workspace>.overview-sidebar{order:4}}.resource-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.resource-summary-item{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:var(--radius);background:var(--surface)}.resource-summary-icon{color:var(--text-muted);padding-top:2px}.resource-summary-item>div{min-width:0}.resource-summary-item span:not(.resource-summary-icon){color:var(--text-muted);font-size:11px}.resource-summary-item strong{display:block;font-size:26px;font-weight:470;line-height:1.2;margin-top:8px}.resource-summary-item small{color:var(--text-faint)}.list-surface{padding:20px;border-radius:var(--radius);background:var(--nav);min-width:0}.section-heading{margin-bottom:20px}.section-heading>div{display:flex;align-items:center;gap:10px;min-width:0}.section-heading svg{color:var(--text-muted)}.section-heading h2{font-size:14px}.section-heading>div>span{margin-left:auto;color:var(--text-muted);font:11px var(--mono)}.list-surface .list-toolbar{margin-bottom:20px}.list-surface .segmented{background:var(--surface)}.list-surface .segmented .selected{background:var(--field-focus)}.list-surface .data-table{margin-top:4px}.list-surface .table-footer{padding-top:16px;min-height:36px}.list-surface .empty{background:var(--surface);border-radius:var(--radius-sm)}.resource-filters{display:flex;align-items:center;gap:16px;margin-bottom:24px}.resource-filters>.select-control{width:220px;margin-left:auto}.resource-filters .select-trigger{min-height:36px;padding-block:8px;font-size:12px}.node-list-toolbar{margin-bottom:20px}.node-card-top .node-icon{background:var(--field);border-radius:var(--radius-sm)}.node-card-top>.badge{align-self:flex-start;margin-top:8px}.node-facts{background:var(--bg);padding:16px;border-radius:var(--radius-sm);margin:0;align-content:start}.node-ports-head{margin-top:24px}.node-card>.button-row{margin-top:20px;padding-top:4px}.tunnel-workspace,.client-workspace,.system-workspace{display:grid;grid-template-columns:304px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:24px}.tunnel-context,.system-sidebar,.system-sections{display:grid;gap:16px;min-width:0}.tunnel-context>.panel,.client-geography>.panel,.system-workspace .panel{margin:0}.tunnel-workspace>.traffic-panel{margin:0;align-self:stretch;display:flex;flex-direction:column}.tunnel-workspace .traffic-panel .chart-controls{flex-wrap:wrap;justify-content:flex-end}.tunnel-workspace .traffic-panel>.panel-toolbar{flex-wrap:wrap;gap:12px}.tunnel-workspace .traffic-panel .chart-focus,.tunnel-workspace .traffic-panel .charts-body{flex:1;display:flex;flex-direction:column}.tunnel-workspace .traffic-panel .chart{flex:1;min-height:300px}.tunnel-connection{padding:20px}.tunnel-connection .section-heading{margin-bottom:16px}.connection-route{display:grid;gap:4px;padding:12px;background:var(--bg);border-radius:var(--radius-sm)}.connection-route>span{font-size:10px;color:var(--text-muted)}.connection-route>strong{font-size:12px;overflow-wrap:anywhere}.connection-route>svg{color:var(--text-faint);margin-block:4px}.tunnel-connection dl{margin:16px 0 0;gap:12px}.tunnel-connection dd{font-size:11px}.tunnel-context .panel-title{padding:16px 20px 12px;gap:12px}.tunnel-context .panel-title h2{font-size:13px}.tunnel-context .policy-summary{padding:4px 20px 12px;gap:12px;align-items:flex-start}.tunnel-context .policy-icon{width:auto;height:auto;background:transparent}.tunnel-context .policy-icon>svg{width:20px;height:20px}.tunnel-context .policy-summary p{font-size:11px;margin-top:6px}.tunnel-context .mini-rules{padding:0 20px 16px}.tunnel-context .mini-rules>div{flex-wrap:wrap;gap:8px}.tunnel-context .mini-rules .truncate{width:100%}.client-geography .panel-title{padding:20px 16px 12px;gap:8px}.client-geography .panel-title h2{font-size:13px}.client-geography .geography-list{max-height:500px}.client-workspace>.table-section{padding:20px;border-radius:var(--radius);background:var(--nav);margin:0}.client-workspace .client-list-controls{flex-wrap:wrap;gap:12px}.client-workspace .client-list-controls .client-filters{flex-basis:100%}.client-workspace .client-filters .select-control{flex:1;min-width:120px;max-width:none;width:auto}.client-workspace .client-list-controls .pagination{margin-left:auto}.client-workspace .clients-table{min-width:720px}.system-identity,.settings-section{padding:20px}.system-identity>.badge{margin-bottom:4px}.system-identity>.muted{display:block;font-size:11px;margin-top:4px}.account-identity{font-size:20px;overflow-wrap:anywhere}.setting-facts{display:block;margin:0}.setting-facts>div{display:flex;justify-content:space-between;gap:20px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg);margin-top:4px}.setting-facts dt,.setting-facts dd{font-size:12px}.system-identity .setting-facts{margin-top:20px}.system-identity .setting-facts>div{padding:10px 0;background:transparent;margin:0}.system-identity .setting-facts dt,.system-identity .setting-facts dd{font-size:11px}.settings-source{display:flex;align-items:center;gap:12px;margin-top:20px;color:var(--text-muted);font-size:11px;flex-wrap:wrap}.settings-source a{margin-left:auto}.settings-notes{display:grid;gap:4px}.settings-notes>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:16px;background:var(--bg);border-radius:var(--radius-sm)}.settings-notes h3{display:flex;gap:8px;align-items:baseline;font-size:12px;color:var(--text-secondary)}.settings-notes h3 svg{align-self:center;color:var(--text-muted)}.settings-notes p{font-size:12px;color:var(--text-muted);line-height:1.7}.modal-head>div{display:flex;align-items:center;gap:12px}.modal-symbol{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--field);color:var(--text-muted)}.modal-head{padding:20px 24px}.modal-head h2{font-size:17px}.modal-actions{background:var(--surface);position:sticky;bottom:0;z-index:1;padding-top:16px}.form-body{padding-top:0;padding-bottom:8px}.form-section{background:var(--bg);border-radius:var(--radius);padding:20px;min-width:0}.form-section-title{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.form-section>.field:last-child,.form-section>.switch-row:last-child{margin-bottom:0}.form-section .form-grid>.field{margin-bottom:16px}.form-section .notice{margin-top:4px;background:var(--surface-active);color:var(--text-muted)}.form-section .switch-row{background:var(--surface);padding:16px;border-radius:var(--radius-sm);gap:16px;margin:0 0 16px}.form-section .switch-row small{color:var(--text-muted);font-size:11px}.form-section .text-body{font-size:11px;margin:0 0 16px}.form-tabs{margin-bottom:16px}.number-field{position:relative;min-width:0}.number-field.has-unit input{padding-right:76px}.number-field>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:11px}.rule-editor{background:var(--surface);margin:0 0 16px}.country-rule-picker{display:grid;gap:8px}.country-rule-tags{display:flex;flex-wrap:wrap;gap:8px}.country-rule-tags button{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:0;border-radius:var(--radius-xs);background:var(--field);color:var(--text-secondary);font:11px var(--font);cursor:pointer}.country-rule-tags button:hover{background:var(--field-hover)}.rule-head strong{color:var(--text)}.modal-grant .form-grid{gap:0 20px}.modal-inventory .inventory-list{margin-top:20px}.modal-inventory .inventory-item{background:var(--bg);padding:16px;border-radius:var(--radius-sm)}.modal-inventory .inventory-item small{color:var(--text-muted)}.modal-inventory .inventory-item p{font-size:11px}.modal-inventory .button-row{margin:0;flex-wrap:wrap;font-size:11px;gap:12px}.modal-inventory .button-row>span:first-child{white-space:nowrap}.modal-inventory .button-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.modal-inventory .button-row>.spacer{display:none}.modal-inventory .button-row>button{margin-left:auto}.modal-inventory .code-block{white-space:pre;overflow-wrap:normal}.inventory-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:0 0 16px}.inventory-context strong{font-size:13px}.modal-inventory .form-body{padding-bottom:24px}.page-content>.empty{border-radius:var(--radius);background:var(--surface)}.modal-text .code-block{margin-top:0}.event-details{padding:0 24px 8px}.event-details dl{margin:0;display:block;padding:8px 16px;border-radius:var(--radius);background:var(--bg)}.event-details dl>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:12px 0}.event-details dd{text-align:left}.event-details details{margin-top:16px}.event-details summary{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;color:var(--text-muted);font-size:12px;border-radius:var(--radius-sm);background:var(--field)}.event-details summary::-webkit-details-marker{display:none}.event-details summary svg{transition:rotate var(--fast)}.event-details details[open] summary svg{rotate:90deg}.event-details .code-block{margin:8px 0 0}.inventory-skeleton{padding-block:20px}.skeleton-toolbar{height:44px;margin-bottom:20px}@media(max-width:1180px){.tunnel-workspace,.client-workspace{grid-template-columns:minmax(0,1fr)}.tunnel-workspace>.traffic-panel{grid-row:1}.tunnel-context{grid-template-columns:repeat(2,minmax(0,1fr))}.client-geography .geography-list{max-height:260px}.tunnel-workspace .traffic-panel .chart{min-height:280px}}@media(max-width:980px){.system-workspace{grid-template-columns:minmax(0,1fr)}.system-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.resource-summary{gap:12px}.resource-summary-item{padding:16px;gap:0}.resource-summary-icon{display:none}.resource-summary-item strong{font-size:24px}.list-surface,.client-workspace>.table-section{padding:16px}.resource-filters{flex-wrap:wrap;gap:12px}.resource-filters>.segmented{max-width:100%;overflow-x:auto}.resource-filters>.select-control{width:100%}.tunnel-workspace .traffic-panel .chart-controls{justify-content:flex-start}.tunnel-context{grid-template-columns:minmax(0,1fr)}.client-workspace .client-filters .select-control{min-width:140px}.system-sidebar{grid-template-columns:minmax(0,1fr)}.settings-notes>div{grid-template-columns:minmax(0,1fr);gap:8px}}@media(max-width:620px){.resource-summary{grid-template-columns:minmax(0,1fr);gap:4px}.resource-summary-item{padding:14px 16px;border-radius:var(--radius-sm)}.resource-summary-item>div{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px}.resource-summary-item strong{margin:0;font-size:20px}.resource-summary-item span:not(.resource-summary-icon){font-size:12px}.modal-head{padding:16px}.modal-symbol{width:28px;height:28px;background:transparent}.modal-head h2{font-size:16px}.form-body{padding:0 12px 4px}.form-section{padding:16px}.modal-actions{padding:16px;flex-wrap:wrap}.form-tabs{margin-inline:12px}.modal .form-grid,.modal .form-grid.thirds{grid-template-columns:minmax(0,1fr)}.modal .switch-row{padding:12px}.modal-inventory .inventory-item{align-items:flex-start;gap:16px}.modal-inventory .button-row>span:nth-child(2){display:none}}.metric-card{display:flex;flex-direction:column;gap:16px;min-width:0;padding:20px;container-type:inline-size;background:var(--surface);border-radius:var(--radius)}.metric-heading{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:start;gap:8px;min-height:16px;color:var(--text-muted);font-size:11px;line-height:16px}.metric-heading-icon{display:flex;color:var(--text-muted)}.metric-heading-icon svg{width:16px;height:16px;flex-shrink:0}.metric-heading-label{min-width:0}.metric-unit{color:var(--text-faint);font-size:10px;white-space:nowrap}.metric-content{display:grid;align-content:start;gap:8px;min-width:0}.metric-reading{display:flex;align-items:center;min-height:34px}.metric-number{display:inline-flex;align-items:baseline;color:var(--text);white-space:nowrap;font:470 26px / 34px var(--font);letter-spacing:-.7px;font-variant-numeric:tabular-nums lining-nums}.metric-fraction{color:var(--text-secondary)}.metric-total{color:var(--text-muted);font-size:20px;letter-spacing:-.3px;white-space:pre}.metric-note{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-height:16px;color:var(--text-faint);font-size:10px;line-height:16px}.metric-note .dot{flex-shrink:0;margin-right:-4px}.metric-note>span{white-space:nowrap}.metric-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.metric-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.metric-row dt{display:flex;align-items:center;gap:4px;order:2;min-height:16px;color:var(--text-muted);font:10px / 16px var(--mono)}.metric-row dd{margin:0;min-width:0}.metric-direction{display:flex;align-items:center}.metric-rx{color:var(--positive-secondary)}.metric-tx{color:var(--info)}.metric-meter{height:3px;margin-top:auto;overflow:hidden;border-radius:2px;background:var(--field)}.metric-meter>span{display:block;height:100%;background:var(--text-muted);transition:width var(--normal) var(--ease)}.stats>.metric-card>.metric-content{min-height:58px}.node-reading-card{padding:16px;border-radius:var(--radius-sm);background:var(--bg)}.resource-summary{gap:12px}.overview-node-rates .metric-number{font-size:20px;line-height:24px}.overview-node-rates .metric-fraction{font-size:inherit}@container (max-width: 260px){.metric-number{font-size:24px}.metric-rows{gap:12px}}@media(max-width:1180px){.stats,.node-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.metric-card{padding:16px}.metric-number{font-size:24px}.stats .metric-heading{min-height:32px}}@media(max-width:620px){.resource-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.node-metrics{grid-template-columns:minmax(0,1fr)}.node-reading-card:has(.metric-content){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px}.node-reading-card .metric-content{display:contents}.node-reading-card .metric-reading{grid-column:2;grid-row:1 / span 2}.node-reading-card .metric-note{grid-column:1;grid-row:2}.node-reading-card .metric-meter{grid-column:1 / -1;margin-top:8px}}