:root{font-family:Aptos,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172321;background:#f3f6f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172321;--muted: #687673;--line: #dce4e1;--surface: #ffffff;--surface-soft: #edf2f0;--teal: #087f72;--teal-dark: #08665d;--cyan: #20a4b7;--amber: #c47a13;--red: #c53c48;--nav: #172522;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#f3f6f5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(32,164,183,.26);outline-offset:2px}h1,h2,p{margin-top:0}.mono{font-family:var(--mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{color:var(--teal);font:700 11px/1 var(--mono);letter-spacing:.12em;margin-bottom:10px}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.loading-mark{width:48px;height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;color:var(--teal);animation:pulse 1.4s ease-in-out infinite}.login-page{min-height:100vh;display:grid;place-content:center;padding:28px;position:relative;overflow:hidden;background:#eef3f1}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background-image:linear-gradient(#dce5e2 1px,transparent 1px),linear-gradient(90deg,#dce5e2 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.login-signal{position:absolute;left:max(24px,calc(50% - 305px));top:calc(50% - 295px);display:flex;align-items:end;gap:5px;height:30px}.login-signal span{display:block;width:5px;background:var(--teal);border-radius:1px;opacity:.22}.login-signal span:nth-child(1),.login-signal span:nth-child(5){height:7px}.login-signal span:nth-child(2),.login-signal span:nth-child(4){height:15px}.login-signal span:nth-child(3){height:27px;opacity:.65}.login-shell{width:min(100%,510px);position:relative;background:#fffffff0;border:1px solid #d7e1de;border-radius:8px;padding:34px 38px 38px;box-shadow:0 28px 70px #2036311f}.login-brand,.sidebar-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;color:#fff;background:var(--nav);border-radius:8px;box-shadow:inset 0 -3px #0000002e}.brand-mark.compact{width:38px;height:38px;box-shadow:none;background:#25685f}.login-brand strong,.sidebar-brand strong{display:block;font-size:16px}.login-brand span,.sidebar-brand span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.login-copy{padding:42px 0 26px}.login-copy h1{font-size:30px;line-height:1.18;letter-spacing:0;margin-bottom:10px}.login-copy>p:last-child{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:0}.login-form,.stack-form{display:grid;gap:18px}.login-form label,.stack-form label,.security-form label,.totp-fields label,.link-issue label{display:grid;gap:8px;color:#34413e;font-size:13px;font-weight:650}label small{color:#8a9693;font-weight:400}.input-with-icon{height:46px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#f6f8f7;border:1px solid #d9e2df;border-radius:6px;color:#8a9693}.input-with-icon:focus-within{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #087f721a}.input-with-icon input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink)}.plain-input,select{width:100%;height:44px;border:1px solid #d6e0dd;border-radius:6px;padding:0 12px;color:var(--ink);background:#fff}.plain-input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f721a;outline:0}.code-input{font-family:var(--mono);letter-spacing:.18em}.form-error{border-left:3px solid var(--red);background:#fff2f3;color:#9f2732;padding:10px 12px;font-size:13px}.primary-button,.secondary-button,.danger-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;padding:0 15px;border:1px solid transparent;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none}.primary-button{color:#fff;background:var(--teal);border-color:var(--teal)}.primary-button:hover{background:var(--teal-dark)}.secondary-button{color:#34413e;background:#fff;border-color:#ced9d6}.secondary-button:hover{background:#f5f8f7}.danger-button{color:#fff;background:var(--red);border-color:var(--red)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.58;cursor:wait}.login-button{width:100%;height:46px;margin-top:2px}.login-footnote{position:absolute;bottom:24px;margin:0;color:#7d8a87;font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;z-index:30;display:flex;flex-direction:column;padding:22px 16px 16px;color:#dbe7e4;background:var(--nav);border-right:1px solid #253a35}.sidebar-brand{padding:0 8px 24px}.sidebar-brand strong{color:#fff}.sidebar-brand span{color:#8ea39e}.main-nav{display:grid;gap:5px}.main-nav button{height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:6px;color:#aebfbb;background:transparent;cursor:pointer;text-align:left;font-size:13px}.main-nav button:hover{color:#fff;background:#20332f}.main-nav button.active{color:#fff;background:#28534b;box-shadow:inset 3px 0 #45c7b5}.node-readout{margin-top:auto;padding:16px 12px;border-top:1px solid #2c403b;border-bottom:1px solid #2c403b;color:#9db0ac;font-size:11px}.node-readout>div{display:flex;align-items:center;gap:7px;color:#cfe0dc;font-weight:650}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4bd0a8;box-shadow:0 0 0 4px #4bd0a81c}.node-readout dl{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;margin:14px 0 0}.node-readout dt{color:#6f8983}.node-readout dd{margin:0;text-align:right;color:#aebfbb}.sidebar-user{display:grid;grid-template-columns:34px 1fr 32px;align-items:center;gap:9px;padding:16px 6px 0}.user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;background:#365a53;color:#fff;font-weight:750}.sidebar-user strong{display:block;color:#fff;font-size:12px}.sidebar-user span{display:block;margin-top:3px;color:#829a94;font-size:10px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:5px;color:#667571;background:transparent;cursor:pointer}.icon-button:hover{color:var(--ink);background:#e8eeec}.sidebar .icon-button{color:#8fa39e}.sidebar .icon-button:hover{color:#fff;background:#2b403b}.icon-button.bordered{border:1px solid #d3ddda;background:#fff}.danger-icon:hover{color:var(--red);background:#fff0f1}.mobile-close,.mobile-topbar{display:none}.main-area{min-width:0;background:#f3f6f5}.workspace-view{width:min(100%,1500px);margin:0 auto;padding:34px 38px 60px}.page-heading{min-height:66px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.page-heading h1{margin:0;font-size:25px;line-height:1.1;letter-spacing:0}.heading-actions{display:flex;align-items:center;gap:9px}.summary-band{min-height:91px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:7px 7px 0 0}.summary-band>div{display:grid;align-content:center;gap:7px;padding:18px 22px;border-right:1px solid var(--line)}.summary-band>div:last-child{border-right:0}.summary-band span{color:var(--muted);font-size:12px}.summary-band strong{font:720 24px/1 var(--mono)}.success-text{color:var(--teal)}.danger-text{color:var(--red)}.tunnel-rail{min-height:68px;display:grid;grid-template-columns:145px minmax(180px,1fr) auto;align-items:center;gap:20px;padding:14px 20px;color:#b9cbc7;background:#1c302c;border-radius:0 0 7px 7px}.rail-label span{display:block;color:#fff;font-size:12px;font-weight:700}.rail-label small{display:block;margin-top:4px;color:#78928c;font-size:10px}.rail-segments{min-width:0;height:20px;display:grid;grid-template-columns:repeat(20,minmax(3px,1fr));align-items:stretch;gap:4px}.rail-segment{min-width:3px;border-radius:2px;background:#50615e}.rail-segment.online{background:#49c9a5;box-shadow:0 0 9px #49c9a566}.rail-segment.warning{background:#d29a3d}.rail-segment.blocked{background:#da5964}.rail-segment.disabled{background:#394a46;opacity:.55}.rail-legend{display:flex;align-items:center;gap:6px;color:#829a94;font-size:9px;white-space:nowrap}.rail-legend i{width:6px;height:6px;margin-left:5px;border-radius:50%;background:#50615e}.rail-legend i.online{background:#49c9a5}.rail-legend i.blocked{background:#da5964}.peer-section{margin-top:25px}.table-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:12px}.search-field{width:min(320px,42vw);height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#80908c;background:#fff;border:1px solid #d4dfdc;border-radius:6px}.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #087f7214}.search-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13px}.segmented-control{height:36px;display:flex;padding:3px;background:#e5ebe9;border-radius:6px}.segmented-control button{min-width:56px;padding:0 10px;border:0;border-radius:4px;color:#687773;background:transparent;font-size:11px;cursor:pointer}.segmented-control button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #1f322e1a;font-weight:700}.peer-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:7px}.peer-table{width:100%;min-width:990px;border-collapse:collapse;table-layout:fixed}.peer-table th{height:43px;padding:0 16px;color:#798783;background:#f8faf9;border-bottom:1px solid var(--line);text-align:left;font-size:10px;font-weight:750;text-transform:uppercase}.peer-table th:nth-child(1){width:23%}.peer-table th:nth-child(2){width:16%}.peer-table th:nth-child(3){width:24%}.peer-table th:nth-child(4){width:11%}.peer-table th:nth-child(5){width:8%;text-align:center}.peer-table th:nth-child(6){width:18%}.peer-table td{height:70px;padding:10px 16px;border-bottom:1px solid #e8eeec;vertical-align:middle}.peer-table tr:last-child td{border-bottom:0}.peer-table tbody tr:hover{background:#fbfcfc}.peer-table tr.row-disabled{opacity:.62}.peer-identity{display:flex;align-items:center;gap:11px;min-width:0}.peer-status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#a1aeab}.peer-status-dot.online{background:#26a980;box-shadow:0 0 0 4px #26a9801a}.peer-status-dot.blocked{background:var(--red);box-shadow:0 0 0 4px #c53c481a}.peer-identity strong,.connection-cell strong{display:block;overflow:hidden;color:#23312e;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.peer-identity span:not(.peer-status-dot),.connection-cell span{display:block;margin-top:5px;color:#82908d;font-size:10px}.connection-cell{display:flex;align-items:center;gap:9px;color:#8a9895}.usage-cell{display:grid;gap:8px}.usage-cell>div:first-child{display:flex;align-items:baseline;gap:5px}.usage-cell strong{font:650 12px/1 var(--mono)}.usage-cell span{color:#8a9794;font-size:9px}.usage-track{width:100%;height:4px;overflow:hidden;background:#e4ebe9;border-radius:2px}.usage-track>span{display:block;width:0;height:100%;background:var(--teal);border-radius:inherit;transition:width .35s ease}.usage-track>span.warning{background:var(--amber)}.usage-track>span.over{background:var(--red)}.state-label{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:4px;background:#edf1f0;color:#667470;font-size:10px;white-space:nowrap}.state-active{color:#8b5a0c;background:#fff4df}.state-claimed{color:#087466;background:#e5f5f1}.state-expired,.state-revoked{color:#9a3c45;background:#fff0f1}.compact-switch{display:block;width:34px;height:20px;margin:auto;position:relative;cursor:pointer}.compact-switch input{position:absolute;opacity:0}.compact-switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#c8d1cf;transition:.2s}.compact-switch span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:.2s}.compact-switch input:checked+span{background:var(--teal)}.compact-switch input:checked+span:after{transform:translate(14px)}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.empty-state{padding:60px 20px;color:#84918e;text-align:center;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0f1c1985;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(100%,560px);max-height:min(90vh,780px);overflow-y:auto;background:#fff;border:1px solid #ccd8d5;border-radius:8px;box-shadow:0 28px 90px #06131047}.modal-small{width:min(100%,440px)}.modal-header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 17px;border-bottom:1px solid var(--line)}.modal-header h2{margin-bottom:5px;font-size:18px}.modal-header p{margin-bottom:0;color:var(--muted);font-size:12px;line-height:1.6}.modal-body{padding:22px 24px 24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;min-height:62px;padding:12px 14px;background:#f5f8f7;border:1px solid #dce5e2;border-radius:6px}.toggle-row strong{display:block;font-size:13px}.toggle-row small{display:block;margin-top:4px}.toggle-row input{width:18px;height:18px;accent-color:var(--teal)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:7px}.confirm-content{display:flex;gap:13px;align-items:flex-start;padding-bottom:10px}.confirm-content p{color:#4c5a57;line-height:1.7}.confirm-icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:6px;color:var(--amber);background:#fff4df}.confirm-icon.danger{color:var(--red);background:#fff0f1}.link-issue{display:grid;gap:18px}.notice-line{margin:0;padding:12px 13px;color:#697773;background:#f5f8f7;border-left:3px solid var(--cyan);font-size:12px;line-height:1.7}.full-button{width:100%}.link-result{display:grid;justify-items:center;gap:15px;text-align:center}.qr-frame{padding:12px;line-height:0;background:#fff;border:1px solid #d8e2df;border-radius:6px}.qr-frame img{display:block;width:220px;height:220px}.link-result .qr-caption{color:#087f70;font-weight:700}.link-value{width:100%;max-height:74px;overflow:auto;padding:10px;color:#53615e;background:#f4f7f6;border:1px solid #dce4e2;border-radius:5px;font-size:10px;line-height:1.5;word-break:break-all}.link-result p{margin:0;color:var(--muted);font-size:11px}.link-actions{display:flex;gap:9px}.toast{position:fixed;right:25px;bottom:25px;z-index:200;min-width:220px;max-width:min(420px,calc(100vw - 40px));padding:13px 16px;color:#fff;background:#1d302c;border-left:3px solid #45c7b5;border-radius:5px;box-shadow:0 12px 35px #0e231e38;font-size:13px;animation:toast-in .22s ease-out}.audit-list{background:#fff;border:1px solid var(--line);border-radius:7px}.audit-row{min-height:68px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px 18px;border-bottom:1px solid #e7edeb}.audit-row:last-child{border-bottom:0}.audit-icon,.section-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--teal);background:#e9f4f1;border-radius:6px}.audit-main strong{display:block;font-size:13px}.audit-main span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.audit-meta{display:grid;justify-items:end;gap:5px;color:#7e8b88;font-size:10px}.security-view{max-width:1000px;margin-left:0}.security-section{margin-bottom:20px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:7px}.security-section>header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.security-section h2{margin:0;font-size:16px}.security-section header p{margin:5px 0 0;color:var(--muted);font-size:11px}.security-state{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:5px 8px;border-radius:4px;color:#7e8a87;background:#edf1f0;font-size:10px}.security-state.enabled{color:var(--teal);background:#e5f5f1}.security-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px}.security-action{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:3px}.form-message{margin:0;color:#687672;font-size:12px}.totp-setup{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}.totp-fields{display:grid;gap:14px}.totp-fields p{color:var(--muted);font-size:12px;line-height:1.7}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(.95);opacity:.7}}@keyframes toast-in{0%{transform:translateY(10px);opacity:0}}@media(max-width:1040px){.app-shell{grid-template-columns:202px minmax(0,1fr)}.workspace-view{padding-inline:24px}.tunnel-rail{grid-template-columns:110px minmax(150px,1fr)}.rail-legend{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translate(-102%);width:min(290px,84vw);transition:transform .22s ease;box-shadow:20px 0 60px #07151247}.sidebar.mobile-open{transform:translate(0)}.mobile-close{display:inline-grid;margin-left:auto}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;border:0;background:#0c191675}.mobile-topbar{position:sticky;top:0;z-index:15;height:54px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:0 16px;background:#fffffff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-topbar strong{text-align:center;font-size:13px}.workspace-view{padding:24px 16px 44px}.page-heading{min-height:auto;align-items:center;margin-bottom:18px}.page-heading h1{font-size:21px}.page-heading .eyebrow{margin-bottom:7px}.heading-actions .primary-button{width:40px;padding:0;font-size:0}.summary-band{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-band>div{min-height:72px;padding:14px 16px}.summary-band>div:nth-child(2){border-right:0}.summary-band>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.summary-band strong{font-size:19px}.tunnel-rail{grid-template-columns:1fr;gap:11px;padding:15px 16px}.rail-label{display:flex;justify-content:space-between;align-items:center}.rail-label small{margin-top:0}.rail-segments{width:100%}.table-toolbar{align-items:stretch;flex-direction:column}.search-field{width:100%}.segmented-control{align-self:stretch}.segmented-control button{flex:1;min-width:0}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92vh;border-radius:8px 8px 0 0}.form-grid,.security-form{grid-template-columns:1fr}.security-action{grid-column:auto;align-items:stretch;flex-direction:column}.totp-setup{grid-template-columns:1fr;justify-items:center}.totp-fields{width:100%}.audit-row{grid-template-columns:32px 1fr}.audit-meta{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start}.toast{right:16px;bottom: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}}