:root{color-scheme:light;font-family:Noto Sans SC,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;--ink: #18202e;--ink-2: #3f4b5e;--muted: #758196;--faint: #a7b0bf;--line: #e4e8ee;--line-strong: #d5dbe4;--canvas: #f4f6f8;--surface: #ffffff;--surface-2: #f9fafb;--surface-glass: rgba(255, 255, 255, .88);--brand: #0b9478;--brand-dark: #08745f;--brand-soft: #e8f6f2;--nav: #0c111d;--nav-2: #141b29;--blue: #3175d7;--blue-soft: #eaf2fd;--amber: #c37a13;--amber-soft: #fff5df;--red: #c44545;--red-soft: #feeeee;--shadow-sm: 0 1px 2px rgba(12, 17, 29, .04), 0 3px 10px rgba(12, 17, 29, .035);--shadow-md: 0 18px 48px rgba(12, 17, 29, .12);--shadow-card: 0 10px 30px rgba(22, 38, 48, .07);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}code,pre,.cidr-code,.ip-code,.tag-code{font-family:DM Mono,Consolas,monospace}:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(11,148,120,.2);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border:1px solid transparent;border-radius:8px;background:transparent;font-weight:600;font-size:13px;line-height:1;cursor:pointer;transition:.18s ease;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 5px 14px #0b94782e}.btn-primary:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 7px 18px #0b94783d}.btn-secondary{border-color:var(--line-strong);background:var(--surface);color:var(--ink-2)}.btn-secondary:hover:not(:disabled){border-color:#abb7c5;background:#fbfcfd}.btn-danger{background:var(--red);color:#fff}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-ghost.danger{color:var(--red)}.btn-sm{min-height:32px;padding:0 10px;font-size:12px}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;transition:.16s ease}.icon-btn:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong);background:var(--surface-2)}.icon-btn:disabled{opacity:.42;cursor:not-allowed}.danger-hover:hover:not(:disabled){color:var(--red);border-color:#efcaca;background:var(--red-soft)}.spinner{width:23px;height:23px;border:2px solid #d6eee8;border-top-color:var(--brand);border-radius:50%;animation:spin .75s linear infinite}.spinner-sm{width:14px;height:14px;border-color:#ffffff73;border-top-color:currentColor}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:244px;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--nav) 0%,#101724 100%);color:#dbe0e8;border-right:1px solid rgba(255,255,255,.04)}.sidebar-head{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-brand-lockup{display:flex;align-items:center;gap:9px;min-width:0}.sidebar-brand-lockup>strong{color:#f4f7fb;font-size:12px;line-height:1.2;white-space:nowrap}.sidebar-close{display:none;border:0;background:transparent;color:#aab4c4;padding:5px}.network-switcher{margin:16px 13px 8px;padding:11px 11px 10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.075);border-radius:10px}.network-switcher>span{display:flex;align-items:center;gap:6px;color:#7f8a9d;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.live-dot{width:5px;height:5px;border-radius:50%;background:#46d5b5;box-shadow:0 0 0 3px #46d5b51f}.network-switcher label{display:flex;align-items:center;gap:7px;margin-top:7px;color:#f4f6fa}.network-switcher select{width:100%;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:inherit;font-weight:600;font-size:12px;cursor:pointer}.network-switcher select:focus-visible{outline:2px solid #46d5b5;outline-offset:3px;border-radius:3px}.network-switcher select option{background:var(--nav-2)}.network-switcher label>svg:last-child{margin-left:auto;color:#8490a3}.network-switcher small{display:block;margin:5px 0 0 22px;color:#758196;font:10px DM Mono,monospace}.side-nav{flex:1;overflow-y:auto;padding:3px 10px 18px;scrollbar-width:thin;scrollbar-color:#2c3544 transparent}.side-nav section{margin-top:14px}.side-nav h2{margin:0 11px 6px;color:#626e81;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.side-nav a{position:relative;display:flex;align-items:center;gap:11px;height:39px;padding:0 11px;margin:1px 0;border-radius:7px;color:#9ba6b7;font-size:12px;font-weight:500;transition:.15s ease}.side-nav a svg{opacity:.78}.side-nav a:hover{color:#e8ebf1;background:#ffffff0b}.side-nav a.router-link-active{color:#fff;background:linear-gradient(90deg,#14a78830,#14a78814)}.side-nav a.router-link-active:before{content:"";position:absolute;left:-10px;width:3px;height:21px;border-radius:0 3px 3px 0;background:#25c29f;box-shadow:0 0 14px #25c29f80}.side-nav a.router-link-active svg{color:#43cfb0;opacity:1}.nav-count{margin-left:auto;min-width:19px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:9px;background:#c445453b;color:#faa;font-size:9px;font-style:normal}.sidebar-foot{padding:13px;border-top:1px solid rgba(255,255,255,.07)}.control-health{padding:9px 10px;border-radius:7px;background:#ffffff09;font-size:10px}.control-health,.control-health>span,.control-health>strong{display:flex;align-items:center;justify-content:space-between;gap:6px}.control-health>span{color:#7d899b}.control-health>strong{color:#9de5d5;font-weight:500}.control-health>strong i{width:6px;height:6px;border-radius:50%;background:#39caa9;box-shadow:0 0 0 3px #39caa91a}.mock-flag{margin-top:8px;padding:5px 8px;text-align:center;border:1px dashed rgba(244,185,72,.25);border-radius:5px;color:#ddba72;font-size:9px}.version-label{display:block;margin-top:8px;text-align:center;color:#4d5869;font-size:9px}.main-area{min-height:100vh;margin-left:244px}.topbar{position:sticky;top:0;z-index:20;height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-left>div{display:flex;flex-direction:column;gap:2px}.topbar-left span{color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.topbar-left strong{font-size:14px}.mobile-menu{display:none;width:34px;height:34px;padding:0;border:0;background:transparent;color:var(--ink-2)}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar .icon-btn{border:0;background:transparent}.notification-btn{position:relative}.notification-btn i{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#e15656;border:1.5px solid #fff}.user-menu-wrap{position:relative;margin-left:3px;padding-left:11px;border-left:1px solid var(--line)}.user-trigger{display:flex;align-items:center;gap:8px;padding:3px 4px;border:0;background:transparent;cursor:pointer}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#dff4ef,#c7e8df);color:var(--brand-dark);font-weight:700;font-size:12px}.user-copy{display:flex;flex-direction:column;align-items:flex-start}.user-copy strong{font-size:11px}.user-copy small{color:var(--muted);font-size:9px}.user-dropdown{position:absolute;top:45px;right:0;min-width:150px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow-md)}.user-dropdown button{width:100%;height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:var(--red);font-size:12px;cursor:pointer}.user-dropdown button:hover{background:var(--red-soft)}.page-container{max-width:1550px;margin:0 auto;padding:28px 30px 52px}.page-container-wide{max-width:none;padding-inline:clamp(18px,2vw,34px)}.sidebar-scrim{display:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:1200;top:8px;left:10px;padding:9px 13px;border-radius:8px;background:#fff;color:var(--ink);box-shadow:var(--shadow-md);transform:translateY(-160%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.canvas-shell{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#eef3f5}.canvas-shell-main{position:relative;min-height:0;flex:1;overflow:hidden;isolation:isolate}.canvas-shell-main>*{min-height:0}.command-palette-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:min(12vh,110px) 16px 24px;background:#050b1385;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.command-palette{width:min(700px,100%);max-height:min(690px,calc(100dvh - 140px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(211,220,226,.92);border-radius:16px;background:#fcfdfdfa;color:var(--ink);box-shadow:0 30px 90px #040b144d,0 1px #ffffffbf inset}.command-palette-search{min-height:62px;display:flex;align-items:center;gap:11px;padding:0 15px;border-bottom:1px solid var(--line)}.command-palette-search>svg{flex:none;color:var(--brand)}.command-palette-search input{min-width:0;height:60px;flex:1;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}.command-palette-search input::placeholder{color:#98a2b1}.command-palette-close{width:34px;height:34px;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:8px;background:transparent;color:#7d8999;cursor:pointer}.command-palette-close:hover{background:#eef2f4;color:var(--ink)}.command-palette kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 5px;border:1px solid #d8dee5;border-radius:5px;background:#f3f5f7;color:#768194;font:9px DM Mono,Consolas,monospace;box-shadow:0 1px 1px #0f19240a}.command-results{min-height:170px;overflow-y:auto;padding:8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5dc transparent}.command-group+.command-group{margin-top:7px;padding-top:7px;border-top:1px solid #edf0f2}.command-group h3{margin:0;padding:6px 9px 5px;color:#8993a2;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.command-option{width:100%;min-height:51px;display:flex;align-items:center;gap:10px;padding:6px 9px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.command-option.active{background:#eaf5f2;box-shadow:0 0 0 1px #1b977d14 inset}.command-option-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border:1px solid #e1e7ea;border-radius:9px;background:#fff;color:#697789}.command-option.active .command-option-icon{border-color:#bfe0d7;background:#f9fffd;color:var(--brand)}.command-option-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.command-option-copy strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.command-option-copy small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.command-current{display:inline-flex;align-items:center;gap:3px;flex:none;color:var(--brand-dark);font-size:9px;font-weight:600}.command-empty{min-height:205px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#98a2b1;text-align:center}.command-empty strong{color:var(--ink-2);font-size:12px}.command-empty span{font-size:10px}.command-palette-footer{min-height:39px;display:flex;align-items:center;gap:16px;padding:0 14px;border-top:1px solid var(--line);background:#f8f9fa;color:var(--muted);font-size:9px}.command-palette-footer span{display:inline-flex;align-items:center;gap:4px}.command-palette-enter-active,.command-palette-leave-active{transition:opacity .16s ease}.command-palette-enter-active .command-palette,.command-palette-leave-active .command-palette{transition:transform .18s ease,opacity .16s ease}.command-palette-enter-from,.command-palette-leave-to{opacity:0}.command-palette-enter-from .command-palette,.command-palette-leave-to .command-palette{opacity:0;transform:translateY(-9px) scale(.985)}.page{animation:page-in .25s ease both}.embedded-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:0 2px 12px;border-bottom:1px solid var(--line)}.embedded-view-toolbar p{margin:0;color:var(--muted);font-size:11px}@keyframes page-in{0%{opacity:0;transform:translateY(3px)}}.page-header{min-height:61px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.page-header h1{margin:3px 0 4px;font-size:25px;line-height:1.2;letter-spacing:-.025em}.page-header p{margin:0;color:var(--muted);font-size:12px}.eyebrow{color:var(--brand);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow.light{color:#61d4bb}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.last-update{color:var(--faint);font-size:10px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0 0 3px;font-size:14px}.panel-head p{margin:0;color:var(--muted);font-size:10px}.panel-head>a{color:var(--brand);font-size:11px;font-weight:600}.notice{display:flex;align-items:flex-start;gap:11px;margin-bottom:17px;padding:13px 15px;border:1px solid #cddff6;border-left:3px solid var(--blue);border-radius:8px;background:var(--blue-soft);color:#285888}.notice>svg{flex:none;margin-top:1px}.notice strong{display:block;margin-bottom:2px;font-size:12px}.notice p{margin:0;color:#587697;font-size:10px;line-height:1.6}.notice-accent{border-color:#cbe7df;border-left-color:var(--brand);background:var(--brand-soft);color:#176e5d}.notice-accent p{color:#4e7b72}.notice-warning{border-color:#f1dfba;border-left-color:var(--amber);background:var(--amber-soft);color:#8a5b12}.notice-warning p{color:#886d42}.notice.compact{margin:17px 0 0;padding:11px 13px}.table-panel{overflow:hidden}.resource-toolbar,.log-toolbar{min-height:58px;display:flex;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--line)}.search-field{width:300px;height:35px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--muted);transition:.15s ease}.search-field:focus-within{border-color:#69bba9;box-shadow:0 0 0 3px #0b947814}.search-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.search-field>button:not(.btn){display:grid;place-items:center;padding:2px;border:0;background:transparent;color:var(--faint);cursor:pointer}.search-field .btn{margin-right:-8px;min-height:29px}.result-text{margin-left:auto;color:var(--muted);font-size:10px}.filter-select{height:35px;min-width:112px;padding:0 31px 0 10px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--ink-2);font-size:11px;outline:0;cursor:pointer}.table-scroll{overflow-x:auto}.wide-table table{min-width:1220px}table{width:100%;border-collapse:collapse}th{height:39px;padding:0 14px;background:#fafbfc;border-bottom:1px solid var(--line);color:#7e899a;text-align:left;font-size:9px;font-weight:700;letter-spacing:.045em;white-space:nowrap}td{min-height:58px;padding:12px 14px;border-bottom:1px solid #edf0f3;color:var(--ink-2);font-size:11px;vertical-align:middle}tbody tr{transition:background .12s ease}.table-scroll tbody tr:hover{background:#fbfcfc}.table-scroll tbody tr:last-child td{border-bottom:0}.actions-col{width:90px;text-align:right;white-space:nowrap}.actions-col .icon-btn{width:30px;height:30px;margin-left:4px}.primary-cell{display:flex;align-items:center;gap:10px;min-width:145px}.primary-cell>div{min-width:0}.primary-cell strong,.cell-strong{display:block;color:var(--ink);font-size:11px;font-weight:600}.primary-cell small,.cell-sub{display:flex;align-items:center;gap:4px;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}.resource-avatar{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--blue-soft);color:var(--blue)}.avatar-network{background:#e9f0fc}.avatar-region{background:#eef0fb;color:#6269b5}.avatar-site{background:#eef6f3;color:var(--brand)}.avatar-node{background:var(--brand-soft);color:var(--brand)}.avatar-muted{background:#f0f1f3;color:#8d96a5}.avatar-route{background:#f0edf9;color:#6d58a7}.cidr-code,.ip-code{display:inline-block;padding:3px 6px;border-radius:4px;background:#f1f4f6;color:#354254;font-size:10px;white-space:nowrap}.tag-code{color:#6269b5;font-size:10px;font-weight:500}.count-cell{display:inline-flex;align-items:center;gap:5px}.description-cell{max-width:260px;color:var(--muted)}.traffic-cell{color:var(--brand-dark)}.tag-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:210px}.tag-list>span,.source-label{padding:3px 6px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:#596578;font-size:9px}.tag-list>small{color:var(--muted);font-size:9px}.cidr-stack{display:flex;gap:3px;flex-direction:column;align-items:flex-start}.cidr-stack code{padding:2px 4px;background:#f3f5f7;border-radius:3px;font-size:9px}.cidr-stack small{color:var(--muted)}.status-badge{width:fit-content;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:11px;font-size:9px;font-weight:600;white-space:nowrap}.status-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.tone-positive{background:#e8f6f1;color:#147861}.tone-warning{background:var(--amber-soft);color:#a66a0b}.tone-negative{background:var(--red-soft);color:#bd4242}.tone-neutral{background:#eff1f4;color:#687386}.tone-info{background:var(--blue-soft);color:#356bb9}.pagination-bar{min-height:49px;display:flex;align-items:center;justify-content:space-between;padding:8px 15px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.pagination-bar>div{display:flex;align-items:center;gap:9px}.pagination-bar .icon-btn{width:29px;height:29px}.pagination-bar strong{color:var(--ink-2);font-size:10px}.data-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:35px;text-align:center}.data-state strong{font-size:12px}.data-state small{max-width:380px;color:var(--muted);font-size:10px;line-height:1.6}.state-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:5px;border-radius:12px;background:#f0f3f5;color:var(--muted)}.state-error .state-icon{background:var(--red-soft);color:var(--red)}.state-error .btn{margin-top:7px}.conflict-row{background:#fffdf8}.conflict-label{display:flex;align-items:center;gap:4px;margin-top:5px;color:var(--red);font-size:9px;font-weight:600}.all-regions{display:inline-flex;align-items:center;gap:4px;color:var(--brand-dark);font-size:10px}.modal-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#080d1694;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.modal-card{width:min(100%,660px);max-height:calc(100vh - 40px);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.3);border-radius:13px;background:#fff;box-shadow:0 28px 90px #0509114d;overflow:hidden}.modal-sm{width:min(100%,440px)}.modal-lg{width:min(100%,840px)}.modal-wide{width:min(92vw,1120px);max-width:none}.modal-xl{width:min(94vw,1680px);max-width:none}.modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 17px;border-bottom:1px solid var(--line)}.modal-card>header h2{margin:0 0 4px;font-size:17px}.modal-card>header p{margin:0;color:var(--muted);font-size:10px}.modal-body{padding:20px 22px;overflow-y:auto}.modal-card>footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 22px;background:#fafbfc;border-top:1px solid var(--line)}.modal-enter-active,.modal-leave-active,.modal-enter-active .modal-card,.modal-leave-active .modal-card{transition:.2s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-card,.modal-leave-to .modal-card{transform:translateY(8px) scale(.985)}.confirm-message{display:flex;align-items:flex-start;gap:12px}.confirm-message>span{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--amber-soft);color:var(--amber)}.confirm-message p{margin:2px 0 0;color:var(--ink-2);font-size:11px;line-height:1.8}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-span-2{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:6px}.field>span,fieldset>legend{color:var(--ink-2);font-size:10px;font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--ink);outline:0;font-size:11px;transition:.15s ease}.field textarea{resize:vertical;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#68b8a7;box-shadow:0 0 0 3px #0b947814}.field input:disabled{background:#f3f5f6;color:var(--faint)}.field>small{color:var(--muted);font-size:9px;line-height:1.5}fieldset{margin:0;padding:14px;border:1px solid var(--line);border-radius:9px}fieldset>legend{padding:0 5px}.form-alert{padding:10px 12px;border:1px solid #efcaca;border-radius:7px;background:var(--red-soft);color:var(--red);font-size:10px}.cidr-conflict-alert{display:flex;gap:10px;padding:12px;border:1px solid #ecc4c4;border-left:3px solid var(--red);border-radius:8px;background:var(--red-soft);color:var(--red)}.cidr-conflict-alert svg{flex:none}.cidr-conflict-alert strong{font-size:11px}.cidr-conflict-alert p{margin:3px 0 0;color:#9d5959;font-size:10px}.switch-field,.switch-list label{display:flex;align-items:center;justify-content:space-between;gap:15px}.switch-field>span,.switch-list label>span{display:flex;flex-direction:column;gap:3px}.switch-field strong,.switch-list strong{font-size:10px}.switch-field small,.switch-list small{color:var(--muted);font-size:9px}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px!important;height:19px;min-height:19px!important;padding:0!important;flex:none;border:0!important;border-radius:10px!important;background:#c8ced7!important;cursor:pointer;position:relative}.switch:after{content:"";position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.16s ease}.switch:checked{background:var(--brand)!important}.switch:checked:after{transform:translate(15px)}.switch-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.switch-list label{padding:11px;border:1px solid var(--line);border-radius:8px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-options>label{position:relative;padding:12px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.mode-options>label.selected{border-color:#6ab7a6;background:#f6fbf9;box-shadow:0 0 0 2px #0b947812}.mode-options input{position:absolute;opacity:0}.routing-hint{display:flex;align-items:flex-start;gap:8px;color:var(--ink-2)}.routing-hint>svg{flex:none;margin-top:1px;color:var(--brand)}.routing-hint strong{display:block;font-size:10px}.routing-hint p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.routing-hint.mode-nat>svg{color:var(--amber)}.routing-hint.compact{align-items:center}.routing-hint.compact strong{font-size:9px}.hint-info{margin-left:auto;opacity:.5}.all-region-option{display:flex;align-items:center;gap:9px;padding:10px;border-radius:7px;background:var(--brand-soft);cursor:pointer}.all-region-option>span{display:flex;flex-direction:column}.all-region-option strong{font-size:10px}.all-region-option small{color:var(--muted);font-size:9px}.region-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.region-check-grid label{position:relative;display:flex;flex-direction:column;padding:8px 10px 8px 30px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.region-check-grid label.checked{border-color:#77bfae;background:#f5fbf9}.region-check-grid input{position:absolute;left:10px;top:12px}.region-check-grid span{font-size:10px;font-weight:600}.region-check-grid small{color:var(--muted);font-size:8px}.form-help{margin:9px 0 0;color:var(--muted);font-size:9px}.toast-host{position:fixed;z-index:150;top:17px;right:17px;width:min(360px,calc(100vw - 34px));display:flex;flex-direction:column;gap:8px}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:9px;padding:12px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:9px;background:#fff;box-shadow:var(--shadow-md)}.toast>div strong{display:block;font-size:11px}.toast>div p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.toast>button{padding:0;border:0;background:transparent;color:var(--faint);cursor:pointer}.toast-success{border-left-color:var(--brand)}.toast-success>svg{color:var(--brand)}.toast-error{border-left-color:var(--red)}.toast-error>svg{color:var(--red)}.toast-warning{border-left-color:var(--amber)}.toast-warning>svg{color:var(--amber)}.toast-info>svg{color:var(--blue)}.toast-enter-active,.toast-leave-active{transition:.25s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(14px)}.login-page{min-height:100vh;display:grid;grid-template-columns:48% 52%;background:#fff}.login-brand-panel{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:40px 52px;overflow:hidden;background:radial-gradient(circle at 68% 38%,rgba(30,177,146,.12),transparent 30%),linear-gradient(145deg,#0a101b,#111c2b 72%,#0b2225);color:#fff}.login-brand-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent)}.login-brand-panel>*{position:relative;z-index:1}.brand-copy{max-width:510px;margin:auto 0 28px}.brand-copy h1{margin:13px 0 18px;font-size:clamp(35px,4vw,55px);line-height:1.24;letter-spacing:-.045em;font-weight:650}.brand-copy h1 em{color:#55d3b7;font-style:normal}.brand-copy p{max-width:460px;margin:0;color:#9ca9b9;font-size:13px;line-height:2}.brand-network{position:absolute!important;z-index:0!important;width:330px;height:330px;right:-65px;top:33%;opacity:.48}.network-node{position:absolute;z-index:2;width:12px;height:12px;border:2px solid #5ed9be;border-radius:50%;background:#102131;box-shadow:0 0 0 7px #2ec1a212}.network-node.center{left:140px;top:137px;width:52px;height:52px;display:grid;place-items:center;color:#69dac2}.network-node.n1{left:20px;top:40px}.network-node.n2{right:20px;top:70px}.network-node.n3{left:34px;bottom:30px}.network-node.n4{right:2px;bottom:60px}.brand-network .line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#4ccab0,transparent);transform-origin:left center}.line-a{width:180px;left:30px;top:52px;transform:rotate(36deg)}.line-b{width:220px;left:163px;top:160px;transform:rotate(-30deg)}.line-c{width:180px;left:42px;bottom:40px;transform:rotate(-39deg)}.brand-features{display:flex;gap:24px;color:#8e9cad;font-size:10px}.brand-features span{display:flex;align-items:center;gap:7px}.brand-features svg{color:#4bcaad}.login-form-panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 30px 24px}.mobile-login-logo{display:none;align-items:center;gap:9px}.login-brand-lockup{display:flex;align-items:center;gap:10px}.login-brand-lockup>strong{font-size:16px;letter-spacing:.01em}.mobile-login-logo>strong{color:var(--ink);font-size:15px}.login-card{width:min(100%,390px)}.login-heading{margin-bottom:28px}.login-heading .login-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:17px;border-radius:11px;background:var(--brand-soft);color:var(--brand)}.login-heading h2{margin:0 0 7px;font-size:23px}.login-heading p{margin:0;color:var(--muted);font-size:11px}.login-card .field{margin-top:16px}.input-with-icon{height:43px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;color:var(--faint);transition:.15s ease}.input-with-icon:focus-within{border-color:#62b7a4;box-shadow:0 0 0 3px #0b947814}.input-with-icon input{flex:1;min-width:0;border:0;outline:0}.input-with-icon button{padding:3px;border:0;background:transparent;color:var(--muted);cursor:pointer}.checkbox-row{display:flex;align-items:center;gap:7px;margin:15px 0;font-size:10px;cursor:pointer}.checkbox-row input{accent-color:var(--brand)}.checkbox-row small{margin-left:auto;color:var(--muted)}.login-submit{width:100%;height:43px;margin-top:3px}.mock-login-hint{margin:11px 0;padding:7px;text-align:center;background:var(--amber-soft);color:#8d681f;border-radius:6px;font-size:9px}.mock-login-hint code{font-size:9px}.security-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.5}.security-note svg{flex:none;color:var(--brand)}.login-form-panel>footer{position:absolute;bottom:21px;color:var(--faint);font-size:9px}.dashboard-hero{display:grid;grid-template-columns:1.6fr .9fr;margin-bottom:14px;border-radius:12px;overflow:hidden;background:linear-gradient(120deg,#0d1723,#112637);color:#fff;box-shadow:0 10px 24px #09131f1f}.hero-health{display:flex;align-items:center;gap:24px;padding:24px 27px}.health-ring{--health: 0deg;width:103px;height:103px;display:grid;place-items:center;flex:none;border-radius:50%;background:conic-gradient(#35c9a8 var(--health),rgba(255,255,255,.09) 0);position:relative}.health-ring:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#101d2a}.health-ring span{position:relative;z-index:1;text-align:center}.health-ring strong{display:block;font-size:23px}.health-ring small{color:#8da0af;font-size:8px}.hero-kicker{display:flex;align-items:center;gap:7px;color:#6dd7bf;font-size:9px;font-weight:600}.hero-kicker i{width:6px;height:6px;border-radius:50%;background:#45d2b2;box-shadow:0 0 0 4px #45d2b21a}.hero-health h2{margin:8px 0 6px;font-size:18px}.hero-health p{max-width:600px;margin:0;color:#8fa0af;font-size:9px;line-height:1.7}.hero-health a{display:inline-flex;align-items:center;gap:5px;margin-top:11px;color:#5ed1b7;font-size:9px;font-weight:600}.hero-numbers{display:grid;grid-template-columns:1fr 1fr;background:#ffffff09}.hero-numbers span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1px 7px;align-content:center;padding:15px 18px;border-left:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.hero-numbers svg{grid-row:1/3;color:#51cdb2}.hero-numbers small{color:#7f91a0;font-size:8px}.hero-numbers strong{font-size:17px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat-card{min-height:96px;display:flex;align-items:center;gap:13px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm)}.stat-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--blue-soft);color:var(--blue)}.stat-card p{margin:0;color:var(--muted);font-size:9px}.stat-card strong{display:block;margin:2px 0;font-size:22px}.stat-card small{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:8px}.stat-positive .stat-icon{background:var(--brand-soft);color:var(--brand)}.stat-warning .stat-icon{background:var(--amber-soft);color:var(--amber)}.stat-negative .stat-icon{background:var(--red-soft);color:var(--red)}.stat-muted .stat-icon{background:#eff1f4;color:#697487}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:14px;margin-bottom:14px}.traffic-now{display:flex;gap:15px}.traffic-now span{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:8px}.traffic-now span:first-child svg{color:var(--brand)}.traffic-now span:last-child svg{color:var(--blue)}.traffic-now strong{color:var(--ink);font-size:10px}.traffic-chart{position:relative;height:230px;padding:20px 20px 31px 58px}.traffic-chart svg{width:100%;height:166px;overflow:visible}.grid line{stroke:#edf0f3;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 4}.traffic-chart polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.rx-line{stroke:var(--brand)}.tx-line{stroke:var(--blue)}.chart-scale{position:absolute;left:17px;top:21px;height:130px;display:flex;flex-direction:column;justify-content:space-between;color:var(--faint);font-size:8px}.chart-legend{position:absolute;right:19px;bottom:12px;left:59px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:8px}.chart-legend span{display:flex;align-items:center;gap:4px}.chart-legend i{width:13px;height:2px}.chart-legend .rx{background:var(--brand)}.chart-legend .tx{background:var(--blue)}.chart-legend small{margin-left:auto;color:var(--faint);font-size:8px}.relay-health-list>div{min-height:57px;display:flex;align-items:center;gap:9px;padding:10px 15px;border-bottom:1px solid var(--line)}.relay-health-list>div:last-child{border-bottom:0}.relay-glyph{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:var(--brand-soft);color:var(--brand)}.relay-health-list>div>div{min-width:90px}.relay-health-list strong{display:block;font-size:10px}.relay-health-list small{color:var(--muted);font-size:8px}.load-bar{height:4px;flex:1;border-radius:2px;background:#edf0f2;overflow:hidden}.load-bar i{display:block;height:100%;background:var(--brand);border-radius:2px}.bottom-grid{grid-template-columns:1fr 1fr}.compact-success{display:flex;align-items:center;gap:13px;padding:24px;color:var(--brand)}.compact-success div strong{color:var(--ink);font-size:11px}.compact-success p{margin:3px 0 0;color:var(--muted);font-size:9px}.sync-failure-list>div{padding:13px 18px;border-bottom:1px solid var(--line)}.sync-failure-list>div>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sync-failure-list strong{font-size:10px}.sync-status{display:flex;align-items:flex-start;gap:7px}.sync-status>svg{flex:none;margin-top:1px}.sync-status div{display:flex;flex-direction:column}.sync-status strong{font-size:9px}.sync-status span,.sync-status small{color:var(--muted);font-size:8px}.sync-synced{color:var(--brand)}.sync-updating{color:var(--amber)}.sync-failed{color:var(--red)}.sync-unknown{color:var(--muted)}.inline-error{margin:5px 0 0 23px;color:var(--red);font-size:8px;line-height:1.4}.event-mini-list>div{min-height:50px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px 17px;border-bottom:1px solid var(--line)}.event-mini-list>div:last-child{border-bottom:0}.event-mini-list>div>i{width:7px;height:7px;border-radius:50%;background:var(--blue)}.event-mini-list .event-warning{background:var(--amber)}.event-mini-list .event-error{background:var(--red)}.event-mini-list .event-success{background:var(--brand)}.event-mini-list strong{font-size:9px}.event-mini-list p{margin:2px 0 0;color:var(--muted);font-size:8px}.event-mini-list time{color:var(--faint);font-size:8px}.site-principles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.site-principles>div{display:grid;grid-template-columns:auto 1fr;column-gap:11px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:#fff}.site-principles>div>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--brand-soft);color:var(--brand)}.site-principles strong{font-size:11px}.site-principles p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.token-security,.token-security-note{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #cfe7e0;border-radius:8px;background:var(--brand-soft);color:var(--brand-dark)}.token-security svg,.token-security-note svg{flex:none}.token-security strong,.token-security-note strong{font-size:10px}.token-security p,.token-security-note p{margin:3px 0 0;color:#598178;font-size:9px;line-height:1.6}.token-success{display:flex;align-items:center;gap:12px;margin-bottom:14px}.token-success>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--brand-soft);color:var(--brand)}.token-success h3{margin:0 0 3px;font-size:14px}.token-success p{margin:0;color:var(--muted);font-size:9px}.command-box{display:flex;align-items:flex-start;gap:9px;padding:13px;border-radius:8px;background:#111824;color:#d8e2ec}.command-box>svg{flex:none;margin-top:2px;color:#5ed1b6}.command-box code{flex:1;min-width:0;word-break:break-all;font-size:10px;line-height:1.7}.command-box button,.secret-token button{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#ffffff0f;color:#b4c1cd;font-size:9px;cursor:pointer}.token-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.token-meta span{display:flex;flex-direction:column;gap:3px;padding:9px;background:#f7f8f9;border-radius:6px;color:var(--muted);font-size:8px}.token-meta strong{color:var(--ink);font-size:9px}.relay-card-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:12px;padding:14px}.relay-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;transition:.18s ease}.relay-card:hover{border-color:#cdd4dc;box-shadow:0 7px 20px #0f1a280f;transform:translateY(-1px)}.relay-card.relay-draining{border-color:#e9d4a6;background:#fffdf8}.relay-card>header{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid var(--line)}.relay-card>header .status-badge{margin-left:auto}.relay-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--brand-soft);color:var(--brand)}.relay-card h3{margin:0;font-size:11px}.relay-card header p{margin:3px 0 0;color:var(--muted);font-size:8px}.relay-main-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 8px 10px}.relay-main-metrics>div{text-align:center;border-right:1px solid var(--line)}.relay-main-metrics>div:last-child{border-right:0}.relay-main-metrics small{display:block;color:var(--muted);font-size:8px}.relay-main-metrics strong{font-size:18px}.relay-main-metrics span{margin-left:2px;color:var(--muted);font-size:8px}.resource-meter{padding:4px 14px}.resource-meter>div{display:flex;justify-content:space-between;margin-bottom:4px;font-size:8px;color:var(--muted)}.resource-meter>i{display:block;height:4px;border-radius:2px;background:#edf0f2;overflow:hidden}.resource-meter b{display:block;height:100%;border-radius:2px;background:var(--brand)}.relay-details{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:11px 14px;padding:10px;border-radius:7px;background:#f7f8f9}.relay-details span{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:8px}.relay-card>footer{display:flex;align-items:center;gap:5px;padding:10px 14px;border-top:1px solid var(--line)}.drain-progress{margin:10px 14px 0;padding:10px;border-radius:7px;background:var(--amber-soft)}.drain-progress>div:first-child{display:flex;justify-content:space-between;gap:6px;font-size:8px;color:#9b6715}.drain-progress span{display:flex;align-items:center;gap:4px}.drain-progress strong{font-size:8px}.progress-track{height:4px;margin:7px 0;background:#f4dfb5;border-radius:2px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--amber)}.drain-progress small{color:#9e7d49;font-size:7px}.policy-separation{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.policy-separation div{display:flex;flex-direction:column;align-items:center;gap:2px}.policy-separation span{color:var(--muted);font-size:8px}.policy-separation strong{font-size:10px}.policy-separation i{color:var(--red);font-size:20px;font-style:normal}.priority-pill{min-width:31px;height:24px;display:grid;place-items:center;border-radius:5px;background:#eef1f4;color:#596579;font:9px DM Mono,monospace}.selector-type{display:block;margin-bottom:4px;color:var(--muted);font-size:8px}.policy-arrow{color:var(--faint);font-size:16px}.protocol-label{font:500 10px DM Mono,monospace}.plain-switch{width:31px;height:17px;padding:2px;border:0;border-radius:9px;background:#c7cdd5;cursor:pointer;transition:.15s}.plain-switch i{display:block;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:.15s}.plain-switch.on{background:var(--brand)}.plain-switch.on i{transform:translate(14px)}.row-disabled{opacity:.58}.action-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-options label{position:relative;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--brand);cursor:pointer}.action-options label.selected{border-color:#72baa9;background:var(--brand-soft)}.action-options label.deny{color:var(--red)}.action-options label.deny.selected{border-color:#e7b7b7;background:var(--red-soft)}.action-options input{position:absolute;opacity:0}.action-options span{display:flex;flex-direction:column}.action-options strong{font-size:10px}.action-options small{color:var(--muted);font-size:8px}.topology-toggle{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.topology-toggle input{accent-color:var(--brand)}.topology-shell{border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.topology-toolbar{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line);background:#fafbfc}.topology-legend{display:flex;gap:16px}.topology-legend span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.topology-legend i{width:8px;height:8px;border-radius:3px}.legend-region{background:#797fc4}.legend-site{background:var(--brand)}.legend-node{background:var(--blue)}.legend-relay{background:var(--amber)}.topology-toolbar>small{color:var(--faint);font-size:8px}.topology-canvas{position:relative;min-height:550px;padding:30px;background-color:#f7f9fa;background-image:radial-gradient(#dbe1e6 .7px,transparent .7px);background-size:18px 18px}.controller-node{width:330px;display:flex;align-items:center;gap:11px;margin:0 auto;padding:12px 15px;border:1px solid #26384b;border-radius:10px;background:#101c2a;color:#fff;box-shadow:0 10px 22px #0a14212b}.controller-node>span{width:37px;height:37px;display:grid;place-items:center;border-radius:8px;background:#46d2b421;color:#57d0b6}.controller-node>div{flex:1}.controller-node strong{display:block;font-size:11px}.controller-node small{color:#8192a1;font-size:8px}.controller-trunk{height:32px;width:2px;margin:0 auto;background:#b9c4cd;position:relative}.controller-trunk i{position:absolute;bottom:0;left:50%;width:min(80vw,900px);height:2px;background:#b9c4cd;transform:translate(-50%)}.region-topology-grid{display:grid;grid-template-columns:repeat(var(--region-count),minmax(265px,1fr));gap:14px;overflow-x:auto}.topology-region{position:relative;min-width:265px;padding-top:18px;border:1px solid #dcdfea;border-radius:10px;background:#fffffff0;box-shadow:0 4px 14px #1620300d}.region-link{position:absolute;top:0;left:50%;width:2px;height:18px;background:#b9c4cd}.topology-region>header{display:flex;align-items:center;gap:9px;padding:11px 13px;border-bottom:1px solid #e8eaf0;background:#f8f8fc}.topology-region>header>span:first-child{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#ececf8;color:#696fb8}.topology-region>header>div{flex:1}.topology-region h3{margin:0;font-size:10px}.topology-region header small{color:var(--muted);font-size:8px}.region-relays{padding:8px 10px 0}.topology-relay{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid #f0deba;border-radius:6px;background:#fff8e9;color:var(--amber)}.topology-relay>span{flex:1}.topology-relay strong{display:block;color:#73551f;font-size:8px}.topology-relay small{color:#a28550;font-size:7px}.topology-relay>i{width:6px;height:6px;border-radius:50%;background:var(--brand)}.topology-relay.relay-draining>i{background:var(--amber)}.topology-sites{padding:9px}.topology-site{margin-bottom:8px;border:1px solid #dce9e5;border-radius:7px;background:#fbfdfc}.topology-site.conflicted{border-color:#eccaca}.topology-site>header{display:flex;align-items:center;gap:7px;padding:8px 9px;border-bottom:1px solid #e8efed;color:var(--brand)}.topology-site>header>div{flex:1}.topology-site>header strong{display:block;color:var(--ink);font-size:9px}.topology-site>header small{color:var(--muted);font:7px DM Mono,monospace}.topology-site>header>span{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:7px}.topology-nodes{padding:6px}.topology-node{display:flex;align-items:center;gap:6px;padding:5px 6px;margin:3px 0;border-radius:5px;background:#f1f5f8}.topology-node>span{color:var(--blue)}.topology-node>div{flex:1}.topology-node strong{display:block;font-size:8px}.topology-node small{color:var(--muted);font:7px DM Mono,monospace}.topology-node>i{width:5px;height:5px;border-radius:50%;background:var(--brand)}.topology-node.node-offline>i{background:#9ba3af}.topology-node.node-degraded>i{background:var(--amber)}.topology-empty-node{padding:8px;text-align:center;color:var(--faint);font-size:7px}.topology-site>footer{display:flex;justify-content:space-between;gap:6px;padding:6px 8px;border-top:1px solid #ebf0ee;color:var(--muted);font-size:7px}.topology-site>footer span{display:flex;align-items:center;gap:3px}.relay-mesh-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:16px auto 0;padding:8px 12px;width:fit-content;border-radius:15px;background:#edf1f4;color:var(--muted);font-size:8px}.config-active-banner{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:17px 19px;border:1px solid #cbe5df;border-radius:11px;background:linear-gradient(100deg,#eff9f6,#fff);box-shadow:var(--shadow-sm)}.config-active-banner>span:first-child{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--brand);color:#fff}.config-active-banner>div:nth-child(2){flex:1}.config-active-banner small{color:var(--muted);font-size:8px}.config-active-banner h2{display:inline;margin:0 8px 0 0;font-size:21px}.config-active-banner p{display:inline;color:var(--ink-2);font-size:10px}.config-active-sync{width:170px}.config-active-sync strong{display:block;font-size:12px}.config-active-sync span{font-size:8px;color:var(--muted)}.config-active-sync>div{height:4px;margin-top:5px;border-radius:2px;background:#dfeae7;overflow:hidden}.config-active-sync i{display:block;height:100%;background:var(--brand)}.revision-panel{overflow:hidden}.revision-timeline{padding:8px 20px 14px}.revision-timeline article{display:grid;grid-template-columns:30px 1fr;gap:8px}.timeline-rail{display:flex;align-items:center;flex-direction:column}.timeline-rail span{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);z-index:1}.timeline-rail>i{width:1px;flex:1;background:var(--line)}.revision-timeline article.current .timeline-rail span{border-color:var(--brand);background:var(--brand);color:#fff}.revision-timeline article.failed .timeline-rail span{border-color:var(--red);background:var(--red-soft);color:var(--red)}.revision-card{margin-bottom:9px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#fff}.current .revision-card{border-color:#bce1d8;background:#fbfefd}.revision-card>header{display:flex;justify-content:space-between;align-items:center}.revision-card>header>div{display:flex;align-items:center;gap:7px}.revision-card>header strong{font:600 13px DM Mono,monospace}.revision-card time{color:var(--faint);font-size:8px}.revision-card h3{margin:7px 0 3px;font-size:10px}.revision-card>p{margin:0;color:var(--muted);font-size:8px}.revision-sync{margin-top:9px}.revision-sync>div{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.revision-sync strong{color:var(--ink-2)}.revision-sync em{color:var(--red);font-style:normal}.revision-sync>i{display:block;height:4px;margin-top:4px;border-radius:2px;background:#eef0f2;overflow:hidden}.revision-sync b{display:block;height:100%;background:var(--brand)}.revision-sync b.danger{background:var(--amber)}.revision-card>footer{display:flex;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid #edf0f2}.config-detail-meta,.audit-detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.config-detail-meta>span,.audit-detail-meta>span{display:flex;flex-direction:column;gap:4px;padding:9px;border-radius:6px;background:#f6f7f9}.config-detail-meta small,.audit-detail-meta small{color:var(--muted);font-size:8px}.config-detail-meta strong,.audit-detail-meta strong,.audit-detail-meta code{font-size:9px}.config-json{border:1px solid var(--line);border-radius:8px;overflow:hidden}.config-json header{display:flex;justify-content:space-between;padding:9px 11px;background:#f5f7f8;font-size:9px}.config-json header small{color:var(--muted);font-size:8px}.config-json pre{max-height:360px;margin:0;padding:14px;overflow:auto;background:#111824;color:#cbd8e4;font-size:9px;line-height:1.6}.event-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.event-summary>div{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--line);border-radius:9px;background:#fff}.event-summary-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:8px}.event-summary-icon.error{background:var(--red-soft);color:var(--red)}.event-summary-icon.warning{background:var(--amber-soft);color:var(--amber)}.event-summary-icon.info{background:var(--blue-soft);color:var(--blue)}.event-summary small{display:block;color:var(--muted);font-size:8px}.event-summary strong{font-size:17px}.event-log-panel{overflow:hidden}.log-toolbar .search-field{width:min(420px,100%)}.event-timeline{padding:14px 20px}.event-timeline article{display:grid;grid-template-columns:31px 1fr;gap:9px}.event-line{display:flex;align-items:center;flex-direction:column}.event-line>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--blue-soft);color:var(--blue);z-index:1}.event-line>.event-error{background:var(--red-soft);color:var(--red)}.event-line>.event-warning{background:var(--amber-soft);color:var(--amber)}.event-line>.event-success{background:var(--brand-soft);color:var(--brand)}.event-line>i{width:1px;flex:1;background:var(--line)}.event-content{margin-bottom:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.event-content>header{display:flex;align-items:center;justify-content:space-between}.event-content>header>div{display:flex;align-items:center;gap:7px}.event-content>header strong{font-size:10px}.event-content time{color:var(--faint);font-size:8px}.event-content>p{margin:6px 0;color:var(--ink-2);font-size:9px;line-height:1.6}.event-content>footer{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:8px}.event-content footer code{padding:2px 4px;background:#f1f3f5;border-radius:3px;font-size:7px}.event-content footer small{margin-left:auto;color:var(--faint);font-size:8px}.operator-cell{display:flex;align-items:center;gap:7px}.operator-cell>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-size:9px}.operator-cell strong{font-size:10px}.audit-action{padding:3px 6px;border-radius:4px;background:#edf2f7;color:#4f6075;font-size:9px}.request-id{color:var(--muted);font-size:9px}.diff-heading{display:flex;align-items:center;gap:6px;margin:5px 0 8px;font-size:10px;font-weight:600}.audit-diff{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audit-diff>div{border:1px solid var(--line);border-radius:8px;overflow:hidden}.audit-diff header{padding:8px 10px;background:#f6f7f9;font-size:9px}.audit-diff header i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%}.audit-diff .before{background:var(--red)}.audit-diff .after{background:var(--brand)}.audit-diff pre{min-height:180px;max-height:350px;margin:0;padding:12px;overflow:auto;background:#111824;color:#cbd8e4;font-size:9px;line-height:1.6}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:14px}.settings-nav{height:fit-content;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:var(--shadow-sm)}.settings-nav button{width:100%;height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.settings-nav button:hover{background:#f6f8f9;color:var(--ink)}.settings-nav button.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:600}.settings-content{padding:21px;min-height:510px}.settings-section-head{margin-bottom:22px;padding-bottom:15px;border-bottom:1px solid var(--line)}.settings-section-head.with-action{display:flex;align-items:center;justify-content:space-between}.settings-section-head h2{margin:0 0 4px;font-size:15px}.settings-section-head p{margin:0;color:var(--muted);font-size:9px}.settings-form{max-width:720px}.settings-explainer,.scheduler-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:19px;padding:12px;border-radius:8px;background:#f6f8f9}.settings-explainer span{display:flex;flex-direction:column;align-items:center}.settings-explainer strong{color:var(--brand-dark);font-size:10px}.settings-explainer small{color:var(--muted);font-size:8px}.settings-explainer i,.scheduler-flow i{color:var(--faint);font-style:normal}.scheduler-flow span{padding:6px 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink-2);font-size:9px}.token-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.token-row{display:grid;grid-template-columns:1.6fr .7fr .8fr 1.2fr .7fr 34px;align-items:center;gap:8px;min-height:48px;padding:7px 10px;border-bottom:1px solid var(--line);font-size:9px}.token-row:last-child{border-bottom:0}.token-head{min-height:34px;background:#f7f8f9;color:var(--muted);font-size:8px}.token-row>span:first-child strong{display:block}.token-row>span:first-child small{color:var(--muted);font-size:7px}.token-security-note{margin-top:17px}.secret-token{display:flex;align-items:center;gap:8px;padding:12px;border-radius:7px;background:#111824;color:#d9e4ed}.secret-token code{flex:1;word-break:break-all;font-size:10px}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;background:#f4f6f8}.not-found>span{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:var(--brand-soft);color:var(--brand)}.not-found>strong{margin-top:16px;color:var(--brand);font:600 40px DM Mono,monospace}.not-found h1{margin:3px 0;font-size:19px}.not-found p{margin:0 0 17px;color:var(--muted);font-size:11px}.fade-enter-active,.fade-leave-active{transition:opacity .18s}.fade-enter-from,.fade-leave-to{opacity:0}.dropdown-enter-active,.dropdown-leave-active{transition:.15s ease}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-4px)}@media(max-width:700px){.command-palette-overlay{align-items:flex-end;padding:10px 8px max(8px,env(safe-area-inset-bottom))}.command-palette{width:100%;max-height:min(82dvh,720px);border-radius:15px}.command-palette-search{min-height:57px;padding:0 12px}.command-palette-search input{height:55px;font-size:14px}.command-option{min-height:56px}.command-palette-footer{gap:10px;overflow-x:auto;white-space:nowrap}}@media(max-width:430px){.command-palette-overlay{padding-inline:4px}.command-option-copy small{white-space:normal;line-height:1.35}}@media(max-width:1180px){.relay-card-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.dashboard-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr 1fr}.dashboard-hero{grid-template-columns:1.4fr 1fr}.hero-health{gap:17px;padding:21px}.health-ring{width:90px;height:90px}}@media(max-width:920px){.sidebar{visibility:hidden;transform:translate(-100%);transition:transform .22s ease;box-shadow:12px 0 34px #070c154d}.sidebar.open{visibility:visible;transform:translate(0)}.sidebar-close,.mobile-menu{display:grid;place-items:center}.sidebar-scrim{display:block;position:fixed;z-index:29;top:0;right:0;bottom:0;left:0;border:0;background:#070c147a}.main-area{margin-left:0}.page-container{padding:23px 20px 45px}.topbar{padding:0 19px}.top-help{display:none}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-hero{grid-template-columns:1fr}.hero-numbers{grid-template-columns:repeat(4,1fr)}.hero-numbers span{border-top:1px solid rgba(255,255,255,.06)}.bottom-grid,.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto}.settings-nav button{width:auto;min-width:130px}.login-page{grid-template-columns:42% 58%}.login-brand-panel{padding:32px}.brand-copy h1{font-size:36px}}@media(max-width:700px){.page-header{align-items:flex-start;flex-direction:column;gap:13px}.page-actions{width:100%;justify-content:flex-start}.page-actions .btn{flex:1}.page-header h1{font-size:22px}.topbar{height:59px}.page-container{padding:19px 13px 40px}.user-copy,.user-trigger>svg{display:none}.user-menu-wrap{padding-left:6px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:84px;padding:12px}.stat-card strong{font-size:18px}.stat-icon{width:33px;height:33px}.dashboard-hero{border-radius:10px}.hero-health{align-items:flex-start;flex-direction:column}.health-ring{width:80px;height:80px}.hero-numbers{grid-template-columns:1fr 1fr}.traffic-now{display:none}.traffic-chart{height:205px;padding-left:48px}.site-principles{grid-template-columns:1fr}.relay-card-grid{grid-template-columns:1fr;padding:9px}.policy-separation{gap:9px;flex-direction:column}.policy-separation i{transform:rotate(90deg)}.resource-toolbar,.log-toolbar{align-items:stretch;flex-wrap:wrap}.search-field{width:100%;flex:1 0 100%}.result-text{margin-left:0}.filter-select{flex:1}.form-grid{grid-template-columns:1fr}.form-span-2{grid-column:auto}.mode-options,.switch-list,.region-check-grid,.action-options{grid-template-columns:1fr}.modal-overlay{padding:8px}.modal-card{max-height:calc(100vh - 16px)}.modal-card>header,.modal-body{padding:16px}.modal-card>footer{padding:11px 16px}.login-page{display:block}.login-brand-panel{display:none}.login-form-panel{padding:35px 22px}.mobile-login-logo{display:flex;margin-bottom:42px}.login-form-panel>footer{position:static;margin-top:50px}.checkbox-row small{display:none}.event-summary{grid-template-columns:1fr 1fr}.event-summary>div:last-child{grid-column:1/-1}.event-timeline{padding:12px 10px}.event-content>header,.event-content>footer{align-items:flex-start;flex-direction:column}.event-content footer small{margin-left:0}.config-active-banner{align-items:flex-start;flex-wrap:wrap}.config-active-sync{width:100%}.config-detail-meta,.audit-detail-meta{grid-template-columns:1fr 1fr}.audit-diff{grid-template-columns:1fr}.settings-content{padding:16px}.settings-nav button{min-width:115px}.settings-explainer,.scheduler-flow{overflow-x:auto;justify-content:flex-start}.token-row{grid-template-columns:1.5fr .7fr .8fr 30px}.token-row>*:nth-child(4),.token-row>*:nth-child(5){display:none}.topology-canvas{padding:20px 10px}.controller-node{width:min(100%,310px)}.topology-toolbar{align-items:flex-start;flex-direction:column;height:auto;gap:8px;padding:10px}.topology-legend{flex-wrap:wrap}.token-meta{grid-template-columns:1fr}.topbar-left span{display:none}}@media(max-width:430px){.stat-grid{grid-template-columns:1fr}.hero-numbers span{padding:12px}.page-actions>*{width:100%}.config-detail-meta,.audit-detail-meta{grid-template-columns:1fr}.relay-main-metrics strong{font-size:15px}.toast-host{top:8px;right:8px;width:calc(100vw - 16px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr;place-items:center;padding:24px;background:radial-gradient(circle at 50% 24%,#f6fbf9 0,transparent 34%),#f3f6f7}.login-form-panel{width:100%;min-height:0;display:grid;place-items:center;padding:0}.login-card{width:min(100%,380px);box-sizing:border-box;padding:28px;border:1px solid #dde5e8;border-radius:15px;background:#fffffff7;box-shadow:0 18px 55px #192b371a}.login-card>.login-brand-lockup{justify-content:center;margin-bottom:25px}.login-card>.login-brand-lockup>strong{color:var(--ink);font-size:14px}.login-heading{text-align:center;margin-bottom:24px}.login-heading .login-icon{margin:0 auto 13px}.login-heading h2{font-size:21px}.login-form-panel>footer{position:fixed;bottom:20px}.login-verifying{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.login-entry-settings{margin-bottom:22px;padding:15px;border:1px solid #d9e7e3;border-radius:10px;background:#f7fbfa}.login-entry-settings .settings-section-head{margin-bottom:14px;padding-bottom:12px}.login-entry-settings .field{max-width:520px}@media(max-width:700px){.login-page{display:grid;padding:14px}.login-form-panel{padding:0}.login-card{padding:22px}.login-form-panel>footer{position:fixed;margin:0}.event-content .event-detail-button{margin-left:0}}