:root{font-family:Segoe UI,Arial,sans-serif;color:#102a43;background:#edf3f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}header{height:74px;background:#fff;border-bottom:1px solid #d8e3eb;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,46px);gap:16px}.brand,.header-actions{display:flex;align-items:center;gap:13px}.brand strong{font-size:1.3rem;color:#003d6b}.brand small{display:block;font-size:.76rem;color:#58758a}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#003d6b;color:white;font-size:1.5rem}.header-actions{font-size:.88rem}.status{padding:9px 12px;border-radius:999px;background:#e3eaf0;color:#34516a;font-weight:800;letter-spacing:.08em;white-space:nowrap}.status.online{background:#d9f3e6;color:#08704b}.status.offline{background:#fff0db;color:#91501b}main{max-width:1500px;margin:0 auto;padding:28px clamp(14px,3vw,46px)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:8px}h2{font-size:1.2rem}.eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:800;color:#477caa}.muted{color:#6b8395}.hidden{display:none!important}.card{background:#fff;border:1px solid #d5e2eb;border-radius:16px;box-shadow:0 5px 18px #1036530d}.primary{background:#0067a0;color:#fff}.primary:hover{background:#00537f}.secondary{background:#e5f0f7;color:#06476b}.quiet{background:transparent;color:#315670}.auth-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:30px;align-items:center;min-height:calc(100vh - 154px)}.hero{padding:3vw}.hero h1{font-size:clamp(2.2rem,4vw,4.4rem);max-width:720px;line-height:1.12}.hero p{font-size:1.16rem;line-height:1.6;max-width:640px;color:#4f6b80}.hero-note{background:#dceaf4;border-left:4px solid #4196c4;padding:16px;border-radius:0 10px 10px 0;max-width:620px}.auth-card{padding:26px}.tabs{display:flex;gap:6px;border-bottom:1px solid #d7e2ea;margin-bottom:23px}.tabs button{background:none;color:#537087;border-radius:0}.tabs button.active{color:#005989;border-bottom:3px solid #007db5}.auth-card label,label{display:block;color:#31536a;font-weight:650;font-size:.9rem;margin-bottom:13px}input,select{display:block;width:100%;border:1px solid #bfd1dd;border-radius:9px;padding:11px 12px;margin-top:5px;background:#fff;color:#102a43}input:focus,select:focus{outline:2px solid #7fc4e9;outline-offset:1px}.auth-card .primary{width:100%;margin-top:7px}.offline-unlock{margin-top:28px;border-top:1px solid #dce7ee;padding-top:22px}.offline-unlock p{color:#5c788b}.message{min-height:1.2em;color:#a63a30}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.page-heading p{color:#607b8d;margin:0}.workspace-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px}.sidebar{padding:18px;align-self:start}.sidebar h2{padding:0 6px 13px;border-bottom:1px solid #e1e9ef}.route-item{display:block;text-align:left;width:100%;background:#fff;color:#163c55;border:1px solid transparent;border-radius:10px;padding:13px;margin-bottom:5px;font-weight:700}.route-item small{display:block;font-weight:400;color:#667f90;margin-top:4px}.route-item.active,.route-item:hover{background:#e8f3fa;border-color:#b9d8e9}.detail{min-width:0}.detail>.card{margin-bottom:20px}.welcome{padding:38px}.detail-top{padding:23px;display:flex;justify-content:space-between;gap:20px;align-items:start}.detail-top p{color:#668094;margin-bottom:0}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dce8ef;border-top:1px solid #dce8ef}.metric{background:#fff;padding:18px 20px}.metric span{display:block;font-size:.79rem;color:#648094}.metric strong{font-size:1.55rem}.map-profile{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.panel{padding:18px}.panel h2{margin-bottom:13px}.map{height:350px;border-radius:10px;background:#e5eef4;overflow:hidden}.profile{height:300px;width:100%;display:block;background:#f5f9fb;border-radius:10px}.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:.78rem;color:#567385;margin-top:10px}.legend i{display:inline-block;width:13px;height:3px;vertical-align:middle;margin-right:4px}.notice{padding:16px;border-radius:10px;background:#e6f1f8;color:#315a73}.notice.warning{background:#fff1dc;color:#805323}.endpoint-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.endpoint{padding:18px}.endpoint dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:0}.endpoint dt{color:#648094}.endpoint dd{margin:0;font-weight:700;text-align:right}.offline-tag{font-size:.73rem;background:#d9f3e6;color:#08704b;border-radius:5px;padding:3px 6px;margin-left:5px}dialog{border:0;border-radius:16px;box-shadow:0 30px 80px #09263c55;max-height:90vh;overflow:auto;width:min(760px,calc(100vw - 24px));padding:26px;color:#102a43}dialog::backdrop{background:#102e44aa}.dialog-title,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-actions{justify-content:flex-end;margin-top:20px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{border:1px solid #d2e1eb;border-radius:10px;padding:15px}legend{font-weight:800}#passphrase-dialog{max-width:520px}#toast{position:fixed;bottom:24px;right:24px;background:#103a55;color:#fff;padding:13px 18px;border-radius:9px;box-shadow:0 10px 25px #10365355;display:none;max-width:340px;z-index:10000}#toast.show{display:block}@media(max-width:1050px){.map-profile{grid-template-columns:1fr}.map{height:320px}.profile{height:260px}}@media(max-width:760px){header{height:auto;min-height:70px;flex-wrap:wrap;padding-block:12px}.brand small{display:none}.header-actions{width:100%;justify-content:space-between}.auth-layout,.workspace-grid,.endpoint-grid{grid-template-columns:1fr}.auth-layout{min-height:0}.hero{padding:12px 0}.hero h1{font-size:2.2rem}.page-heading{align-items:start}.metrics{grid-template-columns:1fr 1fr}.detail-top{display:block}.actions{justify-content:flex-start;margin-top:16px}.editor-grid{grid-template-columns:1fr}}