: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);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;transition:background-color .12s,border-color .12s,color .12s,transform 90ms;display:inline-flex}.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-content{z-index:var(--z-modal-popover);min-width:var(--radix-select-trigger-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}.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{display:grid}.compact-list__row small,.compact-list__row time{color:var(--text-muted);font-size:11px}.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}.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{justify-content:flex-end;align-items:center;gap:1px;display:flex}.row-actions .button{width:32px;height:32px;min-height:32px}.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{gap:6px;display:flex}.status{width:fit-content;color:var(--text-subtle);background:var(--surface-muted);white-space:nowrap;text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:750;line-height:1;display:inline-flex}.status--success{color:var(--success);background:var(--success-soft)}.status--warning{color:var(--warning);background:var(--warning-soft)}.status--danger{color:var(--danger);background:var(--danger-soft)}.status--info{color:var(--info);background:var(--info-soft)}.status--info svg{animation:1s linear infinite spin}.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-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-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-description--standalone{margin:8px 20px 2px}.dialog-body{min-height:0;padding:19px 20px 22px;overflow-y:auto}.dialog-footer{border-block-start:1px solid var(--border-subtle);background:var(--surface);justify-content:flex-end;align-items:center;gap:8px;min-height:64px;padding:12px 20px;display:flex}.dialog-footer--plain{border:0;margin-block-start:22px;padding:14px 20px 18px}.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}.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}.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}.chain-workspace{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:240px minmax(0,1fr);min-height:680px;display:grid;overflow:hidden}.chain-list{border-inline-end:1px solid var(--border);background:var(--surface-muted)}.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{gap:3px;margin:0;padding:6px;list-style:none;display:grid}.chain-list__item{border-radius:var(--radius-sm);width:100%;color:var(--text-subtle);text-align:start;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;display:grid}.chain-list__item:hover{background:var(--surface-raised)}.chain-list__item--active{color:var(--accent-strong);background:var(--accent-soft)!important}.chain-list__item>span{min-width:0;display:grid}.chain-list__item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chain-list__item small{color:var(--text-muted);font-size:10px}.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 .textarea{height:40px;min-height:40px}.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}.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}.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}.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}.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{align-items:center;gap:12px;margin-block-end:12px;display:flex}.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}.security-notice{margin:18px 20px 0}.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}@media (width<=1150px){.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{grid-template-columns:1fr}.endpoint-palette__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-low{display:none}}@media (width<=860px){: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}.chain-workspace{grid-template-columns:1fr}.chain-list{border-inline-end:0;border-block-end:1px solid var(--border)}.chain-list ul{display:flex;overflow-x:auto}.chain-list li{flex:0 0 220px}.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;position:static;overflow-x:auto}.settings-tabs button{white-space:nowrap}.sticky-save{inset-inline:18px}}@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{grid-template-columns:1fr}.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{grid-template-columns:1fr}.form-grid__wide,.settings-wide,.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{grid-template-columns:minmax(0,1fr) auto}.compact-list__row time{grid-column:1/-1}.chart-summary{gap:4px;display:grid}.endpoint-palette__grid{grid-template-columns:1fr}.chain-editor{padding:12px}.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}}@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%)}}