:root{font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif;color:#172033;background:#edf0f4;font-synthesis:none;--ink:#0b1220;--navy:#111b2e;--mint:#49e0b5;--line:#dfe3e9;--muted:#697386}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}code,.eyebrow{font-family:Consolas,Cascadia Mono,monospace}.center-screen{display:grid;place-items:center;min-height:100vh;background:var(--ink)}.loader{width:36px;height:36px;border:2px solid #33405a;border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.35fr 1fr;background:var(--ink);color:#fff}.login-copy{padding:9vh 8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-copy:after{content:"";position:absolute;width:560px;height:560px;border:1px solid #243049;border-radius:50%;right:-220px;bottom:-260px;box-shadow:0 0 0 70px #101a2b,0 0 0 71px #243049,0 0 0 140px #101a2b,0 0 0 141px #243049}.brand-mark{width:58px;height:58px;display:grid;place-items:center;background:var(--mint);color:var(--ink);font-weight:800;letter-spacing:-2px;position:absolute;top:46px}.brand-mark.small{position:static;width:38px;height:38px;font-size:13px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#748198;margin:0 0 14px}.login-copy h1{font-size:clamp(52px,6vw,94px);line-height:.98;letter-spacing:-.065em;margin:0 0 32px;position:relative;z-index:1}.login-copy h1 span{color:var(--mint)}.login-copy>p:not(.eyebrow){color:#96a2b6;max-width:500px;line-height:1.8;font-size:16px;position:relative;z-index:1}.signal-line{display:flex;align-items:center;gap:7px;margin-top:60px;color:var(--mint);font:10px DM Mono;letter-spacing:.12em}.signal-line i{width:5px;height:5px;background:var(--mint);border-radius:50%}.signal-line i:nth-child(2){opacity:.55}.signal-line i:nth-child(3){opacity:.25}.signal-line b{margin-left:8px}.login-card{background:#fff;color:var(--ink);padding:11vh 8vw;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:34px;letter-spacing:-.04em;margin:0 0 42px}.login-card small{color:#8a94a5;text-align:center;margin-top:22px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#4f5a6c;margin-bottom:18px}input,select,textarea{border:1px solid var(--line);background:#f8f9fb;padding:13px 14px;border-radius:4px;outline:none;color:var(--ink)}textarea{resize:vertical;font-family:Consolas,Cascadia Mono,monospace;font-size:11px}input:focus,select:focus,textarea:focus{border-color:#7b8ca8;box-shadow:0 0 0 3px #e5e9f0}.primary,.ghost{border:0;border-radius:4px;padding:14px 18px;font-weight:700}.primary{background:var(--ink);color:#fff}.primary:hover{background:#1d2b43}.primary span{float:right}.primary.compact,.ghost.compact{padding:9px 14px;font-size:12px}.ghost{background:#fff;color:#3d485a;border:1px solid var(--line);padding:10px 14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:fixed;width:230px;height:100vh;background:var(--ink);color:#fff;padding:27px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 6px 30px}.brand>div:last-child{display:flex;flex-direction:column;font-size:15px;line-height:1.1}.brand span{color:#7e8aa0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}nav{display:flex;flex-direction:column;gap:4px}nav button{height:44px;border:0;background:transparent;color:#8793a8;text-align:left;border-radius:4px;padding:0 11px;display:grid;grid-template-columns:30px 1fr 4px;align-items:center;font-weight:600}nav button span{font:10px DM Mono}nav button i{width:3px;height:18px;background:transparent}nav button.active{background:#17233a;color:#fff}nav button.active i{background:var(--mint)}.aside-foot{margin-top:auto;border-top:1px solid #202c41;padding:20px 7px 0;display:flex;gap:10px;align-items:center}.aside-foot div{display:flex;flex-direction:column;font-size:11px}.aside-foot small{color:#778499;margin-top:2px}.online-dot{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px #1b403b}.workspace{grid-column:2;padding:38px 42px 70px;min-width:0}.workspace>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.workspace h1{font-size:31px;letter-spacing:-.045em;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:6px}.metrics article{padding:22px;position:relative;overflow:hidden}.metrics article:after{content:"";position:absolute;right:-22px;top:-22px;width:70px;height:70px;border:1px solid #edf0f4;border-radius:50%}.metrics span,.metrics small{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;font-size:36px;letter-spacing:-.05em;margin:11px 0 5px}.metrics .accent{background:var(--navy);border-color:var(--navy);color:#fff}.metrics .accent span,.metrics .accent small{color:#94a1b5}.metrics .accent strong{color:var(--mint)}.grid-two{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.panel{padding:24px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.panel-title h3{font-size:18px;margin:0;letter-spacing:-.025em}.pill,.tag,.status{display:inline-flex;align-items:center;font:10px DM Mono;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:5px 9px;background:#e9fbf6;color:#128063}.pill.warning{background:#fff3d8;color:#946d0a}.traffic-values{display:flex;gap:50px}.traffic-values small,.traffic-values b{display:block}.traffic-values small{font-size:11px;color:var(--muted)}.traffic-values b{font:24px DM Mono;margin-top:4px}.traffic-visual{height:90px;display:flex;align-items:end;gap:5px;margin-top:28px;border-bottom:1px solid var(--line)}.traffic-visual i{display:block;flex:1;background:#d9f8ef;border-top:2px solid var(--mint)}.traffic-visual.blank{align-items:center;justify-content:center}.traffic-visual.blank small{color:#9ba5b5}.flow{display:flex;align-items:center;gap:10px;margin:36px 0}.flow span{background:var(--ink);color:#fff;padding:12px 14px;border-radius:4px;font-weight:800}.flow b{color:#9ba5b5;font:9px DM Mono}.muted{font-size:13px;color:var(--muted);line-height:1.7}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#8a94a4;font:10px DM Mono;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #edf0f4;vertical-align:middle}td b,td small{display:block}td small{font-size:10px;color:#8a94a4;margin-top:4px}.status{background:#edf0f4;color:#667085}.status.up,.status.approved{background:#e7faf4;color:#128063}.status.down,.status.rejected{background:#fcebec;color:#b53d49}.status.pending{background:#fff3d8;color:#946d0a}.danger{color:#b53d49!important}.empty{text-align:center!important;color:#9ba5b5!important;padding:38px!important}.approval-list{display:flex;flex-direction:column}.approval{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #edf0f4}.device-icon{width:40px;height:40px;display:grid;place-items:center;background:#edf0f4;font-weight:800}.grow{flex:1;min-width:0}.grow b,.grow p{display:block;margin:0}.grow p{font-size:11px;color:#7b8697;margin:4px 0}.grow code{font-size:9px;color:#9aa4b3}.actions{display:flex;gap:7px}.rules-layout{display:grid;grid-template-columns:350px 1fr;gap:14px;align-items:start}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks{display:flex;gap:20px;margin-bottom:20px}.checks label{flex-direction:row;align-items:center;margin:0}.checks input{width:16px;height:16px}.rule-list{display:flex;flex-direction:column}.rule-row{display:grid;grid-template-columns:minmax(130px,1fr) auto 18px auto auto 28px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f4;font-size:11px}.rule-row b,.rule-row small{display:block}.rule-row small{color:#8b95a5;margin-top:3px}.rule-row code{font-size:10px}.rule-row .tag{margin-right:3px}.icon-btn{border:0;background:#f3f5f7;color:#7b8696;width:26px;height:26px}.narrow{max-width:680px}.node-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:22px 0}.node-options label{border:1px solid var(--line);padding:13px;flex-direction:row;align-items:center;margin:0}.node-options label span{display:flex;flex-direction:column}.node-options small{color:#8b95a5}.detail{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast{position:fixed;right:28px;bottom:28px;background:var(--ink);color:#fff;padding:13px 18px;border-left:3px solid var(--mint);box-shadow:0 12px 35px #0b122040;font-size:12px}.toast-enter-active,.toast-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-two,.rules-layout{grid-template-columns:1fr}.app-shell{grid-template-columns:190px 1fr}aside{width:190px}.workspace{padding:30px 24px}}@media(max-width:720px){.login-shell{grid-template-columns:1fr}.login-copy{display:none}.login-card{min-height:100vh;padding:12vw}.app-shell{display:block}aside{position:static;width:100%;height:auto;padding:14px}.brand{padding-bottom:12px}nav{display:flex;flex-direction:row;overflow:auto}nav button{min-width:100px;grid-template-columns:22px 1fr}.aside-foot{display:none}.workspace{padding:22px 14px}.workspace>header{margin-bottom:20px}.metrics{grid-template-columns:1fr 1fr}.panel{padding:18px}.node-options,.form-two{grid-template-columns:1fr}.rule-row{grid-template-columns:1fr auto 18px}.rule-row>:nth-child(n+4){display:none}}button:disabled{cursor:not-allowed;opacity:.55}.tunnel-panel{padding:0}.tunnel-heading{padding:24px 24px 18px;margin:0;border-bottom:1px solid var(--line);align-items:center}.tunnel-heading .muted{margin:7px 0 0}.tunnel-table{min-width:1080px}.tunnel-table th:first-child,.tunnel-table td:first-child{padding-left:24px}.tunnel-table th:last-child,.tunnel-table td:last-child{padding-right:24px}.tunnel-table tr.paused{background:#fafbfc;color:#7c8695}.tunnel-table tr.paused .tag{filter:grayscale(1)}.tunnel-name{display:flex;align-items:center;gap:10px;min-width:120px}.run-dot{width:8px;height:8px;border-radius:50%;flex:none}.run-dot.running{background:var(--mint);box-shadow:0 0 0 4px #e3f9f2}.run-dot.stopped{background:#a7afbb;box-shadow:0 0 0 4px #edf0f4}.port-value code{display:block;font-weight:700;margin-bottom:6px}.device-route{display:flex;align-items:center;gap:9px;min-width:280px}.route-device{display:flex;align-items:center;gap:7px;min-width:105px}.route-device>span:last-child,.route-device b,.route-device small{display:block}.route-device b{max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-device small{color:#b34c56;margin-top:2px}.route-device small.online{color:#128063}.route-arrow{color:#aab2be}.device-symbol{width:30px;height:30px;border:1px solid #cfd5de;background:#f4f6f8;display:grid;place-items:center;position:relative;flex:none}.device-symbol.server:before,.device-symbol.server:after,.device-symbol.server i{content:"";display:block;width:16px;height:3px;border:1px solid #586578;background:#fff;position:absolute}.device-symbol.server:before{top:6px}.device-symbol.server i{top:12px}.device-symbol.server:after{top:18px}.device-symbol.client:before{content:"";width:16px;height:11px;border:1px solid #586578;background:#fff;position:absolute;top:6px}.device-symbol.client:after{content:"";width:10px;height:1px;background:#586578;position:absolute;top:21px;box-shadow:3px -4px 0 -2px #586578}.last-used{white-space:nowrap;color:#5f6a7a}.traffic-total{font-family:Consolas,Cascadia Mono,monospace}.row-actions{display:flex;gap:4px;white-space:nowrap}.text-btn{border:0;background:transparent;color:#536074;padding:6px 7px;font-size:11px}.text-btn:hover{background:#edf0f4;color:var(--ink)}.text-btn.danger{color:#b53d49!important}.device-page{display:flex;flex-direction:column;gap:14px}.status.revoked{background:#fcebec;color:#b53d49}.device-table tr.revoked{background:#fafbfc;color:#7c8695}.node-options label.disabled{background:#f5f6f8;color:#8a94a4}.node-options label.disabled small{color:#b53d49}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#0b1220a8;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:7px;box-shadow:0 28px 80px #07101f80}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 28px 18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:25px;letter-spacing:-.035em}.modal-close{border:0;background:#f1f3f6;width:32px;height:32px;font-size:20px;color:#657084}.modal-body{padding:24px 28px 8px}.modal-foot{padding:18px 28px 25px;display:flex;justify-content:flex-end;gap:9px}.protocol-box{border:1px solid var(--line);background:#f8f9fb;padding:13px 14px;display:flex;align-items:center;gap:22px;margin-bottom:17px}.protocol-box>span{font-size:12px;font-weight:700;color:#4f5a6c;margin-right:auto}.protocol-box label{flex-direction:row;align-items:center;margin:0}.protocol-box input{width:16px;height:16px}.availability{min-height:48px;display:flex;align-items:center;gap:11px;padding:10px 13px;background:#f2f4f7;color:#7b8594;border-left:3px solid #aeb6c2}.availability>span:first-child{font-weight:800;width:17px;text-align:center}.availability p{margin:0;font-size:12px}.availability.ok{background:#eaf9f4;color:#117a60;border-color:var(--mint)}.availability.bad{background:#fceedf;color:#ae414b;border-color:#d75a65}.mini-loader{width:15px!important;height:15px;border:2px solid #b9c1cd;border-top-color:#596679;border-radius:50%;animation:spin .7s linear infinite}@media(max-width:720px){.tunnel-heading{align-items:flex-start;gap:14px}.tunnel-heading .primary{white-space:nowrap}.modal-backdrop{padding:0;align-items:end}.modal{width:100%;max-height:92vh;border-radius:10px 10px 0 0}.modal-head,.modal-body{padding-left:20px;padding-right:20px}.modal-foot{padding:14px 20px 22px;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line)}}.http-table{min-width:1180px}.http-table th:first-child,.http-table td:first-child{padding-left:24px}.http-table a{color:#146f91;font-weight:700;text-decoration:none}.backend-summary{display:flex;align-items:center;gap:7px;margin:5px 0;min-width:220px}.backend-summary>span:last-child{display:block}.error-detail{max-width:240px;white-space:normal;line-height:1.35}.http-modal{width:min(900px,100%)}.form-three{display:grid;grid-template-columns:1.4fr .8fr .6fr;gap:10px}.subsection-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px;padding-top:18px;border-top:1px solid var(--line)}.subsection-head b,.subsection-head small{display:block}.subsection-head small{color:var(--muted);font-size:10px;margin-top:3px}.repeat-card{padding:16px;border:1px solid var(--line);background:#fafbfc;margin-bottom:12px}.repeat-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.compact-box{justify-content:flex-start}.compact-box>span{display:none}.header-row{display:grid;grid-template-columns:100px 90px 1fr 1.6fr auto;gap:7px;margin-bottom:8px}.header-row input,.header-row select{padding:9px 10px}.settings-divider{height:1px;background:var(--line);margin:30px 0}.settings-divider+.panel-title{margin-bottom:18px}.route-summary{padding:6px 0;border-bottom:1px dashed var(--line)}.route-summary:last-child{border-bottom:0}.route-summary>small{margin-bottom:7px}.route-summary em{font-style:normal;color:#b53d49}.route-summary em.online{color:#128063}.route-editor{background:#f5f7fa;border-color:#cfd6e1}.nested-card{background:#fff;margin:10px 0}.inline-input{padding:7px 9px;width:110px}.nginx-preview{margin:0;padding:18px;background:#0b1220;color:#d8f9ef;border-radius:4px;white-space:pre;overflow:auto;max-height:60vh;font:11px/1.6 Consolas,Cascadia Mono,monospace}@media(max-width:720px){.form-three{grid-template-columns:1fr}.header-row{grid-template-columns:1fr 1fr}.header-row input:nth-of-type(1),.header-row input:nth-of-type(2){grid-column:1/-1}}.sidebar .brand{font-size:16px;font-weight:800}.sidebar nav a{height:42px;color:#8793a8;text-decoration:none;padding:12px;border-radius:4px;font-size:13px;font-weight:600}.sidebar nav a.router-link-active,.sidebar nav a:hover{background:#17233a;color:#fff}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:-18px 0 28px!important;padding-bottom:18px;border-bottom:1px solid var(--line)}.topbar select{padding:8px 11px}.page{display:flex;flex-direction:column;gap:14px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:8px}.page-header h1{font-size:31px;letter-spacing:-.045em;margin:0 0 6px}.page-header p{margin:0;color:var(--muted)}.metric-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.metric,.resource-card,.json-card,.inline-form,.table-card{background:#fff;border:1px solid var(--line);border-radius:6px}.metric,.resource-card,.json-card,.inline-form{padding:20px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:32px;margin-top:10px}.table-card{overflow:auto}.inline-form{display:flex;gap:9px;flex-wrap:wrap}.inline-form input{min-width:130px;flex:1}.json-card{white-space:pre-wrap}.sso-button{display:block;text-decoration:none;text-align:center;margin-bottom:18px}.login-card details summary{cursor:pointer;color:var(--muted);margin-bottom:18px}.login-card form{display:grid}.error{color:#b53d49}.hint{color:var(--muted);font-size:12px}.center-state{min-height:100vh;display:grid;place-items:center}.danger{border:0;background:#fcebec;padding:9px 12px;border-radius:4px}.table-card table small{display:block;color:var(--muted)}@media(max-width:720px){.sidebar nav a{min-width:100px}.topbar{margin:0 0 18px!important;flex-wrap:wrap}.page-header{align-items:flex-start;flex-direction:column;gap:12px}}