.public-home{--home-ink:#343c3c;--home-muted:#66706d;isolation:isolate;min-height:100svh;color:var(--home-ink);padding:max(28px, env(safe-area-inset-top)) max(48px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(48px, env(safe-area-inset-left));background:#f4f1e9;flex-direction:column;display:flex;position:relative}:root[data-theme=dark] .public-home{--home-ink:#ece7dc;--home-muted:#a6aaa1;background:#161c1c}.home-header{z-index:1;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.home-actions{align-items:center;gap:12px;display:flex}.home-language{min-width:44px;min-height:44px;color:var(--home-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:8px;font-size:12px;display:inline-flex}.home-language:hover{color:var(--home-ink)}.home-brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.home-brand img{flex-shrink:0}.home-login{border:1px solid var(--home-ink);min-height:44px;color:var(--home-ink);border-radius:999px;justify-content:center;align-items:center;gap:24px;padding:10px 20px;font-size:13px;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.home-login:hover{background:var(--home-ink);color:#f4f1e9}:root[data-theme=dark] .home-login:hover{color:#161c1c}.home-art{background:radial-gradient(#a777450e,#0000 62%);flex:1;place-items:center;min-height:280px;display:grid;position:relative}.home-art canvas{pointer-events:none;width:min(100%,1050px);height:100%;max-height:820px;position:absolute}.public-home :is(a,button):focus-visible{outline:2px solid var(--focus);outline-offset:5px}.auth-home-link{min-height:44px;color:var(--text-subtle);align-items:center;gap:8px;display:inline-flex;position:absolute;top:24px;left:24px}@media (width<=600px){.public-home{padding-inline:max(24px, env(safe-area-inset-left)) max(24px, env(safe-area-inset-right));padding-top:max(24px, env(safe-area-inset-top))}.home-brand{gap:8px;font-size:14px}.home-brand img{width:26px;height:26px}.home-header{gap:12px}.home-actions{gap:4px}.home-login{gap:12px;padding-inline:16px}.home-art{margin-inline:-16px}}@media (prefers-reduced-motion:reduce){.home-login{transition:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4f1e9;--page-grid:#1f324509;--surface:#fbfaf6;--surface-raised:#fff;--surface-overlay:#fff;--surface-selected:#e7ecf2;--surface-muted:#eeece5;--text:#19232d;--text-subtle:#455461;--text-muted:#6c777e;--border:#d6d4cc;--border-subtle:#e5e2da;--accent:#164f8c;--accent-strong:#0b3c71;--accent-soft:#dbe9f6;--switch:#d9502b;--focus:#d9502b;--success:#147254;--success-soft:#ddefe7;--warning:#9b5d05;--warning-soft:#f8ebcb;--danger:#a62e31;--danger-soft:#f6dfe0;--info:#235b9a;--info-soft:#deebf8;--shadow-overlay:0 24px 70px #181f2738, 0 3px 12px #181f271a;--chart-upload:#d9502b;--chart-upload-soft:#d9502b24;--chart-download:#164f8c;--chart-download-soft:#164f8c26;--sidebar-width:252px;--topbar-height:62px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--z-sticky:20;--z-popover:50;--z-toast:70;--z-modal:60;--z-modal-popover:65;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#151918;--page-grid:#ede6d306;--surface:#1b201f;--surface-raised:#212725;--surface-overlay:#272d2b;--surface-selected:#26384a;--surface-muted:#242926;--text:#f0ede5;--text-subtle:#c4c5bf;--text-muted:#969e9a;--border:#3b423e;--border-subtle:#303633;--accent:#71a7d9;--accent-strong:#a3c8ea;--accent-soft:#20384e;--switch:#ef7854;--focus:#ef8968;--success:#68c5a0;--success-soft:#203e34;--warning:#e8b35e;--warning-soft:#44371f;--danger:#f18787;--danger-soft:#47292b;--info:#8bb9e6;--info-soft:#243c54;--shadow-overlay:0 28px 80px #00000073, 0 3px 12px #00000047;--chart-upload:#ef7854;--chart-upload-soft:#ef785421;--chart-download:#71a7d9;--chart-download-soft:#71a7d924}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background-color:var(--page);background-image:linear-gradient(var(--page-grid) 1px, transparent 1px), linear-gradient(90deg, var(--page-grid) 1px, transparent 1px);background-size:32px 32px;margin:0;font-size:14px;line-height:1.45}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a,[role=button]:not([aria-disabled=true]){cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-block:0}h1,h2,h3{letter-spacing:-.025em}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}img{max-width:100%}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--text);color:var(--page);padding:9px 13px;transition:transform .12s;position:fixed;inset-block-start:10px;inset-inline-start:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.tabular{font-variant-numeric:tabular-nums}.text-danger{color:var(--danger)!important}.button{border-radius:var(--radius-sm);overflow-wrap:anywhere;min-width:0;max-width:100%;min-height:38px;color:var(--text);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-weight:650;line-height:1.3;transition:background-color .12s,border-color .12s,color .12s,transform 90ms;display:inline-flex}.button>svg{flex:none}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.48}.button--primary{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong)}.button--primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.button--secondary{background:var(--surface-raised);border-color:var(--border)}.button--secondary:hover:not(:disabled){background:var(--surface-muted);border-color:var(--text-muted)}.button--quiet{color:var(--text-subtle);background:0 0;border-color:#0000}.button--quiet:hover:not(:disabled){color:var(--text);background:var(--surface-muted)}.button--danger{color:#fff;background:var(--danger);border-color:var(--danger)}.button--danger:hover:not(:disabled){filter:brightness(.92)}.button--sm{min-height:32px;padding:6px 10px;font-size:12px}.button--icon{width:38px;height:38px;min-height:38px;padding:0}.button__spinner{width:16px;animation:.85s linear infinite spin}.icon-button{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-subtle);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface-muted);color:var(--text)}.field{align-content:start;gap:6px;min-width:0;display:grid}.field__label{color:var(--text);font-size:13px;font-weight:650}.field__required{color:var(--danger);margin-inline-start:4px}.field__description,.field__error{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.field__error{color:var(--danger)}.input,.select-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;min-width:0;min-height:40px;color:var(--text);padding:8px 11px;box-shadow:0 1px #00000005}.input:hover,.select-trigger:hover{border-color:var(--text-muted)}.input:focus,.select-trigger:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 28%, transparent);outline-offset:1px}.input:disabled,.select-trigger:disabled{opacity:.55;background:var(--surface-muted)}.input::placeholder{color:var(--text-muted)}.input--error{border-color:var(--danger)}.textarea{resize:vertical;min-height:92px}.select-trigger{text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.select-value,.select-item-text{white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0}.select-icon{flex:none;display:inline-flex}.select-content{z-index:var(--z-modal-popover);width:var(--radix-select-trigger-width);max-width:var(--radix-select-content-available-width);max-height:min(360px, var(--radix-select-content-available-height));border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-overlay);color:var(--text);box-shadow:var(--shadow-overlay);padding:5px;overflow:hidden}.select-item{cursor:pointer;border-radius:5px;outline:0;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:7px 9px;display:flex}.select-item[data-highlighted]{background:var(--surface-selected)}.select-item[data-disabled]{opacity:.45;cursor:not-allowed}.switch-field{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-block:8px;display:flex}.switch-field__copy{gap:3px;min-width:0;display:grid}.switch-field__label{font-weight:650}.switch-field__description{color:var(--text-muted);font-size:12px}.switch{border:1px solid var(--border);background:var(--surface-muted);border-radius:999px;flex:none;width:42px;height:24px;padding:0;position:relative}.switch[data-state=checked]{background:var(--accent-strong);border-color:var(--accent-strong)}.switch__thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .14s;display:block;transform:translate(2px);box-shadow:0 1px 3px #00000040}.switch[data-state=checked] .switch__thumb{transform:translate(20px)}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{border-inline-end:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;height:100dvh;display:flex;position:sticky;inset-block-start:0;overflow:hidden}.brand-lockup{min-height:var(--topbar-height);border-block-end:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 16px;display:flex}.brand-lockup img{object-fit:cover;border-radius:9px;width:38px;height:38px}.brand-lockup span{min-width:0;line-height:1.2;display:grid}.brand-lockup strong{letter-spacing:-.01em;font-size:14px}.brand-lockup small{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-block-start:3px;font-size:10px}.side-nav{flex:1;padding:14px 10px;overflow-y:auto}.side-nav ul{gap:2px;margin:0 0 16px;padding:0;list-style:none;display:grid}.nav-group-label{color:var(--text-muted);letter-spacing:.11em;text-transform:uppercase;padding:5px 10px 6px;font-size:10px;font-weight:750}.nav-link{border-radius:var(--radius-sm);min-height:38px;color:var(--text-subtle);align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:560;display:flex}.nav-link:hover{color:var(--text);background:var(--surface-muted)}.nav-link--active{color:var(--accent-strong);background:var(--accent-soft);font-weight:700}.sidebar-settings{border-block-start:1px solid var(--border-subtle);border-radius:0;margin:8px 10px 12px;padding-block-start:14px}.app-column{min-width:0}.topbar{z-index:var(--z-sticky);min-height:var(--topbar-height);border-block-end:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:12px;padding:8px 22px;display:flex;position:sticky;inset-block-start:0}.topbar-context{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;display:flex}.topbar-actions{align-items:center;gap:4px;display:flex}.mobile-menu{display:none}.account-trigger{border-radius:var(--radius-sm);min-height:42px;color:var(--text);background:0 0;border:0;align-items:center;gap:8px;margin-inline-start:5px;padding:4px 7px;display:flex}.account-trigger:hover{background:var(--surface-muted)}.avatar{color:#fff;background:var(--accent-strong);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:inline-flex}.account-copy{text-align:start;line-height:1.2;display:grid}.account-copy strong{font-size:12px}.account-copy small{color:var(--text-muted);text-transform:capitalize;font-size:10px}.dropdown-content{z-index:var(--z-popover);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-overlay);min-width:190px;box-shadow:var(--shadow-overlay);padding:5px}.dropdown-item{border-radius:5px;outline:none;align-items:center;gap:9px;min-height:36px;padding:7px 9px;display:flex}.dropdown-item[data-highlighted]{background:var(--surface-selected)}.main-content{width:100%;min-width:0;max-width:1500px;margin-inline:auto;padding:28px 30px 64px}.page-stack{gap:22px;min-width:0;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header h1{font-size:clamp(24px,2vw,30px);line-height:1.18}.page-header p{max-width:72ch;color:var(--text-muted);margin-block-start:7px;font-size:13px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;padding:18px}.panel--flush{padding:0;overflow:hidden}.panel--wide{width:100%}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-block-end:16px;display:flex}.section-heading--padded{padding:18px 18px 0}.section-heading h2{font-size:16px}.section-heading p{color:var(--text-muted);margin-block-start:3px;font-size:12px}.metrics-grid{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.metric{border-inline-end:1px solid var(--border-subtle);align-items:flex-start;gap:12px;min-width:0;padding:17px 18px;display:flex}.metric:last-child{border-inline-end:0}.metric__icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-strong);border-radius:8px;flex:none;place-items:center;display:grid}.metric>div:last-child{min-width:0;display:grid}.metric span{color:var(--text-muted);font-size:11px;font-weight:650}.metric strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-block-start:3px;font-size:22px;line-height:1.1}.metric small{color:var(--text-muted);margin-block-start:4px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px;display:grid}.chart-wrap{width:100%;height:270px;min-height:220px}.chart-wrap--large{height:340px}.chart-summary{color:var(--text-muted);align-items:flex-start;gap:18px;font-size:11px;display:flex}.chart-summary span{display:grid}.chart-summary strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:14px}.exit-traffic-section{gap:14px;min-width:0;display:grid}.exit-traffic-section>.section-heading{margin-block-end:0}.exit-summary strong{font-size:17px}.exit-quota-cell,.subscriber-quota-cell{gap:5px;min-width:170px;display:grid}.exit-quota-cell>div,.subscriber-quota-cell>div{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.exit-quota-cell strong,.subscriber-quota-cell strong{color:var(--text)}.exit-quota-cell span,.exit-quota-cell small,.subscriber-quota-cell span,.subscriber-quota-cell small{color:var(--text-muted);font-size:10px}.exit-quota-cell progress,.subscriber-quota-cell progress{appearance:none;background:var(--surface-muted);width:100%;height:7px;color:var(--success);border:0;border-radius:999px;display:block;overflow:hidden}.exit-quota-cell progress::-webkit-progress-bar{background:var(--surface-muted);border-radius:999px}.subscriber-quota-cell progress::-webkit-progress-bar{background:var(--surface-muted);border-radius:999px}.exit-quota-cell progress::-webkit-progress-value{background:currentColor;border-radius:999px}.subscriber-quota-cell progress::-webkit-progress-value{background:currentColor;border-radius:999px}.exit-quota-cell progress::-moz-progress-bar{background:currentColor;border-radius:999px}.subscriber-quota-cell progress::-moz-progress-bar{background:currentColor;border-radius:999px}.exit-quota-cell progress.is-warning,.subscriber-quota-cell progress.is-warning{color:var(--warning)}.exit-quota-cell progress.is-exceeded,.subscriber-quota-cell progress.is-exceeded{color:var(--danger)}.quota-policy-form{gap:18px;display:grid}.count-badge{background:var(--warning-soft);min-width:24px;height:24px;color:var(--warning);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.attention-list{margin:0;padding:0;list-style:none;display:grid}.attention-list li{border-block-end:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 0;display:grid}.attention-list li:last-child{border-block-end:0}.attention-list li>svg{color:var(--warning);margin-block-start:2px}.attention-list strong{font-size:13px}.attention-list p{color:var(--text-muted);margin-block-start:3px;font-size:11px}.compact-list{display:grid}.compact-list__row{border-block-start:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto 180px;align-items:center;gap:16px;padding:13px 18px;display:grid}.compact-list__row>div:first-child{overflow-wrap:anywhere;min-width:0;display:grid}.compact-list__row small,.compact-list__row time{color:var(--text-muted);font-size:11px}.profile-access-list{container-type:inline-size}.compact-list__row--routes{grid-template-columns:minmax(0,1fr) auto minmax(0,280px);align-items:start}.compact-list__row--routes>div:first-child{gap:4px}.compact-list__row--routes .row-actions{flex-wrap:wrap;justify-content:flex-end}@container (width<=680px){.compact-list__row--routes{grid-template-columns:minmax(0,1fr) auto}.compact-list__row--routes .row-actions{grid-column:1/-1;justify-content:flex-start}}.selection-list{gap:8px;display:grid}.selection-list__row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:grid}.selection-list__choice{cursor:pointer;align-items:center;gap:12px;min-width:0;display:flex}.selection-list__row:hover{border-color:var(--border);background:var(--surface-muted)}.selection-list__row:has(input:focus-visible){outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:1px}.selection-list__row input{width:17px;height:17px;accent-color:var(--accent);margin:0}.selection-list__copy{gap:2px;min-width:0;display:grid}.selection-list__copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selection-list__copy small{color:var(--text-muted);font-size:11px}.bulk-route-dialog{gap:18px;display:grid}.bulk-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.bulk-route-selector{border:1px solid var(--border);border-radius:var(--radius-md);grid-template-rows:auto auto minmax(0,1fr);gap:8px;min-width:0;max-height:360px;margin:0;padding:14px;display:grid}.bulk-route-selector legend{align-items:center;gap:7px;padding-inline:6px;font-weight:700;display:inline-flex}.bulk-route-selector>p,.bulk-relay-editor>p,.bulk-route-preview header p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.bulk-route-selector .selection-list{min-height:0;overflow-y:auto}.bulk-relay-editor{gap:10px;padding-block-start:12px;display:grid}.bulk-port-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(180px,.8fr);align-items:end;gap:12px;display:grid}.bulk-route-total{border-inline-start:3px solid var(--accent);background:var(--surface-muted);align-content:center;gap:2px;min-height:68px;padding:9px 12px;display:grid}.bulk-route-total span,.bulk-route-total small{color:var(--text-muted);font-size:11px}.bulk-route-total strong{font-size:20px;line-height:1}.bulk-route-preview{gap:14px;display:grid}.bulk-route-preview header{align-items:flex-start;gap:10px;display:flex}.bulk-route-preview ol{gap:6px;max-height:460px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.bulk-route-preview li{border-block-end:1px solid var(--border-subtle);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:10px 12px;display:grid}.bulk-route-preview li>span{color:var(--text-muted);font-variant-numeric:tabular-nums}.bulk-route-preview li>div{gap:2px;min-width:0;display:grid}.bulk-route-preview li strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bulk-route-preview li small{color:var(--text-muted)}.verification-stack{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 16px;min-width:210px;display:grid}.verification-stack>span{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;min-width:0;display:flex}.verification-stack>span>small{overflow-wrap:anywhere;min-width:0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.verification-stack .status,.verification-stack .status__label{white-space:normal;overflow-wrap:anywhere}.verification-stack>small{color:var(--text-muted);grid-column:1/-1;font-size:11px}.verification-stack>small.verification-error{color:var(--danger);overflow-wrap:anywhere}.detail-list{grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:16px 0 0;display:grid}.detail-list dt{color:var(--text-muted);font-size:12px;font-weight:700}.detail-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.inline-state{min-height:84px;color:var(--text-subtle);align-items:center;gap:12px;padding:18px;display:flex}.inline-state>svg{color:var(--text-muted);flex:none}.inline-state>div{flex:1;min-width:0}.inline-state strong{color:var(--text);font-size:13px}.inline-state p{color:var(--text-muted);margin-block-start:2px;font-size:12px}.inline-state--error{border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--danger-soft)}.inline-state--error>svg{color:var(--danger)}.skeleton-table{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:grid;overflow:hidden}.skeleton-row{border-block-end:1px solid var(--border-subtle);align-items:center;gap:24px;min-height:54px;padding:13px 16px;display:grid}.skeleton-row:last-child{border-block-end:0}.skeleton{background:linear-gradient(90deg, var(--surface-muted), var(--border-subtle), var(--surface-muted));background-size:240% 100%;border-radius:4px;height:13px;animation:1.8s ease-in-out infinite skeleton}.data-region{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;overflow:hidden}.table-toolbar{border-block-end:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:9px 12px;display:flex}.search-control{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);width:min(310px,100%);min-height:36px;color:var(--text-muted);align-items:center;gap:8px;padding:6px 9px;display:flex}.search-control:focus-within{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 25%, transparent)}.search-control input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.table-scroll{max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:start;width:100%}.data-table th{border-block-end:1px solid var(--border);height:40px;color:var(--text-muted);background:var(--surface-muted);letter-spacing:.055em;text-align:start;text-transform:uppercase;white-space:nowrap;padding:9px 14px;font-size:10px;font-weight:750}.data-table td{border-block-end:1px solid var(--border-subtle);min-height:52px;color:var(--text-subtle);vertical-align:middle;padding:12px 14px}.data-table tbody tr:last-child td{border-block-end:0}.data-table tbody tr:hover{background:color-mix(in srgb, var(--surface-muted) 60%, transparent)}.data-table .numeric{text-align:end;font-variant-numeric:tabular-nums}.data-table [data-column-key=actions]{text-align:end;white-space:nowrap;width:1%;min-width:88px}.data-table td[data-column-key=actions] .row-actions{flex-wrap:nowrap;width:max-content;min-width:max-content;margin-inline-start:auto}.sort-button{color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;margin:-6px -8px;padding:6px 8px;display:inline-flex}.sort-button:hover{color:var(--text);background:var(--border-subtle)}.primary-cell,.stacked-cell{gap:2px;min-width:0;display:grid}.primary-cell strong{color:var(--text)}.primary-cell small,.stacked-cell small{max-width:320px;color:var(--text-muted);overflow-wrap:anywhere;align-items:center;gap:4px;font-size:11px;display:flex}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px;min-width:0;display:flex}.row-actions .button--icon{flex:0 0 32px;width:32px;height:32px;min-height:32px}.row-actions .button--sm{white-space:normal;overflow-wrap:anywhere;width:auto;max-width:100%}.retirement-setup{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;display:grid}.retirement-options,.retirement-server-list{border:0;min-width:0;margin:0;padding:0}.retirement-options legend,.retirement-server-list legend{color:var(--text);margin-block-end:10px;font-size:13px;font-weight:750}.retirement-options label,.retirement-server-list label{border:1px solid var(--border-subtle);background:var(--surface);cursor:pointer;align-items:flex-start;gap:10px;min-width:0;padding:11px 12px;display:flex}.retirement-options label:first-of-type,.retirement-server-list label:first-of-type{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.retirement-options label:last-of-type,.retirement-server-list label:last-of-type{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.retirement-options label+label,.retirement-server-list label+label{border-block-start:0}.retirement-options label.is-selected{border-color:var(--accent);background:var(--accent-soft)}.retirement-options input,.retirement-server-list input{accent-color:var(--accent-strong);margin-block-start:3px}.retirement-options span,.retirement-server-list span{gap:3px;min-width:0;display:grid}.retirement-options small,.retirement-server-list small{color:var(--text-muted);overflow-wrap:anywhere;font-size:11px}.retirement-server-list{max-height:330px;overflow-y:auto}.retirement-review{gap:18px;display:grid}.retirement-impact-grid{border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.retirement-impact-grid>div{border-inline-end:1px solid var(--border-subtle);align-content:start;gap:3px;min-width:0;padding:13px;display:grid}.retirement-impact-grid>div:last-child{border-inline-end:0}.retirement-impact-grid span,.retirement-impact-grid small{color:var(--text-muted);font-size:10px}.retirement-impact-grid strong{color:var(--text);font-size:22px}.retirement-impact-grid small{overflow-wrap:anywhere}.retirement-review .detail-list,.retirement-review .security-notice{margin:0}.retirement-result{min-height:180px;color:var(--text-subtle);grid-template-columns:auto minmax(0,1fr);align-content:center;gap:16px;display:grid}.retirement-result>svg{color:var(--accent-strong)}.retirement-result__heading{align-items:center;gap:10px;margin-block-end:7px;display:flex}.retirement-result p{color:var(--text-muted);margin-block-end:10px}.retirement-result code{overflow-wrap:anywhere}.table-pagination{border-block-start:1px solid var(--border-subtle);min-height:50px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:14px;padding:8px 12px;font-size:11px;display:flex}.table-pagination>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-pagination{flex-wrap:wrap}.page-jump{align-items:center;gap:4px;display:flex}.page-jump input{width:66px;min-height:30px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-subtle);border-radius:6px;padding:3px 6px}.operations-page .section-heading{flex-wrap:wrap}.operations-page .section-heading>div:first-child{flex:220px;min-width:0}.operations-page .section-heading>:is(.button,.row-actions){flex:none;max-width:100%}.status{width:fit-content;max-width:100%;color:var(--text-subtle);white-space:nowrap;text-transform:capitalize;flex:none;align-items:center;gap:5px;font-size:10px;font-weight:750;line-height:1.2;display:inline-flex}.status>svg{flex:none}.status__label{white-space:nowrap;min-width:0}.status--success{color:var(--success)}.status--warning{color:var(--warning)}.status--danger{color:var(--danger)}.status--info{color:var(--info)}.status--info svg{animation:1s linear infinite spin}.status--plain{background:0 0;border-radius:0;padding:0}.status--badge{background:var(--surface-muted);border-radius:999px;padding:4px 7px}.status--badge.status--success{background:var(--success-soft)}.status--badge.status--warning{background:var(--warning-soft)}.status--badge.status--danger{background:var(--danger-soft)}.status--badge.status--info{background:var(--info-soft)}.dialog-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#090e1285;animation:.13s ease-out fade-in;position:fixed;inset:0}.dialog-content{z-index:calc(var(--z-modal) + 1);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-overlay);width:min(100vw - 28px,660px);max-height:min(88dvh,860px);box-shadow:var(--shadow-overlay);grid-template-rows:auto minmax(0,1fr) auto;animation:.15s ease-out dialog-in;display:grid;position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow:hidden;transform:translate(-50%,-50%)}.dialog-content--sm{width:min(100vw - 28px,460px)}.dialog-content--lg{width:min(100vw - 28px,940px)}.dialog-content--fullscreen{grid-template-rows:auto minmax(0,1fr);width:auto;height:calc(100dvh - 28px);max-height:none;animation:.13s ease-out fade-in;inset:14px;transform:none}.dialog-content--fullscreen>.dialog-header{min-height:0;padding:12px 16px}.dialog-content--fullscreen>.dialog-body{flex-direction:column;padding:0;display:flex;overflow:hidden}.dialog-content--fullscreen .chain-canvas--topology{flex:1;height:100%;min-height:0}.dialog-header{border-block-end:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:20px;min-height:72px;padding:18px 20px 13px;display:flex}.dialog-header>div{overflow-wrap:anywhere;flex:1;min-width:0}.dialog-header--alert{align-items:center;min-height:56px;padding-block:17px 14px}.dialog-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:750}.dialog-description{color:var(--text-muted);margin-block-start:4px;font-size:12px;line-height:1.5}.dialog-body{min-height:0;padding:19px 20px 22px;overflow-y:auto}.dialog-body--alert{padding-block:16px 20px}.dialog-body--alert .dialog-description{margin:0;font-size:13px;line-height:1.55}.dialog-footer{border-block-start:1px solid var(--border-subtle);background:var(--surface);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-height:64px;padding:12px 20px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-grid__wide{grid-column:1/-1}.form-error-summary{border-inline-start:3px solid var(--danger);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--danger);background:var(--danger-soft);margin-block-end:16px;padding:9px 12px;font-size:12px}.protocol-form{gap:24px;display:grid}.protocol-form__section{border:0;min-width:0;margin:0;padding:0}.protocol-form__section+.protocol-form__section{border-block-start:1px solid var(--border-subtle);padding-block-start:22px}.protocol-form__section>legend{width:100%;color:var(--text);margin-block-end:15px;padding:0;font-size:13px;font-weight:750}.protocol-form__explanation{border-inline-start:3px solid var(--info);color:var(--text-muted);background:var(--info-soft);grid-column:1/-1;margin:0;padding:10px 12px;font-size:12px;line-height:1.55}.protocol-form .warning-list p{align-items:flex-start;gap:7px;line-height:1.45;display:flex}.endpoint-mode-tabs{max-width:100%;overflow-x:auto}.wireguard-peers{gap:20px;margin-block-end:14px;display:grid}.wireguard-peer{border-block-end:1px solid var(--border-subtle);padding-block-end:20px}.wireguard-peer:last-child{border-block-end:0;padding-block-end:0}.wireguard-peer>header{justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-block-end:12px;display:flex}.wireguard-peer>header strong{font-size:12px}.one-time-identity{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.one-time-identity .secret-block{min-width:0;margin:0}.secret-block{gap:8px;margin-block-end:18px;display:grid}.secret-block>span{color:var(--text-muted);font-size:11px;font-weight:700}.secret-block code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:11px;display:block}.auth-page{background:radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--accent-soft) 68%, transparent), transparent 30%), var(--page);place-items:center;min-height:100dvh;padding:26px;display:grid}.auth-tools{gap:4px;display:flex;position:fixed;inset-block-start:16px;inset-inline-end:16px}.auth-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);justify-items:start;width:min(100%,380px);padding:30px;display:grid;box-shadow:0 20px 60px #1b242b14}.auth-logo{object-fit:cover;border-radius:12px;width:58px;height:58px;margin-block-end:18px}.eyebrow{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.auth-panel h1{margin-block-start:4px;font-size:22px}.auth-panel form{gap:16px;width:100%;margin-block-start:24px;display:grid}.auth-panel form>.button{width:100%;margin-block-start:3px}.portal-auth-intro{color:var(--text-muted);margin-block-start:8px;font-size:12px}.portal-auth-links{justify-content:space-between;gap:14px;margin-block-start:18px;font-size:12px;font-weight:650;display:flex}.portal-auth-links a{color:var(--accent-strong)}.portal-auth-success{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);text-align:center;justify-items:center;gap:8px;margin-block:22px 8px;padding:20px;display:grid}.portal-auth-success>svg{color:var(--success)}.portal-auth-success p{color:var(--text-muted);font-size:12px;line-height:1.6}.auth-secondary-link{color:var(--accent-strong);text-underline-offset:3px;justify-self:center;margin-block-start:18px;font-size:12px;font-weight:650;text-decoration:underline}.portal-shell{min-height:100dvh}.portal-topbar{z-index:var(--z-sticky);border-block-end:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:18px;min-height:66px;padding:9px max(18px,50vw - 590px);display:flex;position:sticky;inset-block-start:0}.portal-brand{align-items:center;gap:10px;min-width:0;display:flex}.portal-brand img{object-fit:cover;border-radius:9px;flex:none;width:40px;height:40px}.portal-brand span{min-width:0;line-height:1.18;display:grid}.portal-brand strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-brand small{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-block-start:3px;font-size:10px}.portal-topbar__actions{align-items:center;gap:4px;display:flex}.portal-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-inline:8px 4px;font-size:12px;font-weight:700;overflow:hidden}.portal-main{gap:20px;width:min(100% - 36px,1180px);margin-inline:auto;padding-block:30px 70px;display:grid}.portal-page-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.portal-page-heading h1{font-size:clamp(24px,3vw,32px)}.portal-page-heading p{color:var(--text-muted);margin-block-start:6px;font-size:13px}.portal-service-state{color:var(--text-subtle);font-size:12px;font-weight:700}.portal-service-state--expired,.portal-service-state--disabled,.portal-service-state--revoked{color:var(--danger)}.portal-alert{border:1px solid var(--warning);border-radius:var(--radius-sm);color:var(--warning);background:var(--warning-soft);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.portal-alert--danger{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.portal-alert svg{flex:none;margin-block-start:1px}.portal-quota{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:minmax(210px,.75fr) minmax(280px,1.4fr) minmax(260px,1fr);align-items:stretch;display:grid;overflow:hidden}.portal-quota__main,.portal-quota__progress,.portal-plan-facts{min-width:0;padding:22px}.portal-quota__main{border-inline-end:1px solid var(--border-subtle);align-content:center;display:grid}.portal-quota__main span,.portal-quota__main small,.portal-quota__progress span,.portal-quota__progress small,.portal-plan-facts dt{color:var(--text-muted);font-size:11px}.portal-quota__main strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-block:5px 2px;font-size:clamp(28px,4vw,42px);line-height:1}.portal-quota__progress{border-inline-end:1px solid var(--border-subtle);align-content:center;gap:10px;display:grid}.portal-quota__progress>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.portal-quota__progress>div strong{font-variant-numeric:tabular-nums;font-size:18px}.portal-quota__progress progress{appearance:none;background:var(--surface-muted);width:100%;height:10px;color:var(--success);border:0;border-radius:999px;display:block;overflow:hidden}.portal-quota__progress progress::-webkit-progress-bar{background:var(--surface-muted);border-radius:999px}.portal-quota__progress progress::-webkit-progress-value{background:currentColor;border-radius:999px}.portal-quota__progress progress::-moz-progress-bar{background:currentColor;border-radius:999px}.portal-quota__progress progress.is-warning{color:var(--warning)}.portal-quota__progress progress.is-exceeded{color:var(--danger)}.portal-plan-facts{align-content:center;gap:11px;margin:0;display:grid}.portal-plan-facts>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.portal-plan-facts dd{text-align:end;margin:0;font-weight:700}.portal-metrics{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.portal-metrics>div{border-inline-end:1px solid var(--border-subtle);align-items:center;gap:11px;min-width:0;padding:16px 18px;display:flex}.portal-metrics>div:last-child{border-inline-end:0}.portal-metrics>div>div{min-width:0;display:grid}.portal-metrics>div>div span{color:var(--text-muted);font-size:10px}.portal-metrics>div>div strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-block-start:3px;font-size:17px}.portal-chart{min-height:330px}.portal-traffic-history{min-width:0;scroll-margin-block-start:80px}.portal-traffic-history>.section-heading{margin-block-end:16px}.portal-traffic-history>h3{margin-block-start:20px;font-size:14px}.portal-traffic-note,.portal-period-history>p{color:var(--text-muted);overflow-wrap:anywhere;margin-block:10px;font-size:12px;line-height:1.6}.portal-range-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block:20px;display:grid}.portal-range-totals dt{color:var(--text-muted);font-size:12px}.portal-range-totals dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:5px 0 0;font-size:18px;font-weight:700}.portal-period-history{border-block-start:1px solid var(--border-subtle);margin-block-start:20px;padding-block-start:18px}.portal-period-history>summary{cursor:pointer;font-size:14px;font-weight:700}.portal-period-history .table-toolbar{display:none}.portal-history-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-block-start:12px;display:flex}@media (width<=600px){.portal-traffic-history .data-table,.portal-traffic-history .data-table tbody{display:block}.portal-traffic-history .data-table thead{display:none}.portal-traffic-history .data-table tr{border-block-end:1px solid var(--border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;display:grid}.portal-traffic-history .data-table tr:last-child{border-block-end:0}.portal-traffic-history .data-table td{text-align:start;white-space:normal;overflow-wrap:anywhere;border:0;min-width:0;min-height:0;padding:0;display:block}.portal-traffic-history .data-table td[data-column-key=name],.portal-traffic-history .data-table td[data-column-key=period]{grid-column:1/-1}.portal-traffic-history .data-table td:before{content:attr(data-label);color:var(--text-muted);margin-block-end:4px;font-size:10px;display:block}}.portal-routes ul,.portal-tokens ul{margin:0;padding:0;list-style:none}.portal-routes li{border-block-start:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) minmax(150px,auto);align-items:center;gap:13px;padding:14px 0;display:grid}.portal-routes li:first-child,.portal-tokens li:first-child{border-block-start:0}.portal-route-status{color:var(--text-muted)}.portal-route-status--available{color:var(--success)}.portal-route-status--degraded,.portal-route-status--unhealthy,.portal-route-status--suspended{color:var(--warning)}.portal-route-status--disabled,.portal-route-status--misconfigured{color:var(--danger)}.portal-route-copy,.portal-route-usage,.portal-tokens li>div{min-width:0;display:grid}.portal-route-copy small,.portal-route-usage small,.portal-tokens li small{color:var(--text-muted);margin-block-start:3px;font-size:10px}.portal-route-usage{text-align:end;justify-items:end}.portal-route-usage strong{font-variant-numeric:tabular-nums}.portal-tokens li{border-block-start:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;display:grid}.portal-tokens li>svg{color:var(--text-muted)}.portal-account-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding-block-start:4px;display:grid}.portal-account-row>div{gap:3px;min-width:0;display:grid}.portal-account-row strong{text-overflow:ellipsis;overflow:hidden}.portal-account-row small,.portal-account-unavailable{color:var(--text-muted);font-size:11px}.portal-account-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-strong);background:var(--accent-soft);place-items:center;display:grid}.portal-account-unavailable{margin-block-start:12px}.portal-error-page{width:min(100% - 36px,760px);margin:80px auto}.portal-account-dialog{gap:18px;display:grid}.portal-password-row{border-block-start:1px solid var(--border-subtle);margin-block-start:18px;padding-block-start:18px}.portal-language{gap:6px;width:auto;padding-inline:8px;font-size:11px}.portal-getting-started summary{cursor:pointer;font-size:15px;font-weight:700}.portal-guide-steps{gap:18px;margin:20px 0 16px;padding-inline-start:24px;display:grid}.portal-guide-steps li{padding-inline-start:4px}.portal-guide-steps h3{font-size:13px}.portal-guide-steps p,.portal-guide-help{color:var(--text-muted);margin-block:5px 10px;font-size:12px;line-height:1.65}.portal-guide-clients{flex-wrap:wrap;gap:10px;display:flex}.portal-guide-clients a{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.portal-guide-clients span{gap:3px;min-width:0;display:grid}.portal-guide-clients strong{font-size:12px}.portal-guide-clients small{color:var(--text-muted);overflow-wrap:anywhere;font-size:10px}.subscription-actions{flex-wrap:wrap;gap:8px;display:flex}.subscription-actions a{white-space:normal;text-align:start}.subscription-import-hint{color:var(--text-muted);line-height:1.6}@media (width<=600px){.portal-guide-clients{display:grid}.subscription-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.subscription-actions .button{white-space:normal;min-width:0}.portal-account-row>.button{grid-column:2/-1;justify-self:start}.portal-guide-steps{padding-inline-start:18px}}.portal-brand{color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;padding:0}.portal-brand>strong{white-space:normal;overflow-wrap:anywhere;font-size:15px}.portal-workspace{gap:24px;min-width:0;display:grid}.portal-tabs{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0;padding:5px;display:grid}.portal-tab{border-radius:var(--radius-sm);min-width:0;min-height:48px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;padding:10px;font-size:13px;font-weight:650;display:flex}.portal-tab svg{flex-shrink:0}.portal-tab[data-state=active]{color:var(--accent-strong);background:var(--accent-soft)}.portal-tab:hover{color:var(--text)}.portal-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.portal-tab-panel{gap:20px;min-width:0;display:grid}.portal-tab-panel[hidden],.portal-tab-panel[data-state=inactive]{display:none}.portal-overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;display:grid}.portal-plan-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0}.portal-plan-heading{justify-content:space-between;align-items:baseline;gap:16px;padding:22px 22px 0;display:flex}.portal-plan-heading h2{overflow-wrap:anywhere;font-size:19px}.portal-workspace .portal-quota{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr))}.portal-workspace .portal-quota__main,.portal-workspace .portal-quota__progress{border:0}.portal-workspace .portal-quota__main strong{margin-block:8px 5px;font-size:clamp(30px,3.5vw,42px)}.portal-workspace .portal-plan-facts{border-block-start:1px solid var(--border-subtle);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:18px}.portal-workspace .portal-plan-facts>div{align-content:start;gap:6px;display:grid}.portal-workspace .portal-plan-facts dd{text-align:start;overflow-wrap:anywhere;font-size:12px}.portal-port-limit-note{color:var(--text-muted);padding:0 22px 18px;font-size:11px}.portal-connection-card{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.portal-connection-card>svg{color:var(--accent-strong)}.portal-connection-card h2{overflow-wrap:anywhere;font-size:17px}.portal-connection-card p{color:var(--text-muted);font-size:12px;line-height:1.65}.portal-connection-card>.button{white-space:normal;text-align:start;min-height:42px;margin-block-start:auto}.portal-shortcuts{border-block-start:1px solid var(--border-subtle);align-self:stretch;gap:4px;padding-block-start:10px;display:grid}.portal-shortcuts .button{justify-content:flex-start;min-height:40px}.portal-shortcuts .button span{font-variant-numeric:tabular-nums;color:var(--text-muted);margin-inline-start:auto}.portal-workspace .portal-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-workspace .portal-metrics>div{border-block-end:0;border-inline-end:1px solid var(--border-subtle)}.portal-workspace .portal-metrics>div:last-child{border-inline-end:0}.portal-routes-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;padding-block-end:20px;display:flex}.portal-routes-toolbar p{color:var(--text-muted);font-size:12px}.portal-routes-toolbar .field{width:min(100%,300px)}.portal-route-copy strong,.portal-route-copy small,.portal-route-usage small,.portal-tokens li strong,.portal-tokens li small{overflow-wrap:anywhere}.portal-token-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-settings-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:20px;max-width:1000px;display:grid}.portal-settings-grid h2{margin-block-end:20px;font-size:16px}.portal-settings-grid .portal-account-row strong{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.portal-appearance{align-self:start}.portal-signout{border-block-start:1px solid var(--border-subtle);margin-block-start:24px;padding-block-start:16px}@media (width<=800px){.portal-overview-grid,.portal-settings-grid{grid-template-columns:minmax(0,1fr)}.portal-connection-card>.button{margin-block-start:0}}@media (width<=640px){.portal-workspace{gap:18px}.portal-tabs{grid-template-columns:repeat(5,minmax(70px,1fr));gap:2px;padding:3px;overflow-x:auto}.portal-tab{letter-spacing:-.02em;flex-direction:column;gap:6px;min-height:62px;padding:8px 2px;font-size:11px}.portal-tab span{white-space:nowrap}.portal-plan-heading{padding:18px 18px 0}.portal-workspace .portal-quota__main,.portal-workspace .portal-quota__progress{padding:18px}.portal-workspace .portal-quota__progress>div{flex-wrap:wrap;gap:5px}.portal-workspace .portal-quota__progress>div strong{font-size:16px}.portal-workspace .portal-plan-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 18px}.portal-port-limit-note{padding-inline:18px}.portal-workspace .portal-metrics>div{gap:8px;padding:14px 10px}.portal-workspace .portal-metrics .metric__icon{display:none}.portal-workspace .portal-metrics>div>div strong{font-size:15px}.portal-routes-toolbar{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.portal-routes-toolbar .field{width:100%}.portal-tokens li{grid-template-columns:auto minmax(0,1fr)}.portal-token-actions{grid-column:2/-1}}.storage-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.storage-stat{gap:10px;padding:20px;display:grid}.storage-stat span,.storage-hint{color:var(--text-muted);font-size:12px;line-height:1.6}.storage-stat strong{font-variant-numeric:tabular-nums;font-size:clamp(20px,2vw,28px)}.storage-page>.panel{min-width:0;padding:20px}.storage-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;display:grid}.storage-hint{margin-block:12px}.storage-savebar{border-block-start:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-start:20px;padding-block-start:16px;display:flex}.storage-savebar>span{color:var(--text-muted);font-size:12px}.storage-snapshot-name{overflow-wrap:anywhere;max-width:320px}.storage-settings-link{color:var(--text-muted);align-self:center;font-size:12px;line-height:1.6}.storage-settings-link a{color:var(--accent)}@media (width<=900px){.storage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.storage-fields{grid-template-columns:minmax(0,1fr)}.storage-page>.panel,.storage-stat{padding:16px}.storage-page .section-heading{display:grid}.storage-page .section-heading>.button{width:100%}.storage-savebar .row-actions{justify-content:flex-end;width:100%}}.route-loader{min-height:100dvh;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.brand-pulse{background:var(--accent);border-radius:5px;width:18px;height:18px;animation:1.2s ease-in-out infinite pulse}.route-section-loader{align-content:start;gap:13px;min-height:320px;padding-block-start:12px;display:grid}.route-section-loader span{background:linear-gradient(90deg, var(--surface-muted), var(--border-subtle), var(--surface-muted));background-size:240% 100%;border-radius:4px;max-width:100%;height:18px;animation:1.8s ease-in-out infinite skeleton;display:block}.route-section-loader span:first-child{width:230px;height:28px}.route-section-loader span:nth-child(2){width:min(620px,85%)}.route-section-loader span:nth-child(3){width:100%;height:190px;margin-block-start:12px}.feature-tabs{gap:17px;min-width:0;display:grid}.tabs-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);align-items:center;gap:2px;width:fit-content;padding:3px;display:flex}.tabs-trigger{min-height:32px;color:var(--text-muted);background:0 0;border:0;border-radius:4px;padding:6px 11px;font-size:12px;font-weight:650}.tabs-trigger[data-state=active]{color:var(--text);background:var(--surface-raised);box-shadow:0 1px 3px #00000014}.operations-tabs{gap:18px;min-width:0;display:grid}.operations-tabs>.tabs-list{max-width:100%;overflow-x:auto}.operations-tabs>.tabs-list .tabs-trigger{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}@media (width<=720px){.retirement-setup{grid-template-columns:1fr}.retirement-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.retirement-impact-grid>div:nth-child(2){border-inline-end:0}.retirement-impact-grid>div:nth-child(-n+2){border-block-end:1px solid var(--border-subtle)}}.ops-summary{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.ops-summary>div{border-inline-end:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:14px 16px;display:grid}.ops-summary>div:last-child{border-inline-end:0}.ops-summary svg{color:var(--text-muted)}.ops-summary span{color:var(--text-muted);font-size:11px}.ops-summary strong{font-variant-numeric:tabular-nums;font-size:18px}.ops-note{border:1px solid var(--info);border-radius:var(--radius-md);color:var(--info);background:var(--info-soft);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;padding:14px 16px;display:grid}.ops-note div{gap:3px;min-width:0;display:grid}.ops-note strong{font-size:12px}.ops-note p{color:var(--text-subtle);margin:0;font-size:11px;line-height:1.55}.ops-release{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px 18px;display:grid}.ops-release__icon{width:39px;height:39px;color:var(--accent-strong);background:var(--accent-soft);border-radius:10px;place-items:center;display:grid}.ops-release>div:nth-child(2){gap:2px;min-width:0;display:grid}.ops-release span,.ops-release small{color:var(--text-muted);font-size:10px}.ops-release strong{overflow-wrap:anywhere;font-size:16px}.ops-selector{border:1px solid var(--border);border-radius:var(--radius-sm);gap:5px;margin:18px 0 0;padding:12px;display:grid}.ops-selector legend{color:var(--text-muted);padding-inline:5px;font-size:11px;font-weight:700}.ops-selector label{border-radius:var(--radius-sm);background:var(--surface-muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:45px;padding:7px 9px;display:grid}.ops-selector input{accent-color:var(--accent)}.ops-selector__copy{min-width:0;display:grid}.ops-selector strong,.ops-selector small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ops-selector strong{font-size:12px}.ops-selector small.ops-selector__reason{white-space:normal;overflow-wrap:anywhere;overflow:visible}.ops-selector small{color:var(--text-muted);font-size:10px}.ops-switches{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ops-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;padding:0 16px 16px;display:grid}.ops-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-muted);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:13px;display:grid}.ops-card>svg{color:var(--text-muted)}.ops-card>div{gap:2px;min-width:0;display:grid}.ops-card strong,.ops-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ops-card strong{font-size:12px}.ops-card small{color:var(--text-muted);font-size:10px}.one-time-secret{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.one-time-secret code{overflow-wrap:anywhere;min-width:0;font-size:11px}.billing-note,.security-notice{border:1px solid var(--info);border-radius:var(--radius-sm);color:var(--info);background:var(--info-soft);align-items:flex-start;gap:9px;margin-block-end:12px;padding:10px 12px;font-size:12px;display:flex}.inline-select .field{grid-template-columns:auto 190px;align-items:center}.inline-select .field__label{color:var(--text-muted);font-size:11px}.traffic-time-range{gap:8px;min-width:0;display:grid}.traffic-time-range__controls{grid-template-columns:minmax(160px,220px) minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.traffic-time-range__controls>.button{align-self:start;margin-block-start:26px}.traffic-time-range__controls .input{min-width:0;max-width:100%}.traffic-time-range__hint,.traffic-time-range__applied{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:12px}@media (width<=1100px){.traffic-time-range__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-time-range__controls>.button{margin-block-start:26px}}@media (width<=640px){.traffic-time-range__controls{grid-template-columns:minmax(0,1fr)}.traffic-time-range__controls>.button{margin-block-start:0}}.chain-workspace{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:clamp(280px,24vw,360px) minmax(0,1fr);min-height:680px;display:grid;overflow:hidden}.chain-list{border-inline-end:1px solid var(--border);background:var(--surface-muted);flex-direction:column;min-width:0;min-height:0;display:flex}.chain-list__heading{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;min-height:49px;padding:12px 13px;font-size:12px;display:flex}.chain-list__heading span{color:var(--text-muted)}.chain-list ul{contain:size;scrollbar-gutter:stable;flex:1 1 0;align-content:start;gap:3px;min-block-size:0;margin:0;padding:6px;list-style:none;display:grid;overflow-y:auto}.chain-list__item{border-radius:var(--radius-sm);width:100%;min-height:60px;color:var(--text-subtle);text-align:start;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:11px 9px;display:grid}.chain-list__item>svg{margin-block-start:2px}.chain-list__item:hover{background:var(--surface-raised)}.chain-list__item--active{color:var(--accent-strong);background:var(--accent-soft)!important}.chain-list__copy{gap:6px;min-width:0;display:grid}.chain-list__copy strong{overflow-wrap:anywhere;white-space:normal;font-size:12px;line-height:1.5}.chain-list__copy small{color:var(--text-muted);font-size:10px}.chain-list__meta{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.chain-list__meta>.status{font-size:10px}.chain-list__search{align-items:center;gap:4px;padding:10px 12px 4px;display:flex}.chain-list__search .search-control{flex:1;width:auto;min-width:0;min-height:40px}.chain-list__search input::-webkit-search-cancel-button{-webkit-appearance:none}.chain-editor{align-content:start;gap:18px;min-width:0;padding:18px;display:grid}.chain-editor__form{grid-template-columns:minmax(200px,.7fr) minmax(300px,1.3fr);gap:14px;display:grid}.chain-editor__form--primary{grid-template-columns:minmax(260px,1.25fr) repeat(2,minmax(190px,.65fr));align-items:end}.chain-editor__form .textarea{height:40px;min-height:40px}.chain-settings-advanced,.route-binding-advanced{border-block-start:1px solid var(--border-subtle);padding-block-start:12px}.chain-settings-advanced summary,.route-binding-advanced summary{cursor:pointer;width:fit-content;color:var(--text-muted);font-size:11px;font-weight:700}.chain-settings-advanced[open] summary,.route-binding-advanced[open] summary{color:var(--text);margin-block-end:12px}.entry-bindings{border-block:1px solid var(--border-subtle);gap:10px;padding-block:15px;display:grid}.entry-bindings>header,.route-preview>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.entry-bindings>header p,.route-preview>header p{color:var(--text-muted);margin-block-start:3px;font-size:11px}.entry-bindings__notice{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:var(--surface-muted);margin:0;padding:10px 12px;font-size:11px}.entry-binding-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.entry-binding{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;display:grid;overflow:hidden}.entry-binding--active{border-color:var(--success);background:color-mix(in srgb, var(--success-soft) 55%, var(--surface-raised))}.entry-binding__select{min-width:0;min-height:60px;color:var(--text);text-align:start;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 6px 9px 11px;display:grid}.entry-binding__select>svg{color:var(--success)}.entry-binding__select>span{gap:2px;min-width:0;display:grid}.entry-binding__select strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.entry-binding__select small{color:var(--text-muted);overflow-wrap:anywhere;font-size:9px}.entry-binding>.button{margin-inline-end:5px}.route-preview{gap:10px;display:grid}.chain-canvas{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);min-height:300px;overflow:hidden}.chain-canvas>.inline-state{justify-content:center;height:300px}.react-flow__node-default.fabric-node{border:1px solid var(--border);border-inline-start:4px solid var(--accent);min-width:170px;color:var(--text);background:var(--surface-overlay);white-space:pre-line;border-radius:8px;padding:12px;font-size:11px;font-weight:700;box-shadow:0 5px 18px #141f2a14}.react-flow__node-default.fabric-node--entry{border-inline-start-color:var(--success)}.react-flow__node-default.fabric-node--exit{border-inline-start-color:var(--switch)}.react-flow__controls{border:1px solid var(--border);box-shadow:none}.react-flow__controls-button{border-block-end-color:var(--border)!important;background:var(--surface-overlay)!important;fill:var(--text)!important}.ordered-path{border-block-start:1px solid var(--border-subtle);padding-block-start:15px}.local-direct-option{margin-block:10px}.ordered-path>header,.endpoint-palette>header{justify-content:space-between;align-items:center;gap:12px;margin-block-end:10px;display:flex}.ordered-path ol{margin:0;padding:0;list-style:none;display:grid}.ordered-path li{border-block-end:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:54px;padding:7px 5px;display:grid}.ordered-path__entry{background:color-mix(in srgb, var(--success-soft) 42%, transparent)}.ordered-path__unbound{color:var(--text-muted);background:var(--surface-muted)}.route-role{min-width:52px;min-height:26px;color:var(--accent-strong);background:var(--accent-soft);border-radius:7px;place-items:center;padding-inline:7px;font-size:10px;font-weight:800;display:grid}.route-role--entry{color:var(--success);background:var(--success-soft)}.route-role--exit{color:var(--switch);background:var(--warning-soft)}.route-role--unbound{color:var(--text-muted);background:var(--surface-overlay)}.hop-index{width:26px;height:26px;color:var(--accent-strong);background:var(--accent-soft);border-radius:7px;place-items:center;font-size:11px;font-weight:800;display:grid}.ordered-path li>div:nth-child(2){display:grid}.ordered-path small{color:var(--text-muted);font-size:10px}.validation-note{color:var(--warning);font-size:11px}.validation-ok{color:var(--success);align-items:center;gap:5px;font-size:11px;display:inline-flex}.endpoint-palette{border-block-start:1px solid var(--border-subtle);padding-block-start:15px}.endpoint-palette .search-control{max-width:230px}.endpoint-palette__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.endpoint-palette__grid button{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;min-height:58px;color:var(--text);background:var(--surface-raised);text-align:start;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.endpoint-palette__grid button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.endpoint-palette__grid button:disabled{opacity:.48}.endpoint-palette__grid span{min-width:0;display:grid}.endpoint-palette__grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.endpoint-palette__grid small{color:var(--text-muted);font-size:9px}.danger-zone{border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-soft);justify-content:space-between;align-items:center;gap:16px;padding:13px;display:flex}.danger-zone p{color:var(--danger);margin-block-start:2px;font-size:11px}.route-binding-form__enabled{align-self:end}.route-binding-advanced .form-grid{margin-block-start:0}.dialog-footer__spacer{flex:auto}.route-binding-switches{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.topology-draft-status{border:1px solid var(--warning);border-radius:var(--radius-sm);min-height:40px;color:var(--text);background:var(--warning-soft);justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;display:flex}.topology-draft-status>span{align-items:center;gap:7px;display:inline-flex}.topology-draft-status small{color:var(--text-muted);font-size:10px}.topology-draft-status--saved{border-color:var(--border-subtle);color:var(--text-muted);background:var(--surface-muted);justify-content:flex-start}.topology-empty{border-block:1px solid var(--border-subtle);place-items:center;min-height:230px;display:grid}.topology-workbench{gap:10px;display:grid}.topology-workbench>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.topology-workbench>header p,.topology-entry-palette header p,.topology-bindings header p,.topology-pending header p{color:var(--text-muted);margin-block-start:3px;font-size:11px}.topology-workbench>header>span{max-width:250px;color:var(--text-muted);text-align:end;font-size:10px}.topology-canvas-shell{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);overflow:hidden}.topology-canvas-context{border-block-end:1px solid var(--border);background:color-mix(in srgb, var(--accent-soft) 42%, var(--surface-raised));grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:12px;display:grid}.topology-canvas-context__icon{width:31px;height:31px;color:var(--accent-strong);background:var(--accent-soft);border-radius:8px;place-items:center;display:grid}.topology-canvas-context>span:nth-child(2){gap:1px;min-width:0;display:grid}.topology-canvas-context small{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.topology-canvas-context strong{color:var(--text);overflow-wrap:anywhere;font-size:14px}.topology-canvas-context__summary{color:var(--text-muted);flex-wrap:wrap;grid-column:2;align-items:center;gap:6px 16px;font-size:11px;display:flex}.topology-canvas-context__summary>span:last-child{flex-wrap:wrap;align-items:center;gap:7px;display:inline-flex}.topology-canvas-context__summary .status{font-size:9px}.topology-canvas-actions{border-block-end:1px solid var(--border-subtle);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:8px 12px;display:flex}.chain-canvas--topology{border:0;border-radius:0;height:clamp(480px,62vh,760px);min-height:480px;position:relative}.topology-canvas-empty{z-index:4;border:1px dashed var(--border);border-radius:var(--radius-sm);max-width:320px;color:var(--text-muted);background:color-mix(in srgb, var(--surface-overlay) 92%, transparent);text-align:center;pointer-events:none;padding:9px 12px;font-size:10px;position:absolute;inset:16px auto auto 50%;transform:translate(-50%)}.react-flow__node.fabric-node{border:1px solid var(--border);border-inline-start:4px solid var(--text-muted);width:250px;color:var(--text);background:var(--surface-overlay);border-radius:10px;overflow:visible;box-shadow:0 7px 22px #141f2a1a}.react-flow__node.fabric-node--candidate{opacity:.72;border-style:dashed}.react-flow__node.fabric-node--entry{border-inline-start-color:var(--success)}.react-flow__node.fabric-node--relay{border-inline-start-color:var(--accent)}.react-flow__node.fabric-node--exit{border-inline-start-color:var(--switch)}.react-flow__node.fabric-node--state-healthy,.react-flow__node.fabric-node--state-online,.react-flow__node.fabric-node--state-active{box-shadow:0 7px 22px #141f2a1a, 0 0 0 1px color-mix(in srgb, var(--success) 26%, transparent)}.react-flow__node.fabric-node--state-degraded,.react-flow__node.fabric-node--state-warning{box-shadow:0 7px 22px #141f2a1a, 0 0 0 1px color-mix(in srgb, var(--warning) 38%, transparent)}.react-flow__node.fabric-node--state-down,.react-flow__node.fabric-node--state-offline{box-shadow:0 7px 22px #141f2a1a, 0 0 0 1px color-mix(in srgb, var(--danger) 38%, transparent)}.fabric-node-card{border-radius:inherit;gap:5px;min-width:0;padding:10px 11px 11px;display:grid;overflow:hidden}.fabric-node-card>header{justify-content:space-between;align-items:center;gap:7px;min-width:0;display:flex}.fabric-node-card>header>span:first-child{color:var(--text-muted);letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.fabric-node-card .status{font-size:8px}.fabric-node-card .status svg{width:11px;height:11px}.fabric-node-card>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.fabric-node-card__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.fabric-node-metrics{border-block-start:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin:3px 0 0;padding-block-start:6px;display:grid}.fabric-node-metrics>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;min-width:0;display:grid}.fabric-node-metrics dt{color:var(--text-muted);display:flex}.fabric-node-metrics dd{font-variant-numeric:tabular-nums;text-align:end;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:9px;font-weight:750;overflow:hidden}.fabric-node-quota{gap:3px;margin-block-start:2px;display:grid}.fabric-node-quota progress{appearance:none;width:100%;height:5px;color:var(--success);background:var(--surface-muted);border:0;border-radius:999px;display:block;overflow:hidden}.fabric-node-quota progress::-webkit-progress-bar{background:var(--surface-muted);border-radius:999px}.fabric-node-quota progress::-webkit-progress-value{background:currentColor;border-radius:999px}.fabric-node-quota progress::-moz-progress-bar{background:currentColor;border-radius:999px}.fabric-node-quota progress.is-warning{color:var(--warning)}.fabric-node-quota progress.is-exceeded{color:var(--danger)}.fabric-node-quota small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.react-flow__node.fabric-node .fabric-node-port{z-index:3;border:2px solid var(--surface-overlay);background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 68%, var(--border))}.react-flow__node.fabric-node--entry .fabric-node-port--source{background:var(--success);box-shadow:0 0 0 1px color-mix(in srgb, var(--success) 68%, var(--border))}.react-flow__node.fabric-node--exit .fabric-node-port--target{background:var(--switch);box-shadow:0 0 0 1px color-mix(in srgb, var(--switch) 68%, var(--border))}.fabric-edge--profile .react-flow__edge-text{fill:var(--text);font-size:9px;font-weight:700}.fabric-edge--profile .react-flow__edge-textbg{fill:var(--surface-overlay);fill-opacity:.94}.topology-detail-grid{border-block:1px solid var(--border-subtle);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;padding-block:15px;display:grid}.topology-entry-palette,.topology-bindings{align-content:start;gap:9px;min-width:0;display:grid}.topology-entry-palette ul,.topology-bindings ul,.topology-pending ul{margin:0;padding:0;list-style:none;display:grid}.topology-entry-palette li,.topology-bindings li,.topology-pending li{border-block-end:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:52px;padding:7px 4px;display:grid}.topology-entry-palette li>svg,.topology-bindings li>svg{color:var(--success)}.topology-entry-palette li>span:not(.status),.topology-bindings li>span:not(.status),.topology-pending li>span:not(.status){gap:2px;min-width:0;display:grid}.topology-entry-palette li strong,.topology-bindings li strong,.topology-pending li strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.topology-entry-palette li small,.topology-bindings li small,.topology-pending li small{color:var(--text-muted);overflow-wrap:anywhere;font-size:9px}.topology-bindings li{grid-template-columns:auto minmax(0,1fr) auto auto}.topology-pending{border:1px solid var(--warning);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--warning-soft) 45%, var(--surface));gap:8px;padding:12px;display:grid}.topology-pending>header{display:grid}.topology-pending li>svg{color:var(--warning)}.published-routes-note{border:1px solid var(--info);border-radius:var(--radius-md);min-width:0;color:var(--info);background:var(--info-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.published-routes-note>svg{align-self:start;margin-block-start:1px}.published-routes-note strong{font-size:12px;display:block}.published-routes-note p{color:var(--text-subtle);margin-block-start:3px;font-size:11px;line-height:1.5}.published-routes-note__actions{white-space:nowrap;align-items:center;gap:12px;display:flex}.published-routes-note__actions a{color:var(--accent-strong);text-underline-offset:3px;font-size:11px;font-weight:700;text-decoration:underline}.published-route-path{grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr);align-items:center;gap:8px;min-width:250px;display:grid}.published-route-path>span{gap:2px;min-width:0;display:grid}.published-route-path strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.published-route-path small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.published-route-path>svg{color:var(--text-muted)}.health-summary{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.health-summary>div{border-inline-end:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:14px;display:grid}.health-summary>div:last-child{border-inline-end:0}.health-summary svg{color:var(--text-muted)}.health-summary span{color:var(--text-muted);font-size:11px}.health-summary strong{font-variant-numeric:tabular-nums;font-size:18px}.deployment-plan{gap:18px;display:grid}.deployment-impact{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);gap:9px;min-width:0;margin-block:0 16px;padding:14px;display:grid}.deployment-impact header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;display:flex}.deployment-impact h3{margin:0;font-size:13px}.deployment-impact p{overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.deployment-impact small{color:var(--text-muted);font-size:11px;line-height:1.5}.deployment-plan>.deployment-impact{margin-block-end:0}.plan-summary{border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.plan-summary>div{border-inline-end:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;min-width:0;padding:12px;display:grid}.plan-summary>div:last-child{border-inline-end:0}.plan-summary svg{color:var(--accent);grid-row:span 2}.plan-summary span{color:var(--text-muted);font-size:10px}.plan-summary strong,.plan-summary code{overflow-wrap:anywhere}.warning-list{border:1px solid var(--warning);border-radius:var(--radius-sm);color:var(--warning);background:var(--warning-soft);padding:10px 12px}.warning-list p+p{margin-block-start:6px}.change-list{gap:8px;display:grid}.change-list h3{font-size:13px}.change-list>div:not(.inline-state){border-block-end:1px solid var(--border-subtle);grid-template-columns:auto minmax(120px,.5fr) minmax(0,1fr);align-items:center;gap:12px;padding:9px 0;display:grid}.config-preview summary,.audit-detail summary{cursor:pointer;color:var(--accent-strong);font-weight:650}.config-preview pre,.audit-detail pre{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);max-height:340px;padding:12px}.deployment-detail{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;margin-block-end:12px;display:flex}.deployment-detail>:is(code,small,p,.warning-list,.deployment-verification-policy){overflow-wrap:anywhere;flex-basis:100%;min-width:0}.deployment-detail code{color:var(--text-muted);overflow-wrap:anywhere}.deployment-events{gap:9px;display:grid}.deployment-events>header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.log-viewport{border-radius:var(--radius-sm);color:#d9e0de;background:#101516;border:1px solid #303a40;height:340px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:auto}.log-line{border-block-end:1px solid #ffffff0e;grid-template-columns:82px 78px minmax(0,1fr);gap:8px;padding:5px 9px;display:grid}.log-line time,.log-line>span{color:#81908d}.log-line code{overflow-wrap:anywhere}.log-line--error code{color:#ff9b9b}.log-line--warning code{color:#f2c575}.log-empty{color:#81908d;padding:18px}.audit-detail{gap:18px;display:grid}.audit-detail>div:first-child{align-items:center;gap:9px;display:flex}.audit-detail dl{grid-template-columns:100px minmax(0,1fr);gap:9px 14px;margin:0;display:grid}.audit-detail dt{color:var(--text-muted);font-size:11px}.audit-detail dd{overflow-wrap:anywhere;margin:0}.settings-page{padding-block-end:64px}.settings-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:20px;display:grid}.settings-tabs{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:2px;padding:4px;display:grid;position:sticky;inset-block-start:calc(var(--topbar-height) + 20px)}.settings-tabs button{border-radius:var(--radius-sm);min-height:38px;color:var(--text-subtle);text-align:start;background:0 0;border:0;padding:8px 10px;font-weight:600}.settings-tabs button[data-state=active]{color:var(--accent-strong);background:var(--accent-soft)}.settings-content{min-width:0}.settings-section{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.settings-section>header{border-block-end:1px solid var(--border-subtle);padding:18px 20px}.settings-section>header h2{font-size:17px}.settings-section>header p{color:var(--text-muted);margin-block-start:4px;font-size:12px}.settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px;display:grid}.settings-wide{grid-column:1/-1}.health-policy-editor{border:0;min-width:0;margin:0;padding:0}.health-policy-editor legend{margin-block-end:6px;padding:0;font-size:13px;font-weight:700}.health-policy-editor__description{color:var(--text-muted);margin:0 0 12px;font-size:12px;line-height:1.6}.health-policy-editor__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block-end:10px;display:grid}.health-policy-editor__wide{grid-column:1/-1;min-width:0}.health-policy-editor .select-trigger{height:auto;min-height:38px}.health-policy-editor .select-value{white-space:normal;overflow-wrap:anywhere;min-width:0}.health-policy-editor__warning{color:var(--text-muted);margin:0 0 10px;font-size:12px;line-height:1.6}.health-policy-editor__notice{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:10px;font-size:12px;display:flex}.client-policy-notes{padding:0 20px 20px}.mail-settings-stack{gap:18px;display:grid}.mail-settings-error{margin:18px 20px 0}.mail-security-note{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:var(--radius-sm);background:var(--accent-soft);align-items:flex-start;gap:11px;margin:20px 20px 0;padding:13px 14px;display:flex}.mail-security-note>svg{color:var(--accent-strong);flex:none}.mail-security-note strong{font-size:12px}.mail-security-note p{color:var(--text-muted);margin-block-start:3px;font-size:11px;line-height:1.55}.mail-secret-action{align-self:end;padding-block-end:2px}.mail-notification-settings{border-block-start:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;padding:20px;display:grid}.mail-notification-settings .field:last-child{grid-column:1/-1}.mail-settings-actions{border-block-start:1px solid var(--border-subtle);background:var(--surface-raised);justify-content:flex-end;gap:9px;padding:14px 20px;display:flex}.mail-test-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:20px;display:grid}.mail-test-row .button{margin-block-end:1px}.mail-history-state{padding:20px}.mail-job-list{padding-inline:20px}.mail-job-row{border-block-start:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) minmax(120px,auto) auto 92px;align-items:center;gap:14px;min-height:70px;display:grid}.mail-job-row:first-child{border-block-start:0}.mail-job-main,.mail-job-attempts{gap:4px;min-width:0;display:grid}.mail-job-main small,.mail-job-attempts,.mail-job-attempts small{color:var(--text-muted);font-size:10px}.mail-job-main .text-danger{color:var(--danger);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.security-notice{margin:18px 20px 0}.security-page{grid-template-columns:minmax(0,1fr)}.security-privacy-note{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));border-radius:var(--radius-md);background:linear-gradient(120deg, var(--accent-soft), color-mix(in srgb, var(--surface) 94%, var(--accent)));align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.security-privacy-note>svg{color:var(--accent-strong);flex:none;margin-top:1px}.security-privacy-note strong{font-size:13px}.security-privacy-note p{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.55}.security-page>.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.security-filters{grid-template-columns:repeat(5,minmax(0,1fr))}.security-tabs{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.security-tabs .tabs-list{flex-wrap:wrap;width:max-content;max-width:100%}.security-target{text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-family:var(--font-mono);font-size:12px;display:block;overflow:hidden}.security-insights{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px;display:grid}.security-insights>.panel{min-width:0}.security-ranking-grid{gap:18px;display:grid}.security-ranking-grid h3{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:11px}.security-ranking-grid ol{counter-reset:security-rank;margin:0;padding:0;list-style:none}.security-ranking-grid li{counter-increment:security-rank;border-block-start:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr);gap:2px;padding:9px 8px 9px 32px;display:grid;position:relative}.security-ranking-grid li:before{content:counter(security-rank, decimal-leading-zero);color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;inset-inline-start:5px}.security-ranking-grid li span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.security-ranking-grid li small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px}.security-policy-form{align-items:start}.security-policy-switches{gap:8px;display:grid}.security-policy-switches--three{grid-template-columns:repeat(3,minmax(0,1fr))}.security-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 20px 20px;display:grid}.security-policy-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 96%, var(--accent));gap:15px;min-width:0;padding:16px;display:grid;position:relative}.security-policy-card>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;display:grid}.security-policy-card h3{margin:1px 0 3px;font-size:14px}.security-policy-card header p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.security-policy-card__icon{width:34px;height:34px;color:var(--info);background:var(--info-soft);border-radius:9px;place-items:center;display:grid}.security-policy-card__icon--enforce{color:var(--danger);background:var(--danger-soft)}.security-policy-card dl{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.security-policy-card dl>div{background:var(--surface-subtle);border-radius:8px;padding:9px 10px}.security-policy-card dt{color:var(--text-muted);font-size:10px}.security-policy-card dd{margin-top:3px;font-size:12px;font-weight:650}.security-policy-card footer{border-top:1px solid var(--border);justify-content:flex-end;gap:5px;padding-top:2px;display:flex}.security-default-chip{width:max-content;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.ssh-bootstrap-loading{min-height:260px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.ssh-bootstrap-loading svg{animation:.85s linear infinite spin}.ssh-bootstrap-form,.ssh-bootstrap-progress{gap:22px;display:grid}.ssh-bootstrap-security{border:1px solid var(--info);border-radius:var(--radius-sm);color:var(--info);background:var(--info-soft);align-items:flex-start;gap:11px;padding:12px 14px;display:flex}.ssh-bootstrap-security>svg{flex:none;margin-block-start:1px}.ssh-bootstrap-security>div{gap:3px;min-width:0;display:grid}.ssh-bootstrap-security strong{font-size:13px}.ssh-bootstrap-security p{color:color-mix(in srgb, var(--info) 82%, var(--text));font-size:12px;line-height:1.5}.ssh-bootstrap-security code{overflow-wrap:anywhere;margin-block-start:4px;font-size:10px}.ssh-bootstrap-form .protocol-form__section>legend{margin-block-end:14px}.ssh-bootstrap-key-field{min-width:0;position:relative}.ssh-bootstrap-key-toggle{min-height:28px;position:absolute;inset-block-start:-5px;inset-inline-end:0}.secret-textarea{-webkit-text-security:disc}.ssh-bootstrap-advanced{border-block:1px solid var(--border-subtle);padding-block:2px}.ssh-bootstrap-advanced summary{color:var(--accent-strong);cursor:pointer;padding:12px 2px;font-size:12px;font-weight:700}.ssh-bootstrap-advanced__body{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;padding:6px 2px 18px;display:grid}.ssh-bootstrap-advanced__body .switch-field,.ssh-bootstrap-advanced__body .warning-list,.ssh-bootstrap-capabilities{grid-column:1/-1}.ssh-bootstrap-advanced__body .warning-list{font-size:12px}.ssh-bootstrap-capabilities{color:var(--text-muted);font-size:11px}.ssh-bootstrap-recent{justify-content:space-between;align-items:center;gap:14px;min-height:48px;display:flex}.ssh-bootstrap-recent>div{gap:2px;min-width:0;display:grid}.ssh-bootstrap-recent span{color:var(--text-muted);font-size:10px}.ssh-bootstrap-recent strong{overflow-wrap:anywhere;font-size:12px}.form-error-summary p{margin-block-start:3px}.ssh-bootstrap-progress__heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.ssh-bootstrap-progress__heading>div{gap:2px;min-width:0;display:grid}.ssh-bootstrap-progress__heading span{color:var(--text-muted);font-size:10px}.ssh-bootstrap-progress__heading strong{overflow-wrap:anywhere;font-size:15px}.ssh-bootstrap-result{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.ssh-bootstrap-result>svg{flex:none}.ssh-bootstrap-result>div{gap:3px;min-width:0;display:grid}.ssh-bootstrap-result strong{font-size:13px}.ssh-bootstrap-result p{font-size:12px;line-height:1.5}.ssh-bootstrap-result code{overflow-wrap:anywhere;margin-block-start:3px;font-size:10px}.ssh-bootstrap-result--success{color:var(--success);border-color:var(--success);background:var(--success-soft)}.ssh-bootstrap-result--error{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.ssh-bootstrap-stages{grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.ssh-bootstrap-stages li{min-width:0;color:var(--text-muted);text-align:center;align-content:start;justify-items:center;gap:7px;padding-inline:3px;font-size:10px;line-height:1.3;display:grid;position:relative}.ssh-bootstrap-stages li:before{content:"";background:var(--border);width:50%;height:1px;position:absolute;inset-block-start:11px;inset-inline-start:0}.ssh-bootstrap-stages li:after{content:"";background:var(--border);width:50%;height:1px;position:absolute;inset-block-start:11px;inset-inline-start:50%}.ssh-bootstrap-stages li:first-child:before,.ssh-bootstrap-stages li:last-child:after{display:none}.ssh-bootstrap-stages__icon{z-index:1;border:1px solid var(--border);background:var(--surface-overlay);border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:inline-flex}.ssh-bootstrap-stages .is-done{color:var(--success)}.ssh-bootstrap-stages .is-done:before,.ssh-bootstrap-stages .is-done:after{background:var(--success)}.ssh-bootstrap-stages .is-done .ssh-bootstrap-stages__icon{color:var(--success);border-color:var(--success);background:var(--success-soft)}.ssh-bootstrap-stages .is-active{color:var(--info);font-weight:700}.ssh-bootstrap-stages .is-active:before{background:var(--success)}.ssh-bootstrap-stages .is-active .ssh-bootstrap-stages__icon{border-color:var(--info);background:var(--info-soft)}.ssh-bootstrap-stages .is-active svg{animation:.85s linear infinite spin}.ssh-bootstrap-stages .is-stopped{color:var(--danger);font-weight:700}.ssh-bootstrap-stages .is-stopped .ssh-bootstrap-stages__icon{border-color:var(--danger);background:var(--danger-soft)}.ssh-bootstrap-pin{border-block:1px solid var(--border-subtle);grid-template-columns:145px minmax(0,1fr);gap:10px 16px;margin:0;padding-block:11px;display:grid}.ssh-bootstrap-pin dt,.ssh-bootstrap-meta dt{color:var(--text-muted);font-size:10px}.ssh-bootstrap-pin dd{gap:2px;min-width:0;margin:0;display:grid}.ssh-bootstrap-pin dd span{font-size:10px}.ssh-bootstrap-pin code{overflow-wrap:anywhere;font-size:10px}.ssh-bootstrap-log{gap:9px;min-width:0;display:grid}.ssh-bootstrap-log>header{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.ssh-bootstrap-log h3{font-size:13px}.ssh-bootstrap-log header p{color:var(--text-muted);margin-block-start:2px;font-size:10px}.ssh-bootstrap-log .log-viewport{height:280px}.ssh-stream-state{color:var(--text-muted);flex:none;font-size:10px}.ssh-stream-state--live{color:var(--success)}.ssh-stream-state--fallback{color:var(--warning)}.ssh-bootstrap-meta{grid-template-columns:90px minmax(0,1fr);gap:7px 12px;margin:0;display:grid}.ssh-bootstrap-meta dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:11px}.sticky-save{z-index:var(--z-sticky);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-overlay) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:18px;max-width:1440px;min-height:58px;margin-inline:auto;padding:10px 13px;display:flex;position:fixed;inset-block-end:16px;inset-inline-start:calc(var(--sidebar-width) + 30px);inset-inline-end:30px;box-shadow:0 10px 34px #12191f29}.sticky-save>div{align-items:center;gap:8px;display:flex}.unsaved-mark{background:var(--switch);border-radius:50%;width:8px;height:8px}.published-route-details{display:none}@media (width<=1150px){.chain-workspace{grid-template-columns:minmax(0,1fr)}.chain-list{border-inline-end:0;border-block-end:1px solid var(--border)}.chain-list ul{contain:none;flex:none;max-block-size:320px}.published-routes-page>.data-region .priority-normal{display:none}.published-routes-page>.data-region .primary-cell strong{overflow-wrap:anywhere}.published-route-details{margin-block-start:8px;display:block}.published-route-details summary{min-height:44px;color:var(--accent);cursor:pointer;overflow-wrap:anywhere;align-content:center}.published-route-details dl{gap:14px;margin:8px 0;display:grid}.published-route-details dl>div,.published-route-details dd{min-width:0}.published-route-details dt{color:var(--text-muted);margin-block-end:4px;font-size:11px}.published-route-details dd{overflow-wrap:anywhere;margin:0}.published-route-details .verification-stack,.published-route-details .published-route-path{grid-template-columns:minmax(0,1fr);min-width:0}.published-route-details .published-route-path strong,.published-route-details .published-route-path small{white-space:normal;overflow-wrap:anywhere;overflow:visible}.published-route-details .button{min-height:44px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-inline-end:0}.metric:nth-child(-n+2){border-block-end:1px solid var(--border-subtle)}.dashboard-grid,.security-insights{grid-template-columns:1fr}.security-page>.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-page>.metrics-grid .metric:nth-child(4){border-inline-end:0}.security-page>.metrics-grid .metric:nth-child(-n+4){border-block-end:1px solid var(--border-subtle)}.entry-binding-list,.topology-detail-grid{grid-template-columns:1fr}.endpoint-palette__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-low{display:none}}@media (width<=860px){.bulk-route-grid,.bulk-port-grid{grid-template-columns:1fr}:root{--sidebar-width:0px}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-menu{display:inline-flex}.topbar{padding-inline:14px}.topbar-context{flex:1}.account-copy{display:none}.main-content{padding:22px 18px 62px}.mobile-drawer{z-index:calc(var(--z-modal) + 1);border-inline-end:1px solid var(--border);background:var(--surface-overlay);width:min(86vw,300px);box-shadow:var(--shadow-overlay);flex-direction:column;animation:.16s ease-out drawer-in;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.mobile-drawer .brand-lockup{justify-content:space-between}.mobile-drawer .side-nav{flex:1}.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;position:static;overflow-x:auto}.settings-tabs button{white-space:nowrap}.mail-job-row{grid-template-columns:minmax(0,1fr) auto auto}.mail-job-attempts{display:none}.sticky-save{inset-inline:18px}.portal-quota{grid-template-columns:1fr 1fr}.portal-plan-facts{border-block-start:1px solid var(--border-subtle);grid-column:1/-1}.portal-quota__progress{border-inline-end:0}.portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-metrics>div:nth-child(2){border-inline-end:0}.portal-metrics>div:nth-child(-n+2){border-block-end:1px solid var(--border-subtle)}.security-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.security-policy-switches--three{grid-template-columns:1fr}}@media (width<=640px){.topbar-context span{display:none}.main-content{padding-inline:13px}.page-header{display:grid}.page-actions{width:100%}.page-actions .button{flex:1}.metrics-grid,.health-summary,.ops-summary{grid-template-columns:1fr}.ops-summary>div{border-inline-end:0;border-block-end:1px solid var(--border-subtle)}.ops-summary>div:last-child{border-block-end:0}.ops-switches,.one-time-secret,.security-page>.metrics-grid{grid-template-columns:1fr}.security-page>.metrics-grid .metric:last-child{grid-column:auto}.metric,.health-summary>div{border-inline-end:0;border-block-end:1px solid var(--border-subtle)}.metric:last-child,.health-summary>div:last-child{border-block-end:0}.form-grid,.settings-fields,.chain-editor__form,.health-policy-editor__fields{grid-template-columns:1fr}.form-grid__wide,.settings-wide{grid-column:auto}.mail-notification-settings,.mail-test-row{grid-template-columns:1fr}.mail-notification-settings .field:last-child{grid-column:auto}.mail-test-row .button{width:100%}.mail-job-row{grid-template-columns:minmax(0,1fr) auto;padding-block:13px}.mail-job-row>.status{justify-self:end}.mail-job-row>.button,.mail-job-row>span:last-child{grid-column:1/-1;justify-self:start}.protocol-form__explanation{grid-column:auto}.one-time-identity{grid-template-columns:1fr}.dialog-content{border-radius:10px;max-height:94dvh}.dialog-footer{flex-wrap:wrap}.dialog-footer .button{flex:1}.table-toolbar{flex-direction:column;align-items:stretch}.search-control{width:100%}.data-table .priority-normal{display:none}.data-table .priority-high{display:table-cell}.compact-list__row,.compact-list__row--routes{grid-template-columns:minmax(0,1fr) auto}.compact-list__row--routes .row-actions{grid-column:1/-1;justify-content:flex-start}.compact-list__row time{grid-column:1/-1}.chart-summary{gap:4px;display:grid}.security-policy-grid,.security-filters{grid-template-columns:1fr}.security-policy-grid{padding-inline:14px}.security-policy-card dl{grid-template-columns:1fr}.exit-traffic-section>.section-heading{display:grid}.exit-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.endpoint-palette__grid{grid-template-columns:1fr}.chain-editor{padding:12px}.entry-bindings>header,.route-preview>header{display:grid}.entry-bindings>header .button{width:100%}.topology-workbench>header,.topology-draft-status{display:grid}.topology-workbench>header>span{text-align:start;max-width:none}.topology-canvas-context{grid-template-columns:auto minmax(0,1fr)}.topology-canvas-context__summary{white-space:normal;grid-column:2;justify-items:start}.topology-canvas-context__summary>span:last-child{justify-content:flex-start}.chain-canvas--topology{height:465px;min-height:465px}.route-binding-switches{grid-template-columns:1fr}.dialog-footer__spacer{display:none}.topology-bindings li{grid-template-columns:auto minmax(0,1fr) auto}.topology-bindings li .row-actions{grid-column:2/-1;justify-content:start}.published-routes-note{grid-template-columns:auto minmax(0,1fr)}.published-routes-note__actions{white-space:normal;flex-wrap:wrap;grid-column:2}.entry-binding__select{grid-template-columns:auto minmax(0,1fr)}.entry-binding__select .status{grid-column:2;justify-self:start}.ordered-path li{grid-template-columns:auto minmax(0,1fr)}.ordered-path li .row-actions{grid-column:2;justify-content:start}.plan-summary{grid-template-columns:1fr}.plan-summary>div{border-inline-end:0;border-block-end:1px solid var(--border-subtle)}.plan-summary>div:last-child{border-block-end:0}.change-list>div:not(.inline-state){grid-template-columns:auto minmax(0,1fr)}.change-list>div:not(.inline-state) span:last-child{grid-column:2}.log-line{grid-template-columns:70px minmax(0,1fr)}.log-line code{grid-column:1/-1}.ssh-bootstrap-advanced__body{grid-template-columns:1fr}.ssh-bootstrap-advanced__body .switch-field,.ssh-bootstrap-advanced__body .warning-list,.ssh-bootstrap-capabilities{grid-column:auto}.ssh-bootstrap-progress__heading,.ssh-bootstrap-log>header{align-items:flex-start}.ssh-bootstrap-stages{grid-template-columns:1fr;gap:7px}.ssh-bootstrap-stages li{text-align:start;grid-template-columns:23px minmax(0,1fr);place-items:center start;gap:9px;min-height:28px;padding:0}.ssh-bootstrap-stages li:before{width:1px;height:18px;inset-block-start:-7px;inset-inline-start:11px}.ssh-bootstrap-stages li:after{width:1px;height:14px;inset-block-start:21px;inset-inline-start:11px}.ssh-bootstrap-pin{grid-template-columns:1fr;gap:3px}.sticky-save{flex-direction:column;align-items:stretch}.sticky-save>div:last-child .button{flex:1}.portal-topbar{padding-inline:13px}.portal-brand small,.portal-account-name,.portal-logout-label{display:none}.portal-topbar__actions .button{width:38px;min-height:38px;padding:0}.portal-main{width:min(100% - 26px,1180px);padding-block-start:22px}.portal-page-heading{display:grid}.portal-quota{grid-template-columns:1fr}.portal-quota__main,.portal-quota__progress{border-inline-end:0;border-block-end:1px solid var(--border-subtle)}.portal-plan-facts{border-block-start:0;grid-column:auto}.portal-metrics{grid-template-columns:1fr}.portal-metrics>div{border-inline-end:0;border-block-end:1px solid var(--border-subtle)}.portal-metrics>div:last-child{border-block-end:0}.portal-routes li{grid-template-columns:auto minmax(0,1fr)}.portal-route-usage{text-align:start;grid-column:2;justify-items:start}.portal-tokens .section-heading{display:grid}.portal-tokens .section-heading .button{width:100%}.portal-account-row{grid-template-columns:auto minmax(0,1fr)}.portal-account-row .button{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.react-flow__edge-path{animation:none!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{0%,to{background-position:100% 0}50%{background-position:0 0}}@keyframes pulse{50%{opacity:.45;transform:scale(.92)}}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.985)}}@keyframes drawer-in{0%{transform:translate(-100%)}}.node-import{gap:16px;min-width:0;display:grid}.node-import textarea{font-family:var(--font-mono,monospace);overflow-wrap:anywhere;font-size:13px}.node-import__list{gap:0;margin:0;padding:0;list-style:none;display:grid}.node-import__row{border-bottom:1px solid var(--border);grid-template-columns:20px minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.node-import__row>div{overflow-wrap:anywhere;min-width:0}.node-import__row p{margin:4px 0 0;font-size:13px}.node-import__row input{margin-top:4px}.node-import__warning{color:var(--warning)}.node-import__select-all{align-items:center;gap:10px;display:flex}.node-import input[type=checkbox]{cursor:pointer;width:18px;height:18px}.node-import input:disabled{cursor:not-allowed}.node-import__actions{justify-content:flex-end;gap:8px;width:100%;display:flex}@media (width<=600px){.node-import__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.node-import__actions>:last-child:nth-child(3){grid-column:1/-1}}.routing-policy{border-block-start:1px solid var(--border-subtle);gap:12px;min-width:0;padding-block:12px;display:grid}.routing-rule{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;margin:0;padding:12px}.routing-rule legend{padding-inline:5px;font-weight:600}.routing-rule__actions{justify-content:flex-end;gap:6px;margin-block-end:10px;display:flex}.routing-policy__default{overflow-wrap:anywhere;margin:0;font-weight:600}.route-binding-disconnect{white-space:nowrap;flex-shrink:0}.routing-summary{border-block:1px solid var(--border-subtle);padding:16px}.routing-summary__profile{overflow-wrap:anywhere;min-width:0;padding-block:8px}.routing-summary__profile ol{padding-inline-start:24px}.routing-summary__profile li{padding-block:5px}.routing-summary__profile li span{display:block}.external-publication-form{overflow-wrap:anywhere;gap:16px;min-width:0;display:grid}.external-publication-form fieldset{border:0;min-width:0;margin:0;padding:0}.external-publication-form legend{margin-bottom:8px;font-weight:600}.external-publication-check{cursor:pointer;align-items:center;gap:10px;min-height:40px;display:flex}.external-publication-check input{flex:none}.external-publication-audience{gap:12px;max-height:300px;padding:4px;display:grid;overflow-y:auto}.managed-tls-status{overflow-wrap:anywhere;gap:8px;min-width:0;display:grid}.managed-tls-status p{margin:0}.managed-tls-status__choice{cursor:pointer;align-items:flex-start;gap:10px;padding-block:8px;display:flex}.managed-tls-status__choice input{cursor:pointer;flex:none;width:18px;height:18px;margin-top:2px}:is(.ops-status-panel,.backup-center,.storage-page) .table-toolbar:empty{display:none}@media (width<=700px){:is(.ops-status-panel,.backup-center,.storage-page) .table-scroll{overflow:visible}:is(.ops-status-panel,.backup-center,.storage-page) .data-table,:is(.ops-status-panel,.backup-center,.storage-page) .data-table tbody{display:block}:is(.ops-status-panel,.backup-center,.storage-page) .data-table thead{display:none}:is(.ops-status-panel,.backup-center,.storage-page) .data-table tr{border-block-end:1px solid var(--border);grid-template-columns:minmax(0,1fr);padding:10px 0;display:grid}:is(.ops-status-panel,.backup-center,.storage-page) .data-table td{text-align:start;white-space:normal;overflow-wrap:anywhere;border:0;width:auto;min-width:0;min-height:0;padding:6px 14px;display:block}:is(.ops-status-panel,.backup-center,.storage-page) .data-table td:before{content:attr(data-label);color:var(--text-muted);margin-block-end:4px;font-size:11px;font-weight:600;display:block}:is(.ops-status-panel,.backup-center,.storage-page) .data-table td[data-column-key=actions] .row-actions{flex-wrap:wrap;justify-content:flex-start;width:auto;min-width:0;margin:0}}.subscription-qr{justify-items:center;gap:12px;min-width:0;display:grid}.subscription-qr svg{max-width:100%;height:auto}.subscription-qr small{text-align:center}.subscription-legacy-hint{white-space:normal;overflow-wrap:anywhere;max-width:240px;display:block}.portal-tokens li>.portal-token-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:260px;display:flex}@media (width<=600px){.portal-tokens li{grid-template-columns:auto minmax(0,1fr)}.portal-tokens li>.portal-token-actions{grid-column:2;justify-content:flex-start}}.ai-routing-preset{min-width:0}.ai-routing-preset__services{border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px 16px;min-width:0;padding:8px 0 16px;display:grid}.ai-routing-preset__services label{cursor:pointer;align-items:center;gap:8px;min-height:32px;display:flex}.ai-routing-preset__services input{flex-shrink:0}.ai-routing-preset__domains{overflow-wrap:anywhere;margin-block:12px}.published-routes-page>.data-region{container-type:inline-size}.published-routes-page>.data-region table{table-layout:fixed;width:100%}.published-routes-page>.data-region th,.published-routes-page>.data-region td{overflow-wrap:anywhere;white-space:normal;min-width:0}.published-routes-page>.data-region .sort-button{white-space:normal;text-align:start;max-width:100%}.published-routes-page>.data-region .verification-stack,.published-routes-page>.data-region .published-route-path{grid-template-columns:minmax(0,1fr);min-width:0}.published-routes-page>.data-region .published-route-path :is(strong,small){white-space:normal;overflow-wrap:anywhere}.published-routes-page>.data-region .button{white-space:normal;max-width:100%}@container (width<=1100px){.published-routes-page>.data-region .priority-normal,.published-routes-page>.data-region .priority-low{display:none}.published-routes-page>.data-region .published-route-details{display:block}}.published-routes-page>.data-region [data-column-key=actions]{width:9%;min-width:0}.published-routes-page>.data-region [data-column-key=verification]{width:19%}.published-routes-page>.data-region [data-column-key=name],.published-routes-page>.data-region [data-column-key=path]{width:18%}.published-route-details summary{min-height:44px;color:var(--accent);cursor:pointer;align-content:center}.published-route-details dl{gap:14px;margin:8px 0;display:grid}.published-route-details dl>div,.published-route-details dd{min-width:0}.published-route-details dt{color:var(--text-muted);margin-block-end:4px;font-size:11px}.published-route-details dd{overflow-wrap:anywhere;margin:0}