@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap");:root{--navy:#102b49;--cyan:#20bfc8;--ink:#19334e;--muted:#718397;--line:#e7edf3;--bg:#f3f6fa}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px DM Sans,Arial,sans-serif}button,input,select{font:inherit}a,button,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #23beca;outline-offset:3px}button{transition:background .15s,box-shadow .15s}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}small{font-size:12px;color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:linear-gradient(155deg,#153a5b,#0b213b);color:#b9cada;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 18px;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px;color:white}.brandmark{font-weight:800;font-style:italic;font-size:18px;border:2px solid #69d6df;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;box-shadow:0 0 0 4px #ffffff0b}.brand strong{font-size:24px;letter-spacing:-1px}.brand strong span{display:block;font-size:8px;letter-spacing:1.5px;color:#84a5bd;margin-top:4px}.workspace{border-top:1px solid #ffffff12;padding:24px 12px;font-size:9px;letter-spacing:1.3px;color:#7f9fb8}.workspace span{display:block;font-size:12px;letter-spacing:0;color:#b9cada;margin-top:7px}.nav{border:0;background:transparent;color:#b9cada;width:100%;text-align:left;padding:14px;border-radius:8px;margin:3px 0;display:flex;align-items:center;gap:14px;font-size:13px}.nav>span{font-size:20px;width:22px;color:#8daac0}.nav:hover{background:#ffffff08}.nav.active{background:#2e697c52;color:white;box-shadow:inset 3px 0 #44d8dc}.nav.active>span{color:#4edee3}.nav b{margin-left:auto;background:#d99b5b;color:white;font-size:10px;padding:2px 5px;border-radius:4px}.sidebar-foot{margin-top:auto;padding:30px 8px 0;font-size:11px;color:#8eafc2}.sidebar-foot>small{display:block;margin:8px 0;color:#688ba5;font-size:10px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff16;margin-top:20px;padding-top:20px;color:#cbd8e3;font-size:11px}.avatar,.profile>span{display:grid;place-items:center;border-radius:50%;background:#225577;color:#c6f6f4;width:34px;height:34px;font-weight:600}.profile small{display:block;font-size:9px;margin-top:5px;color:#7f9db4}main{margin-left:240px;width:calc(100% - 240px)}.topbar{height:80px;background:#ffffffc9;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 14px;color:#b2bfcb}.breadcrumb strong{font-weight:500;color:var(--ink)}.top-actions{gap:22px}.search,.top-actions{display:flex;align-items:center}.search{gap:8px;color:#879bad}.search input{outline:none;width:160px;font-size:12px}.notification,.search input{border:0;background:transparent}.notification{font-size:25px;position:relative;color:#567188}.notification b{position:absolute;right:-2px;top:0;background:#db985b;color:white;font-size:9px;border-radius:50%;width:15px;height:15px;display:grid;place-items:center}.avatar{width:32px;height:32px;font-size:11px}.content{padding:24px 36px 0;max-width:1800px;margin:auto}.demo-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid #cfe4ed;background:#eaf5f8;border-radius:6px;color:#527989;font-size:10px}.demo-banner b{font-size:9px;letter-spacing:1px;margin-right:12px;color:#267387}.heading{display:flex;align-items:center;justify-content:space-between;margin-top:29px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8396a9;margin-bottom:8px}.eyebrow,h1{font-weight:600}h1{font-size:29px;letter-spacing:-.9px}.heading p{color:var(--muted);font-size:12px;margin-top:8px}.filters{display:flex;gap:10px}select{border:1px solid #dce5ed;background:white;color:#3c5870;border-radius:6px;padding:10px 28px 10px 12px;font-size:12px}.freshness{display:flex;align-items:center;gap:7px;color:#8b9aaa;font-size:10px;margin:17px 0 21px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#24b593;flex-shrink:0}.dot.red{background:#df7976}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.metric,.panel{background:#fff;border:1px solid #e2eaf1;border-radius:10px;box-shadow:0 3px 10px #213b5710}.metric{padding:18px 20px 12px;overflow:hidden}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#667d92;font-size:12px}.metric-icon{font-size:18px;color:#4888bd;background:#eef6fc;border-radius:8px;padding:6px 9px}.icon1{color:#399c9c;background:#edf9f7}.icon3{color:#cc9655;background:#fbf6ee}.metric-value{font-size:34px;font-weight:600;letter-spacing:-1px;margin-top:7px}.metric-value small{font-size:15px;font-weight:400;margin-left:8px;color:#8b9bad;letter-spacing:0}.metric-bottom{display:flex;justify-content:space-between;align-items:end;gap:4px;margin-top:7px}.metric-bottom small{font-size:9px;white-space:nowrap;padding-bottom:5px}.metric-bottom svg{width:90px;height:34px;flex-shrink:1}.primary-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.panel{padding:20px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}h2{font-size:15px;font-weight:600;letter-spacing:-.25px}.text-button{border:0;padding:0;background:transparent;color:#3782aa;font-size:11px;text-align:left}.tag{font-size:8px;font-weight:600;color:#8699a9;background:#f2f6fa;border-radius:4px;padding:5px 7px;letter-spacing:.5px;white-space:nowrap}.topology-note{display:flex;justify-content:space-between;font-size:10px;color:#688198}.topology-note>span{font-size:9px;color:#8c9dad}.topology{text-align:center;padding:13px 0 8px;max-width:850px;margin:auto}.internet{color:#5c8099;font-size:25px}.internet span{font-size:10px;vertical-align:middle;margin-left:7px}.uplink{height:16px;border-left:2px solid #4cb9d1;width:0;margin:auto}.core{background:#183d5c;color:white;border:0;border-radius:7px;min-width:156px;padding:9px 15px;font-size:20px;box-shadow:0 4px 8px #17385425}.core strong{display:block;font-size:10px;margin:2px 0 4px}.core small{font-size:8px;color:#9cc4db}.branches{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 10px 0;border-top:2px solid #5ec4d3;gap:10px}.segment{position:relative;padding-top:18px}.segment:before{content:"";position:absolute;top:0;left:50%;height:12px;border-left:2px solid #5ec4d3}.segment h4{font-size:10px;font-weight:600;margin:5px 0 10px}.link-label{font-size:8px;color:#37a9bb;background:white;position:relative;top:-4px;padding:0 4px}.node{background:#f5f8fc;border:1px solid #e3ebf2;border-radius:6px;padding:8px 4px;width:100%;margin-bottom:6px;min-height:46px;color:#476178}.node:hover{background:#eaf4f9}.node .dot{margin-right:5px}.node strong{font-size:9px;font-weight:500}.node small{display:block;margin-top:5px}.node small,.segment>small{font-size:8px}.seg1 .node{background:#effaf8;border-color:#d7eeea}.seg2 .node{background:#f3f1fb;border-color:#e9e4f4}.topology-foot{display:flex;justify-content:space-between;color:#8d9baa;font-size:9px;margin-top:9px;padding-top:11px;border-top:1px solid #f0f3f7}.topology-foot .dot{margin-right:4px}.guest-summary{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 24px}.guest-summary>div>small{display:block;font-size:11px}.guest-summary>div>strong{font-size:44px;display:block;font-weight:550;margin:6px 0}.guest-summary>div>span{font-size:10px;color:#8a9aab}.donut{width:114px;height:114px;background:conic-gradient(#2bbfc6 0 38%,#3186bd 38% 67%,#183f64 67%);border-radius:50%;padding:13px;transform:rotate(-25deg)}.donut>div{border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;transform:rotate(25deg)}.donut b{font-size:24px;font-weight:500}.donut small{font-size:10px}.guest-stats{display:grid;grid-template-columns:1fr 1fr;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guest-stats>div{padding:0 8px}.guest-stats>div+div{border-left:1px solid var(--line);padding-left:25px}.guest-stats small{font-size:10px}.guest-stats strong{display:block;font-size:25px;font-weight:500;margin-top:6px}.guest-stats strong span{font-size:13px;color:var(--muted)}.isolation{display:flex;gap:10px;align-items:center;background:#f4f9f8;padding:11px;border-radius:5px;margin:17px 0;color:#6b9d90}.isolation strong{font-size:10px;color:#477c70;font-weight:500}.isolation small{display:block;font-size:9px;margin-top:3px}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.primary,.secondary{border-radius:6px;padding:10px 13px;font-size:10px;border:1px solid #dce6ed;white-space:nowrap}.primary{background:#1d5f8a;color:white;border-color:#1d5f8a;box-shadow:0 3px 6px #1b4b6b15}.primary:hover{background:#174e72}.secondary{background:white;color:#47647c}.secondary:hover{background:#f0f6fa}.secondary-grid{display:grid;grid-template-columns:1.35fr 1.15fr 1fr;gap:22px;margin-top:22px}.chartlegend{display:flex;justify-content:end;gap:15px;color:#7891a4;font-size:9px}.chartlegend span{display:flex;align-items:center;gap:5px}.chartlegend i{width:12px;height:2px;background:#2879ca}.chartlegend span+span i{background:#20bfc8}.wan svg{width:100%;height:auto;margin-top:5px}.wan>small{font-size:9px}.alert-list button{display:flex;align-items:center;gap:9px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 0;text-align:left}.alert-list button:last-child{border:0}.alert-list strong{font-size:10px;font-weight:500;display:block}.alert-list small{display:block;font-size:9px;margin-top:5px}.alert-point{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#d9a369}.alert-point.critical{background:#dd7871}.severity{font-size:8px;padding:4px 6px;background:#fff5e9;color:#b8823b;border-radius:4px;white-space:nowrap}.alert-list .severity{margin-left:auto}.severity.critical{color:#c56c65;background:#fff0ef}.site-list button{display:flex;align-items:center;gap:9px;border:1px solid #e7eef3;background:#f9fbfd;border-radius:6px;width:100%;padding:12px 9px;text-align:left;margin-bottom:9px}.site-icon{color:#39a4bf;background:#eaf6fa;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:20px}.site-list strong{font-size:10px;font-weight:500}.site-list small{display:block;font-size:9px;margin-top:4px}.health{font-size:9px;color:#35a18a;white-space:nowrap}.health.warn{color:#c18d4b}.site-list .health{margin-left:auto;font-size:8px}.large .topology{padding-top:30px;padding-bottom:30px}.large .node{padding:20px}.large .node strong{font-size:12px}.large .node small{font-size:10px}.large .segment h4{font-size:13px}.help{font-size:12px;color:#7a8c9c;line-height:1.7;margin:10px 0 20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{padding:13px 10px;background:#f6f9fc;color:#8194a5;font-size:10px;font-weight:500}td{padding:17px 10px;border-bottom:1px solid var(--line)}td>small{display:block;margin-top:5px;font-size:10px}.count,td .text-button{font-size:12px}.count{color:#93a7b8;margin-left:8px}.empty{text-align:center;padding:50px;color:#8799ab}.empty h3{font-size:16px;color:#536e85}.empty p{margin:10px 0 20px}.incident{padding:24px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.incident h3{font-size:15px;margin:10px 0 7px}.incident p{font-size:12px;color:#73899b;margin-top:12px}.readiness>div{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.readiness strong{font-weight:500}.readiness span{color:#8295a6;text-align:right}.report{padding:20px 0 30px}.report h3{font-size:17px}.report p{color:var(--muted);margin:12px 0 20px}.device-detail{margin-top:24px}.danger{color:#bf6a62}.notice{position:fixed;bottom:25px;right:25px;max-width:450px;background:#153b58;color:white;border-radius:8px;padding:16px 20px;box-shadow:0 8px 30px #193c5b30;font-size:12px;z-index:20;display:flex;gap:20px}.notice button{background:transparent;border:0;color:white;font-size:18px}footer{display:flex;justify-content:space-between;margin-top:25px;padding:20px 0;border-top:1px solid #e1e9f0;color:#9aaaba;font-size:9px}footer b{font-weight:400;color:#6e899e;margin-left:5px}dialog{border:1px solid #d9e6ef;border-radius:13px;box-shadow:0 20px 100px #0b284550;padding:28px;width:min(460px,90vw);color:var(--ink)}dialog::backdrop{background:#0b243d70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog label{display:block;font-size:12px;font-weight:500;margin:18px 0}dialog input,dialog select{display:block;width:100%;padding:11px;border:1px solid #dce5ed;border-radius:6px;margin-top:8px}dialog .primary{width:100%;font-size:12px;margin-top:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(min-width:1600px){.content{padding-top:30px}.panel{padding:25px}.metric{padding:23px}.node{padding:14px 5px}.topology{padding-top:20px}.guest-summary{padding:20px 4px 32px}.secondary-grid{margin-top:25px}.metric-value{font-size:40px}}@media(max-width:1200px){.sidebar{width:210px;padding-left:12px;padding-right:12px}main{margin-left:210px;width:calc(100% - 210px)}.content{padding:20px}.topbar{padding:0 20px}.primary-grid{grid-template-columns:1.4fr 1fr}.secondary-grid{grid-template-columns:1fr 1fr}.secondary-grid>.panel:last-child{grid-column:1/-1}.site-list{display:flex;gap:10px}.metric{padding:15px}.metric-bottom svg{width:60px}.heading{align-items:flex-start}h1{font-size:25px}}@media(max-width:900px){.sidebar{width:72px;padding:20px 10px}.brand{padding:0 0 25px}.brandmark{width:48px;height:48px;font-size:16px}.brand>div+div,.sidebar-foot,.workspace{display:none}.nav{font-size:0;justify-content:center;padding:13px 5px}.nav>span{font-size:23px}.nav b{display:none}main{margin-left:72px;width:calc(100% - 72px)}.metrics{grid-template-columns:repeat(2,1fr)}.primary-grid{grid-template-columns:1fr}.secondary-grid{grid-template-columns:1fr 1fr}.demo-banner>span+span{display:none}.heading{flex-wrap:wrap}.filters{width:100%}.filters select{flex:1 1}.guest-panel .guest-summary{padding:0 10px 20px}.site-list{display:block}.search input{width:110px}}@media(max-width:600px){.content{padding:15px 12px}.topbar{height:60px;padding:0 12px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 5px}.top-actions{gap:10px}.search{display:none}.metrics{gap:10px}.metric-top{font-size:10px}.metric-value{font-size:30px}.metric-bottom small{font-size:8px}.metric-bottom svg{display:none}.metric-icon{font-size:13px;padding:4px}.panel{padding:15px}.secondary-grid{grid-template-columns:1fr;gap:15px}.primary-grid{gap:15px}.demo-banner{font-size:9px;line-height:1.6}.demo-banner b{display:block}.heading{margin-top:20px}h1{font-size:23px}.topology-note>span{display:none}.node strong{font-size:8px}.node small{font-size:7px}.branches{margin-left:0;margin-right:0;gap:5px}.topology-foot{font-size:8px}.incident{align-items:start;flex-direction:column}.readiness>div{flex-direction:column;gap:8px}.readiness span{text-align:left}.notice{right:10px;left:82px;bottom:10px}.table-wrap{margin:0 -5px}.site-list{display:block}footer{flex-direction:column;gap:8px}.panel-title h2{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.brand .huaye-logo{width:64px;height:64px;object-fit:contain;border-radius:50%;flex-shrink:0;background:white}.brand{gap:10px;padding-left:0;padding-right:0}@media(max-width:900px){.brand .huaye-logo{width:48px;height:48px}}body{background:radial-gradient(ellipse at 70% 10%,#e6eff7,#cddce9 90%)}.topbar{background:linear-gradient(130deg,#eaf1f8e6,#dce8f3e6);box-shadow:0 4px 18px #456d8e13;border-bottom:1px solid #ffffff9c}.metric,.panel{background:linear-gradient(140deg,#f5f9fddf,#dce7f2dc);border-color:#ffffffd9 #c0d3e1 #b8cddd #ffffffd9;border-style:solid;border-width:1px;border-radius:15px;box-shadow:8px 10px 22px #7896af33,-5px -5px 14px #ffffffbc,inset 1px 1px 2px #fff,inset -1px -1px 3px #7e9bb229}.metric{transform:perspective(1100px) rotateX(2deg);position:relative}.metric-icon{box-shadow:3px 4px 7px #6e96af30,-3px -3px 6px #fff;border:1px solid #fff9}.primary,.secondary,select{box-shadow:3px 4px 8px #7896af30,-2px -2px 5px #ffffffa0}.primary{background:linear-gradient(145deg,#357ca7,#174b77);border-top-color:#7fb7d4}.secondary{background:linear-gradient(145deg,#fff,#dce7f1)}.nav.active{box-shadow:inset 3px 0 #44d8dc,inset 0 1px 2px #9cdae43b,0 6px 12px #031a352e;border:1px solid #5e9fb342}.donut{box-shadow:7px 9px 16px #6d8fa942,inset 1px 2px 5px #fff8}.donut>div{background:linear-gradient(140deg,#edf4fb,#d9e5ef);box-shadow:inset 3px 4px 7px #68869d3a}.site-list button{background:linear-gradient(130deg,#edf4fa,#d8e5f0);box-shadow:3px 3px 8px #7896af20,inset 1px 1px 2px white;border-color:#fff9}.isolation{background:#d4e8e5c0;box-shadow:inset 2px 2px 5px #7eaaa526}.table-wrap{background:#edf4fa70;border-radius:9px}th{background:#d9e6f0aa}.demo-banner{background:linear-gradient(120deg,#dfedf5,#d1e7ed);border-color:#fff9;box-shadow:inset 1px 1px 3px #fff}.scene-wrap{position:relative;overflow:hidden;border:1px solid #ffffffb0;background:radial-gradient(ellipse at 40% 25%,#f3f8fc,#d2e2ef);border-radius:11px;box-shadow:inset 4px 5px 14px #6c91ad2b,inset -3px -3px 10px #ffffffb0}.scene-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 0;position:relative;z-index:1}.scene-badge{font-size:8px;color:#4e7c99;letter-spacing:1px;font-weight:700}.scene-toolbar>div{display:flex;gap:4px}.scene-toolbar button{font-size:10px;color:#476b86;padding:5px 8px;border:1px solid #fff;background:linear-gradient(145deg,#f6fbff,#d3e2ee);border-radius:5px;box-shadow:2px 3px 5px #6e91ab26}.scene-canvas{height:345px;width:100%;touch-action:none;cursor:grab}.scene-canvas:active{cursor:grabbing}.scene-canvas canvas{display:block;width:100%;height:100%}.scene-caption{gap:12px;font-size:8px;color:#7090a8;padding:8px 12px;border-top:1px solid #ffffff80;flex-wrap:wrap}.scene-caption,.scene-device-picker{display:flex;justify-content:space-between}.scene-device-picker{align-items:center;gap:10px;padding:9px 12px;background:#ffffff35;font-size:9px;color:#648299}.scene-device-picker label{display:flex;align-items:center;gap:8px}.scene-device-picker select{font-size:9px;padding:6px;max-width:200px}.scene-error{position:absolute;inset:90px 20px auto;background:#edf5fb;color:#4e6d85;padding:20px;border-radius:8px;font-size:12px}.scene-loading{height:420px;display:grid;place-items:center;color:#6c8ba3;background:#deebf5;border-radius:10px}.large .scene-canvas{height:560px}.large .scene-badge,.large .scene-caption{font-size:10px}.primary-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}.guest-panel{display:flex;flex-direction:column}.guest-panel .button-row{margin-top:auto}.guest-summary{padding-top:35px;padding-bottom:35px}.guest-stats{margin-top:12px}.isolation{margin-top:25px;margin-bottom:25px}.scene-device-picker>span{max-width:45%;text-align:right}@media(max-width:1200px){.primary-grid{grid-template-columns:1fr}.guest-panel .guest-summary{padding:15px 5px}.guest-panel .button-row{margin-top:5px}.scene-canvas{height:400px}}@media(max-width:600px){.scene-toolbar{flex-wrap:wrap}.scene-canvas{height:330px}.large .scene-canvas{height:420px}.scene-device-picker{flex-direction:column;align-items:start}.scene-device-picker>span{max-width:none;text-align:left}.scene-caption{font-size:8px}}.scene-wrap{background:#0b2036;border:1px solid #2e526c;box-shadow:inset 0 0 40px #03102088,0 10px 28px #0b274833}.scene-toolbar{padding:14px 16px 8px}.scene-badge{color:#70dce3;letter-spacing:1.6px}.scene-toolbar button{background:linear-gradient(145deg,#24445e,#122e46);border-color:#3a5e76;color:#d1e6f3;box-shadow:0 3px 8px #0003}.fabric-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:12px;border-top:1px solid #24445e}.fabric-controls>div{display:flex;border:1px solid #35566f;border-radius:7px;overflow:hidden}.fabric-controls button{background:#102a41;color:#8caec5;padding:8px 12px;border:0;font-size:10px}.fabric-controls button[aria-pressed=true]{background:#244f69;color:#a6f4f4;box-shadow:inset 0 -2px #46ccd4}.fabric-controls select{font-size:10px;padding:7px 9px;background:#16364f;color:#c1dbe9;border-color:#355c75;box-shadow:none}.fabric-legend{display:flex;align-items:center;gap:14px;padding:7px 16px 10px;color:#98b7cc;font-size:9px;flex-wrap:wrap}.fabric-legend span{display:flex;align-items:center;gap:5px}.fabric-legend i{width:6px;height:6px;border-radius:50%;background:#54b2df;box-shadow:0 0 6px #54b2df80}.fabric-legend span:nth-child(2) i{background:#39d2c3}.fabric-legend span:nth-child(3) i{background:#ab96f1}.fabric-legend span:nth-child(4) i{background:#ff8074}.fabric-legend b{margin-left:auto;font-size:8px;letter-spacing:1px;font-weight:500;color:#5a879f}.scene-canvas{position:relative;overflow:hidden;height:410px}.scene-label-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fabric-label{font-size:9px;color:#d3e8f7;background:#102b45de;border:1px solid #41658280;padding:3px 6px;border-radius:4px;white-space:nowrap;box-shadow:0 2px 7px #0004;line-height:1.25}.fabric-label.site-label{font-size:10px;letter-spacing:.5px;color:#96e4e9;background:#102c43e8;border-color:#4b91a0}.fabric-label.link-label-3d{font-size:8px;padding:1px 4px;color:#67cfdf;border:0;background:#0a2239cf;box-shadow:none}.scene-caption{color:#829fb5;border-color:#25445c;background:#102a40;font-size:9px;line-height:1.5}.scene-device-picker{background:#142f46;color:#97bacd;border-top:1px solid #284961;padding:12px 16px}.scene-device-picker select{background:#1c3d55;color:#d1e9f6;border-color:#365e76;box-shadow:none;font-size:10px}.large .scene-canvas{height:580px}.primary-grid{grid-template-columns:1fr}.guest-panel{display:grid;grid-template-columns:1.15fr 1fr 1fr;column-gap:25px;align-items:center}.guest-panel .panel-title{grid-column:1/-1}.guest-panel .guest-summary{grid-row:2/4;padding:10px 0}.guest-panel .guest-stats{margin:0;border-top:0}.guest-panel .isolation{margin:0}.guest-panel .button-row{grid-column:2/4;margin-top:15px}.panel-title .text-button{font-weight:600}.metrics{gap:20px}.metric{border-top:2px solid #fff}.secondary-grid{margin-top:26px}.fabric-controls button:hover,.scene-toolbar button:hover{filter:brightness(1.2)}@media(min-width:1450px){.primary-grid{grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr)}.guest-panel{display:flex;align-items:stretch}.guest-panel .guest-stats,.guest-panel .guest-summary{padding:25px 0}.guest-panel .isolation{margin:20px 0}.scene-canvas{height:390px}}@media(max-width:650px){.guest-panel{display:flex}.fabric-controls{flex-wrap:wrap}.fabric-controls button{padding:7px 9px}.scene-canvas{height:390px}.large .scene-canvas{height:470px}.fabric-legend{gap:10px}.fabric-legend b{display:none}.fabric-label{font-size:8px}.fabric-label.site-label{font-size:9px}}main.guest-portal{margin:0;width:100%;min-height:100vh;background:radial-gradient(ellipse at 85% 5%,#d7edf1,transparent 55%),linear-gradient(135deg,#eaf2f9,#c8dbe9);padding:0 6vw}.portal-header{max-width:1200px;margin:auto;justify-content:space-between;padding:28px 0;border-bottom:1px solid #ffffffa0}.portal-brand,.portal-header{display:flex;align-items:center}.portal-brand{gap:14px}.portal-brand img{border-radius:50%;box-shadow:4px 5px 15px #678da540}.portal-brand strong{font-size:23px;letter-spacing:-.6px}.portal-brand span{display:block;font-size:9px;letter-spacing:2px;color:#6a90a7;margin-top:5px}.portal-demo{font-size:9px;letter-spacing:1px;color:#397b91;background:#e5f5f7;border:1px solid white;border-radius:6px;padding:9px 12px}.portal-container{max-width:1100px;margin:auto}.portal-intro{padding:45px 0 30px;max-width:680px}.portal-intro h1{font-size:42px;line-height:1.15;letter-spacing:-1.5px}.portal-intro p{font-size:14px;line-height:1.8;color:#6b859b;margin:18px 0;max-width:520px}.portal-assurance{display:flex;gap:20px;flex-wrap:wrap;color:#4c8296;font-size:11px}.portal-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:30px}.portal-grid>.panel{padding:28px}.plan-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.plan-options button{border:1px solid #fff;background:linear-gradient(140deg,#f1f7fc,#d9e7f2);border-radius:12px;text-align:left;padding:18px;color:#617c92;box-shadow:4px 5px 12px #7694ac24}.plan-options button[aria-pressed=true]{border:1px solid #65b8c6;background:linear-gradient(135deg,#e5f7f7,#c9e5ec);box-shadow:inset 0 0 0 1px #93d0d7,4px 5px 12px #7694ac24;color:#1d677d}.plan-options span{display:block;font-size:11px}.plan-options strong{display:block;font-size:34px;font-weight:600;margin:12px 0}.plan-options strong small{font-size:13px;font-weight:400}.plan-options span:last-child{font-size:9px}.portal-activation form>label:not(.portal-consent){display:block;font-size:12px;margin-top:19px;color:#496b82}.portal-activation input:not([type=checkbox]),.portal-activation select{display:block;width:100%;background:#f1f7fb;border:1px solid #c3d8e6;border-top-color:#b6cfdf;border-radius:7px;padding:12px;margin-top:8px;color:#345970;box-shadow:inset 2px 3px 5px #6d92ae16}.portal-hint{font-size:10px;line-height:1.7;color:#718da1;margin:10px 0}.portal-hint code{color:#3b8197}.portal-consent{display:flex;align-items:start;gap:10px;font-size:10px;line-height:1.7;color:#648197;margin:24px 0}.portal-consent input{margin-top:3px;accent-color:#287b93}.portal-activation .primary{width:100%;padding:14px;font-size:12px}.portal-message{font-size:11px;color:#46758b;padding:13px;background:#e4f3f7;border-radius:7px;margin-top:15px;line-height:1.6}.portal-session h3{text-align:center;font-size:19px;font-weight:500}.portal-session>p{text-align:center;max-width:350px;margin:10px auto 20px;font-size:11px}.session-orb{width:92px;height:92px;margin:23px auto;border-radius:50%;background:linear-gradient(135deg,#f8fcff,#c1d7e7);box-shadow:10px 12px 20px #7194af35,-7px -7px 15px #fff,inset 1px 1px 3px #fff;display:grid;place-items:center;color:#86a8bd;font-size:44px}.session-orb.connected{color:#379c9f;background:linear-gradient(135deg,#e8ffff,#aed7df)}.session-countdown{text-align:center;background:#d6e5ef80;border:1px solid #ffffffb0;border-radius:9px;padding:17px;box-shadow:inset 2px 3px 6px #6e93af18}.session-countdown small{display:block;font-size:10px}.session-countdown strong{display:block;font-size:28px;color:#315e79;margin-top:8px;font-weight:500}.portal-session .readiness>div{padding:14px 0;font-size:11px}.portal-session .button-row{margin-top:20px;justify-content:center}.portal-footer{display:flex;align-items:center;justify-content:space-between;margin:30px 0 10px;padding:22px 0;color:#53748a;gap:20px}.portal-footer strong{font-size:12px;font-weight:500}.portal-footer p{font-size:11px;margin-top:8px;line-height:1.6}.portal-footer>span{font-size:10px;color:#7a94a6;text-align:right;line-height:1.7}.guest-portal footer{max-width:1200px;margin:10px auto 0;font-size:10px;padding-bottom:25px}.portal-link{color:#9fe2eb;font-size:10px;display:block;border:1px solid #4d829655;border-radius:7px;padding:10px;margin-top:14px;text-align:center}.portal-link:hover{background:#ffffff0d}@media(max-width:760px){.portal-grid{grid-template-columns:1fr;gap:22px}.portal-intro h1{font-size:34px}.portal-intro{padding-top:30px}.portal-header{padding:20px 0}.portal-brand strong{font-size:20px}.portal-demo{font-size:8px;padding:7px}.portal-footer{align-items:start;flex-direction:column}.portal-footer>span{text-align:left}.portal-grid>.panel{padding:23px}.portal-assurance{gap:12px;font-size:10px}}@media(max-width:900px){.sidebar .portal-link{font-size:0;padding:10px 3px}.sidebar .portal-link:before{content:"↗";font-size:20px}}main.plans-page{margin:0;width:100%;padding:30px 4vw;min-height:100vh}.plans-header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.plans-header a{font-size:11px;color:#417b9a}.plans-header .eyebrow{margin-top:24px}.plans-header p{font-size:12px;color:#6e8aa0;margin-top:12px}.plan-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.plan-tabs button{border:1px solid white;border-radius:8px;padding:13px 18px;background:linear-gradient(140deg,#f5faff,#d0e1ed);color:#54748a;box-shadow:4px 5px 12px #7896af30;font-size:12px}.plan-tabs button[aria-pressed=true]{background:#204f70;color:white;border-color:#638fa9}.plan-boundary{display:flex;gap:20px;border:1px solid #fff9;background:#e6f3f6;padding:16px;border-radius:9px;margin-bottom:22px;font-size:12px;color:#577d8e}.plan-boundary strong{color:#2a6078;white-space:nowrap}.plan-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:24px}.plan-canvas{position:relative;height:610px;overflow:hidden;touch-action:none}.plan-canvas canvas{display:block}.plan-inspector{align-self:start}.area-list{display:grid;grid-template-columns:1fr;gap:5px}.area-list button{text-align:left;border:1px solid #fff7;background:#e5eef5;color:#58758c;border-radius:6px;font-size:11px;padding:9px 11px}.area-list button[aria-pressed=true]{background:#c6e3eb;border-color:#70a9be;color:#20586e}.area-detail{padding:22px 0}.area-detail h3{font-size:15px;margin:12px 0}.area-detail p,.source-note p{font-size:11px;color:#6a879c;line-height:1.8}.source-note{border-top:1px solid #bacfdf;padding-top:18px;font-size:11px}.source-note a{color:#327b99;display:inline-block;margin-top:12px}.plan-disclaimer{margin-top:25px}.plan-disclaimer p{font-size:12px;line-height:1.8;color:#6b8598;margin-top:12px}@media(max-width:950px){.plan-grid{grid-template-columns:1fr}.plan-canvas{height:480px}.area-list{grid-template-columns:1fr 1fr}.plans-header{align-items:start}.plan-boundary{flex-direction:column;gap:7px}}@media(max-width:600px){main.plans-page{padding:22px 15px}.plans-header{flex-direction:column;gap:15px}.plans-header h1{font-size:25px}.plan-tabs{gap:8px}.plan-tabs button{padding:10px 12px;font-size:10px}.plan-canvas{height:390px}.fabric-label{max-width:160px;overflow:hidden;text-overflow:ellipsis}}.aerial-overview{overflow:hidden;border-radius:12px;background:#0e2135;color:#e5f2ff;box-shadow:0 14px 28px #193b5520}.aerial-toolbar{display:flex;justify-content:space-between;padding:15px 17px;font-size:9px;letter-spacing:1.7px;color:#75def1}.aerial-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 6px}.aerial-zone{position:relative;min-height:235px;border:0;border-radius:5px;background-image:url(/schematics/aerial-zones-v1.png);background-size:200% 200%;cursor:pointer;text-align:left;overflow:hidden;color:white;transition:filter .2s}.aerial-zone:hover{filter:brightness(1.12)}.aerial-zone:focus-visible{outline:3px solid #66e6ef;outline-offset:-3px}.aerial-zone-label{position:absolute;left:0;right:0;bottom:0;padding:32px 15px 16px;background:linear-gradient(transparent,#081b30ed);display:grid;gap:5px}.aerial-zone-label strong{font-size:17px}.aerial-zone-label small{font-size:10px;color:#d1e7f3}.aerial-expand{position:absolute;right:12px;top:12px;padding:6px 9px;border-radius:5px;background:#0d2438b8;font-size:10px}.aerial-focused{grid-template-columns:1fr}.aerial-focused .aerial-zone{min-height:476px}.aerial-caption{padding:13px 16px;display:grid;gap:5px;font-size:10px}.aerial-caption span{color:#9bb4c9}.aerial-location{padding:13px 16px;background:#192f45;font-size:10px}.aerial-location>span{color:#e5c686}.aerial-location p{line-height:1.6;color:#b6cbdc;margin:7px 0}.aerial-location a{color:#71d8ef}@media(max-width:600px){.aerial-grid{grid-template-columns:1fr}.aerial-zone{min-height:230px}.aerial-focused .aerial-zone{min-height:300px}.aerial-toolbar{font-size:8px;letter-spacing:.8px}}.aerial-inspector button,.aerial-toolbar button{border:1px solid #668398;background:#203f57;color:#d8f7ff;border-radius:5px;padding:6px 9px;cursor:pointer;font-size:10px}.aerial-zone{cursor:default}.aerial-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-route{stroke-width:.65;fill:none;stroke:#8acaff;stroke-dasharray:2 1.5;filter:drop-shadow(0 1px 2px #001b30)}.map-route.fibre{stroke:#35ffe0;stroke-dasharray:none}.map-route.radio{stroke:#ffd078;stroke-dasharray:1.5 1}.map-node{position:absolute;transform:translate(-50%,-50%);z-index:2;border:1px solid #b1e4ff;background:#123e5e;color:#fff;border-radius:50%;width:23px;height:23px;cursor:pointer;box-shadow:0 0 0 3px #001b3060}.map-node.core{background:#067f78;border-color:#45ffe3}.map-node.ot{background:#644b96}.map-node.radio,.map-node.wan{background:#8b622b;border-color:#ffdc8d}.map-node small{display:none;position:absolute;top:25px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 6px;background:#071b30e8;border-radius:3px;font-size:9px}.aerial-focused .map-node small,.map-node:focus-visible small,.map-node:hover small{display:block}.map-node:focus-visible{outline:3px solid white}.aerial-zone-label{pointer-events:none}.aerial-expand{z-index:3;border:1px solid #8eaabd;color:#fff;cursor:pointer}.aerial-route-legend{display:flex;flex-wrap:wrap;gap:14px;padding:12px 16px;font-size:10px}.aerial-route-legend span:first-child{color:#35ffe0}.aerial-route-legend span:nth-child(2){color:#ffd078}.aerial-route-legend span:nth-child(3){color:#8acaff}.aerial-inspector{padding:15px;background:#254860;font-size:12px}.aerial-inspector p{line-height:1.6}.aerial-route-list{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:11px}.aerial-route-list select{max-width:65%;padding:7px;color:#e3f5ff;background:#203f57;border:1px solid #6a869c;border-radius:5px}.map-node{min-width:23px;padding:0;font-size:13px;line-height:21px}.map-node small{color:#eef8ff}.topology-view-switch{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}.topology-view-switch button{padding:10px 16px;border:1px solid #aec6d8;border-radius:7px;background:#e6eef6;color:#355775;cursor:pointer}.topology-view-switch button[aria-pressed=true]{background:#204c6c;color:#fff;border-color:#204c6c;box-shadow:inset 0 -3px #56d7dd}.topology-module .aerial-zone{min-height:320px}.topology-module .aerial-focused .aerial-zone{min-height:600px}@media(max-width:600px){.topology-module .aerial-zone{min-height:240px}.topology-module .aerial-focused .aerial-zone{min-height:340px}}.access-policy{margin-bottom:24px}.access-policy>p{line-height:1.7;font-size:13px}.access-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.access-policy-grid article{padding:18px;background:#dceaf3;border:1px solid #bed4e3;border-radius:10px}.access-policy-grid h3{margin:0 0 12px}.access-policy-grid strong{font-size:12px;color:#146e85}.access-policy-grid p{font-size:12px;line-height:1.6}@media(max-width:800px){.access-policy-grid{grid-template-columns:1fr}}body{background:#cadce8;background-image:linear-gradient(115deg,rgba(221,234,244,.78),rgba(223,235,245,.67)),url(/mine-site-aerial.jpeg);background-size:cover;background-position:50%;background-attachment:fixed}.guest-portal,.shell,main.plans-page{background:transparent}.metric,.panel{background:linear-gradient(135deg,rgba(246,250,255,.92),rgba(226,237,247,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plans-header,.portal-intro{border-radius:12px;background:rgba(234,243,250,.87);padding:22px}.plan-boundary{background:rgba(231,242,249,.94)}@media(prefers-reduced-transparency:reduce){.metric,.panel,.plans-header,.portal-intro{background:#eaf2f8;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:700px){body{background-attachment:scroll;background-position:60% top}}.language-switch{position:fixed;bottom:14px;right:18px;z-index:100;display:flex;padding:4px;gap:3px;border:1px solid #b3cbdc;border-radius:9px;background:#edf5fbed;box-shadow:0 4px 16px #17344e30}.language-switch button{border:0;background:transparent;border-radius:5px;padding:7px 11px;color:#234967;cursor:pointer;font-size:12px}.language-switch button[aria-pressed=true]{background:#214f70;color:white}html[lang=zh-CN] body{font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Arial,sans-serif}html[lang=zh-CN] .nav{letter-spacing:0}html[lang=zh-CN] .eyebrow,html[lang=zh-CN] .workspace{letter-spacing:1px}:root{--ink:#17324b;--muted:#425b70;--line:#c4d3df}.metric,.panel,.plans-header,.portal-intro{background:#f1f6fb;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar{background:#edf4fa}.freshness,.heading{background:#edf4fa;border-radius:8px;padding:12px 16px}.area-detail p,.count,.empty,.eyebrow,.freshness,.guest-stats small,.guest-summary>div>span,.help,.incident p,.metric-bottom small,.metric-top,.metric-value small,.plan-disclaimer p,.plans-header p,.portal-brand span,.portal-consent,.portal-footer,.portal-footer>span,.portal-hint,.portal-intro p,.source-note p,.tag,.topology-foot,.topology-note,footer,th{color:#425b70}.alert-list small,.alert-list strong,.area-detail p,.eyebrow,.freshness,.guest-stats small,.metric-bottom small,.portal-consent,.portal-footer>span,.portal-hint,.site-list .health,.site-list small,.site-list strong,.source-note p,.tag,.topology-foot{font-size:12px;line-height:1.6}.plans-header a,.source-note a,.text-button{color:#145d85}.isolation{background:#d9eee8}.health,.isolation small,.isolation strong{color:#17624f}.health.warn{color:#79521d}.severity{background:#fff0d6;color:#795018;font-size:11px}.severity.critical{background:#ffe4e1;color:#99382e}.sidebar{color:#d7e5f0}.brand strong span,.profile small,.sidebar-foot,.sidebar-foot>small,.workspace,.workspace span{color:#b9d1e3}.fabric-legend,.fabric-legend b,.scene-caption,.scene-device-picker{color:#c9e0ee;font-size:11px}.fabric-controls button{color:#c9e0ee}.fabric-label{background:#102b45;color:#edf7ff;font-size:11px}.fabric-label.link-label-3d{background:#0a2239;color:#9cedff;font-size:10px}.aerial-caption,.aerial-location,.aerial-route-legend,.aerial-route-list,.aerial-zone-label small{font-size:12px;line-height:1.6}.aerial-caption span,.aerial-location p{color:#d0e3ef}.aerial-expand{background:#102b45}.map-node small{background:#071b30;font-size:11px}.area-list button,.plan-options button{color:#35556e}.plan-boundary{background:#e7f2f9;color:#35556e}.search input::placeholder,input::placeholder{color:#52697b;opacity:1}.wan svg text{fill:#425b70}@media(forced-colors:active){.aerial-overview,.metric,.panel,.scene-wrap{border:1px solid CanvasText}.primary,.secondary{border:1px solid ButtonText}}.landing{margin:0;width:100%;min-height:100vh;padding:30px 6vw 24px;background:linear-gradient(100deg,#071b30ef,#102e48d9 48%,#102e4870);color:#fff}.landing-footer,.landing-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1400px;margin:auto}.landing-brand{display:flex;gap:17px;align-items:center}.landing-brand img{border-radius:50%}.landing-brand strong{font-size:28px;letter-spacing:-.7px}.landing-brand span{display:block;color:#c8dce9;font-size:11px;letter-spacing:2px;margin-top:7px}.landing-guest{background:#123650;border:1px solid #92b4cd;border-radius:8px;padding:12px 17px;font-size:13px;color:#fff}.landing-grid{max-width:1200px;margin:65px auto;display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:center}.landing-kicker{font-size:11px;color:#b7edf1;letter-spacing:1.6px;line-height:1.8}.landing-story>h1{font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-1.5px;margin:18px 0 20px}.landing-story>p{color:#e0ecf4;font-size:16px;line-height:1.8;max-width:500px}.she-card{margin-top:32px;padding:26px 30px;border:1px solid #96bce6;border-radius:16px;background:#245797;box-shadow:8px 12px 24px #0004,inset 1px 1px 0 #ffffff50;max-width:450px;transform:perspective(1200px) rotateY(3deg)}.she-card>span{font-size:12px;font-weight:700;letter-spacing:1.4px;color:#fff}.she-card h2{font-size:48px;font-weight:700;margin:10px 0}.she-card p{font-size:20px;line-height:1.7;color:#fff}.she-card strong{display:block;font-size:36px;margin-top:6px;letter-spacing:1px}.login-card{background:#f5f9fd;color:#17324b;border:1px solid #fff;border-radius:22px;padding:38px;box-shadow:18px 24px 0 #09203970,24px 30px 55px #0006,inset 1px 1px 0 #fff;transform:perspective(1400px) rotateY(-4deg);transition:transform .25s}.login-card:focus-within{transform:perspective(1400px) rotateY(0deg)}.login-icon{display:grid;place-items:center;width:55px;height:55px;background:#dceaf4;border:1px solid #b9d0e1;border-radius:14px;color:#1a5d85;font-size:30px;margin-bottom:24px;box-shadow:4px 5px 8px #17324b20}.login-card .eyebrow{display:block;font-size:11px}.login-card h2{font-size:29px;margin-top:12px}.login-card>p{font-size:14px;line-height:1.7;margin:12px 0 20px;color:#425b70}.login-card label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}.login-card input{width:100%;border:1px solid #8da8bd;background:white;border-radius:8px;padding:13px;color:#17324b;font-size:16px}.login-card .primary{display:block;width:100%;margin-top:26px;font-size:14px;padding:14px}.login-toggle{font-size:12px;line-height:1.7;margin-top:22px}.login-assurance{border-top:1px solid #c4d3df;margin-top:24px;padding-top:20px;font-size:12px;line-height:1.7;color:#425b70}.login-card .login-message{background:#dfecf5;padding:12px;border-radius:7px;color:#17324b;font-size:13px}.landing-footer{border-top:1px solid #91afc780;padding-top:20px;font-size:12px;line-height:1.8;color:#e0ecf4}.landing-footer span{color:#e0ecf4}@media(max-width:850px){.landing-grid{gap:35px;grid-template-columns:1fr;margin:40px auto}.landing-story>h1{font-size:40px}.she-card{max-width:none}.login-card{transform:none}.landing-header{align-items:start}.landing-brand strong{font-size:22px}.landing-brand span{font-size:9px}.landing-guest{font-size:11px}.landing-footer{align-items:start;flex-direction:column;padding-bottom:45px}}@media(prefers-reduced-motion:reduce){.login-card,.she-card{transform:none;transition:none}}main.guest-portal{background:transparent}.guest-portal footer,.plan-disclaimer p,.plan-options span:last-child,.portal-brand span,.portal-demo,.portal-session .readiness>div{font-size:12px;line-height:1.6}.portal-activation form>label,.portal-assurance,.portal-session>p,.readiness small,.readiness span{color:#425b70}.panel p{line-height:1.7}.nav b{background:#8f581d}.portal-footer,.portal-header{background:#edf4fa;border-radius:10px;padding:22px}.portal-footer{margin-top:24px}.account-links{display:grid;gap:14px;margin-top:22px}.account-links button{font-size:13px;line-height:1.6}.login-card form .login-message{margin-top:16px;line-height:1.7}.login-hint{font-size:12px;line-height:1.7;margin-top:10px;color:#425b70}.reset-page .login-card{max-width:500px;margin:70px auto}.reset-page .login-card h1{font-size:28px}.reset-page .login-card .login-toggle{display:inline-block}.password-field{display:grid;gap:8px}.password-toggle{justify-self:end;min-height:32px;font-size:13px}.radio-policy{margin-top:24px}.radio-policy .form-grid{margin:20px 0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.radio-options{display:grid;gap:14px;margin:20px 0}.radio-options label{display:flex;align-items:flex-start;gap:10px}.radio-options input{width:18px;height:18px;flex-shrink:0}.radio-policy ol{padding-left:22px;line-height:1.8}.radio-policy h3{margin-top:18px}.network-plan-editor{margin-top:24px}.network-plan-editor>label{display:block;margin:18px 0}.plan-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin:24px 0}.plan-edit-grid label{display:block;margin:14px 0}.network-plan-editor>label select,.plan-edit-grid input,.plan-edit-grid select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #8da8bd;border-radius:6px;background:#fff;color:var(--ink)}.network-plan-editor caption{text-align:left;font-weight:700;padding:16px 0}.radio-policy .form-grid label{display:block;min-width:0}.radio-policy .form-grid input,.radio-policy .form-grid select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #8da8bd;border-radius:6px;background:#fff;color:var(--ink)}.map-edit-help{padding:12px 16px;background:#254860;color:#fff;line-height:1.7}.map-editing{touch-action:none;-webkit-user-select:none;user-select:none}.map-editing .map-node{cursor:grab}.map-editing .map-node:active{cursor:grabbing}.map-route-hit{fill:none;stroke:transparent;stroke-width:2;pointer-events:stroke;cursor:move}.selected-route{stroke-width:1;filter:drop-shadow(0 0 3px #fff)}.route-handle{position:absolute;transform:translate(-50%,-50%);z-index:4;width:26px;height:26px;padding:0;border:2px solid #fff;border-radius:50%;background:#134e71;color:#fff;cursor:grab;touch-action:none}.bend-handle{background:#946900}.connection-source{outline:3px solid #fff}.map-edit-toolbar{position:absolute;z-index:5;bottom:8px;left:8px;right:8px;display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#102b45ed;border-radius:6px;color:#fff;font-size:12px}.map-edit-toolbar button{padding:6px 9px;background:#244c68;border:1px solid #80a8bf;border-radius:4px;color:#fff}.map-edit-toolbar span{flex-basis:100%;line-height:1.6}.map-editing .aerial-zone-label{bottom:110px}.shared-plan-banner{margin:12px 0;padding:12px 16px;background:#e5f0f5;border:1px solid #b0c7d6;border-radius:8px;font-size:13px;display:flex;gap:12px;flex-wrap:wrap}.shared-plan-banner [role=alert]{color:#9b2525}.shared-plan-banner button{margin-left:8px}.table-scroll{overflow-x:auto}.shared-plan-controls .topology-toggle{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.shared-plan-controls button{padding:8px 12px;border:1px solid #adc4d5;border-radius:6px;background:#edf4f9;color:#234762}.shared-plan-controls button:hover:not(:disabled){background:#dcebf4}.shared-plan-controls>p{margin:8px 0;line-height:1.6}.shared-plan-controls label{display:block;margin:12px 0}.shared-plan-controls input[type=file]{display:block;margin-top:8px;max-width:100%}.shared-plan-controls form{margin:16px 0}.shared-plan-controls td button{margin:3px;white-space:nowrap}.shared-plan-controls textarea{width:100%;min-height:80px;font-family:monospace}details>summary{cursor:pointer;padding:14px 16px;background:#e5f0f5;border-radius:8px;margin:16px 0}.walk-test{margin-top:24px}.walk-test label{display:block;min-width:0;margin:12px 0}.walk-test input,.walk-test select,.walk-test textarea{display:block;width:100%;font:inherit;padding:10px;margin-top:8px;border:1px solid #8da8bd;border-radius:6px}.walk-test textarea{min-height:100px;resize:vertical}.walk-test button{margin:8px}.walk-test table{display:block;overflow-x:auto}.walk-test textarea:focus-visible{outline:3px solid #23beca;outline-offset:3px}@media(max-width:600px){.walk-test .form-grid{grid-template-columns:1fr}}.sidebar nav{overflow-y:auto;min-height:0}.operations-legend{font-size:12px}