:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;--surface: #111821;--surface-2: #151e29;--line: #263241;--muted: #758499}html{overflow-y:auto}body{margin:0;background:#0b1017}.enterprise-sidebar{background:#0d131b!important;border-right:1px solid #222c39!important}.sidebar-nav{padding:0 12px 18px}.sidebar-nav section{margin-bottom:15px}.sidebar-session{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-session .v-btn{flex:0 0 auto}.sidebar-session-actions{display:flex;align-items:center;gap:2px}.sidebar-nav .v-list{padding:3px 0;background:transparent}.sidebar-nav .v-list-item{min-height:39px;margin:2px 0;color:#8795a8;font-size:13px}.sidebar-nav .v-list-item__prepend{margin-inline-end:0!important}.sidebar-nav .v-list-item__prepend>.v-icon{margin-inline-end:0!important}.sidebar-nav .v-list-item__prepend>.v-list-item__spacer{width:10px!important}.sidebar-nav .v-list-item--active{color:#edf3fb;background:#172334}.sidebar-nav .v-list-item--active:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:0 3px 3px 0;background:#54d6a1}.nav-caption{padding:0 14px;color:#536176;font-size:9px;font-weight:800;letter-spacing:.15em}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#54d6a1;color:#07120e;font-size:25px;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:.02em}.brand small{color:#7e92a5;font-size:11px}.content-wrap{max-width:1580px;margin:0 auto}.page-context{display:flex;align-items:center;gap:9px;min-height:28px;margin-bottom:28px;color:#758499;font-size:14px}.page-context i{color:#3f4c5e;font-style:normal}.page-context strong{color:#c8d4e1;font-weight:650}.eyebrow{color:#54d6a1;font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:8px;text-transform:uppercase}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;line-height:1.05;margin:0}.lead{color:#8da0b2;font-size:18px;margin-top:12px}.dashboard-stats .stat-card{padding:26px!important;border:1px solid rgba(255,255,255,.055);background:linear-gradient(145deg,#111c28,#0e1822)!important}.dashboard-stats{margin-inline:0!important}.dashboard-stats>.v-col{padding:10px!important}.stat-value{font-size:35px;font-weight:750;margin-top:20px;letter-spacing:-.04em}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.65fr);gap:18px}.dashboard-panel{overflow:hidden}.panel-heading{min-height:70px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dashboard-panel .v-table th,.dashboard-panel .v-table td{padding-inline:24px!important}.dashboard-aside>.v-card{padding:24px!important}.dialog-header{position:relative;display:flex;min-height:56px;align-items:center;gap:16px;padding:12px 16px 12px 20px!important}.dialog-header>span{min-width:0;flex:1;padding-right:44px}.dialog-header .v-btn{position:absolute;top:50%;right:8px;margin:0;transform:translateY(-50%)}.panel-heading strong,.panel-heading span{display:block}.panel-heading span{margin-top:3px;color:#738297;font-size:11px}.posture-head{display:flex;align-items:center;gap:13px}.posture-head strong,.posture-head span{display:block}.posture-head span{margin-top:3px;color:#758499;font-size:10px}.summary-list{display:grid;grid-template-columns:1fr auto;gap:12px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:11px}.summary-list dt{color:#718095}.summary-list dd{margin:0;text-align:right}.health-summary{display:flex;align-items:baseline;gap:8px;margin-top:12px}.health-summary strong{font-size:28px}.health-summary span{color:#718095;font-size:11px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.v-card{border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 18px 45px #00000029!important}.v-table{background:transparent!important}.v-table th{color:#7890a4!important;text-transform:uppercase;font-size:11px!important;letter-spacing:.09em!important}.v-table tbody tr{transition:background .15s ease}.v-table tbody tr:hover{background:#54d6a109}code{color:#9bc8ff}.table-toolbar{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.table-toolbar .v-field{max-width:520px;background:#0b141e}.v-data-table-footer{border-top:1px solid var(--line)}.v-data-table__th--sortable:hover{color:#a8bfd2!important}.v-data-table-header__sort-icon{opacity:.7!important}.entity-picker>label{display:block;margin:0 0 6px 2px;color:#91a0b3;font-size:12px}.entity-picker-field{display:flex;width:100%;min-height:62px;align-items:center;gap:12px;padding:10px 12px;border:1px solid #39485a;border-radius:8px;background:#182330;color:#edf3fa;text-align:left}.entity-picker-field:hover{border-color:#6f91bd;background:#1b2837}.entity-picker-placeholder{flex:1;color:#91a0b3}.entity-picker-value{display:flex;min-width:0;flex:1;flex-direction:column}.entity-picker-value strong,.entity-picker-value small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-picker-value small{margin-top:3px;color:#91a0b3}.picker-title{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.picker-search{padding:16px 20px;border-block:1px solid var(--line);background:#101923}.picker-name{display:flex;align-items:center;gap:10px}.v-data-table tbody tr{cursor:pointer}.topology-title{color:#7890a4;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.topology-node,.topology-group{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border-radius:12px;background:#ffffff06;border:1px solid rgba(255,255,255,.055)}.topology-group{background:#5a96ff0e}.policy-edge{padding:14px;margin:10px 0;border-radius:12px;border:1px solid rgba(84,214,161,.18);background:linear-gradient(90deg,#54d6a10f,#54d6a104)}.topology-policy-card{position:relative;overflow:hidden}.topology-policy-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(84,214,161,.08),transparent 45%)}.management-section{padding:22px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:#0c162085}.management-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#7f94a7;font-size:12px}.management-section-head>div{display:flex;align-items:center;gap:10px}.management-section-head strong{color:#dce8f1;font-size:15px}.group-card,.resource-card{position:relative;overflow:hidden;padding:20px!important;background:linear-gradient(145deg,#111e2a,#0d1822)!important}.group-card-accent{position:absolute;inset:0 auto 0 0;width:3px}.group-card-accent.device{background:#4389e8}.group-card-accent.resource{background:#9b7cf6}.group-card h3,.resource-card h3{margin:0;font-size:16px}.group-card p{margin:5px 0 0;color:#778da0;font-size:12px;min-height:36px}.member-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:28px;margin-top:18px}.group-metrics{display:flex;gap:28px;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.07);color:#72889b;font-size:11px}.group-metrics strong{color:#e7f0f6;margin-right:4px;font-size:14px}.route-visual{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;margin-top:22px;padding:15px;border-radius:12px;background:#09141e;border:1px solid #203446}.route-visual>div{min-width:0;display:flex;flex-direction:column}.route-visual small,.policy-path small,.policy-validity small{color:#657c8f;font-size:9px;font-weight:800;letter-spacing:.11em}.route-visual code{overflow:hidden;text-overflow:ellipsis;margin:4px 0}.route-visual span{color:#71879a;font-size:10px}.policy-list{display:flex;flex-direction:column;gap:10px}.policy-row{display:grid;grid-template-columns:110px minmax(150px,.8fr) minmax(300px,1.5fr) minmax(160px,.7fr) 88px;align-items:center;gap:20px;padding:17px 20px!important;background:linear-gradient(100deg,#101d29,#0d1822)!important}.policy-state{display:flex;align-items:center;gap:9px}.policy-state>span{width:7px;height:7px;border-radius:50%;background:#667786}.policy-state>span.enabled{background:#48d69f;box-shadow:0 0 8px #48d69f}.policy-name,.policy-validity{display:flex;flex-direction:column}.policy-name small{color:#708699;margin-top:3px}.policy-path{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#09141e}.policy-path>div{display:flex;flex-direction:column;overflow:hidden}.policy-path strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin-top:3px}.policy-validity strong{margin-top:4px;font-size:12px}@media(max-width:1100px){.policy-row{grid-template-columns:100px 1fr 1.6fr 80px}.policy-validity{display:none}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:700px){.v-navigation-drawer{display:none!important}.v-main{--v-layout-left: 0 !important}.content-wrap{padding:20px!important}.section-head{align-items:start;gap:20px;flex-direction:column}.policy-row{grid-template-columns:1fr}.policy-path{order:2}}.topology-frame{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#0b1118;box-shadow:0 22px 60px #0004}.topology-controls{min-height:62px;display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);background:#111821}.layout-select{max-width:210px}.topology-search{max-width:290px}.topology-spacer{flex:1}.zoom-value{min-width:42px;text-align:center;color:#7f8da0;font-size:10px;font-weight:700}.topology-legend{height:38px;display:flex;align-items:center;gap:22px;padding:0 18px;border-bottom:1px solid #202a37;background:#0e151e;color:#718096;font-size:10px}.topology-legend span{display:flex;align-items:center;gap:7px}.topology-legend i{display:block;width:24px;border-top:2px solid}.topology-legend i.policy{border-color:#48d69f}.topology-legend i.publication{border-color:#aa7ff2}.topology-legend i.membership{border-color:#d6a65a;border-top-style:dashed}.topology-legend b{margin-left:auto;color:#637287;font-weight:600}.topology-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:690px}.topology-viewport{position:relative;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;background-color:#090f16;background-image:radial-gradient(circle,#283343 1px,transparent 1px);background-size:28px 28px}.topology-viewport:active{cursor:grabbing}.topology-world{position:absolute;width:1800px;height:1100px;transform-origin:0 0;will-change:transform;user-select:none;-webkit-user-select:none}.topology-world svg{position:absolute;inset:0;overflow:visible;pointer-events:none}.topology-edge{fill:none;stroke-width:2;opacity:.72;vector-effect:non-scaling-stroke}.topology-edge.policy{stroke:#48d69f}.topology-edge.publication{stroke:#aa7ff2}.topology-edge.membership{stroke:#d6a65a;stroke-dasharray:3 6;opacity:.48}.topology-node{position:absolute;z-index:2;padding:11px 14px;border:1px solid #344155;border-radius:12px;background:linear-gradient(180deg,#151f2c,#101822);color:#e3eaf3;text-align:left;cursor:move;box-shadow:0 12px 34px #0005;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s,opacity .15s}.topology-node:hover,.topology-node.selected{border-color:#6c96e5;box-shadow:0 15px 40px #0008,0 0 0 1px #5f8ff833}.topology-node>span{display:block;padding-right:18px;color:#67768b;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.topology-node>strong{display:block;margin-top:5px;font-size:13px;line-height:1.2;white-space:nowrap}.topology-node>small{display:block;margin-top:4px;color:#76869b;font:10px/1.2 SFMono-Regular,Consolas,monospace;white-space:nowrap}.topology-node.online:after,.topology-node.healthy:after{content:"";position:absolute;right:12px;top:12px;width:7px;height:7px;border-radius:50%;background:#48d69f;box-shadow:0 0 0 4px #48d69f18}.topology-node.offline,.topology-node.unreachable{opacity:.56}.topology-node.gateway{border-color:#786040;background:linear-gradient(180deg,#282116,#19170f)}.topology-node.resource{border-color:#594579;background:linear-gradient(180deg,#1d1929,#13131d)}.topology-node.device-group,.topology-node.resource-group{border-color:#675838}.topology-hint{position:absolute;left:15px;bottom:14px;padding:7px 10px;border:1px solid #202a38;border-radius:8px;background:#0b1017d9;color:#637186;font-size:10px}.topology-inspector{padding:22px;border-left:1px solid var(--line);background:#101720;overflow:auto}.topology-inspector h3{margin:3px 0 7px;font-size:19px}.topology-inspector>code{font-size:11px}.topology-inspector dl{display:grid;grid-template-columns:82px 1fr;gap:10px;margin:24px 0;font-size:11px}.topology-inspector dt{color:#6f7e92}.topology-inspector dd{margin:0;overflow:hidden;text-overflow:ellipsis}.topology-status{display:flex;align-items:center;gap:8px;margin-top:18px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8a98aa;font-size:11px;text-transform:capitalize}.topology-status i{width:7px;height:7px;border-radius:50%;background:#637084}.topology-status i.online{background:#48d69f}.topology-status span{margin-left:auto}.inspector-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;color:#68778b}.inspector-empty strong{color:#b9c5d3;font-size:12px}.inspector-empty span{font-size:10px}.topology-zone{position:absolute;z-index:0;border:1px solid #527fb777;border-radius:20px;background:#315a8512;box-shadow:inset 0 0 40px #315a8508;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s,border-color .15s}.topology-zone:hover,.topology-zone:focus-visible{border-color:#6fa4e6aa;background:#315a8522;outline:none}.topology-zone>span{position:absolute;left:16px;top:-13px;padding:5px 10px;border:1px solid #527fb777;border-radius:7px;background:#122033;color:#9fc2ef;font-size:10px;font-weight:750;letter-spacing:.04em;white-space:nowrap;pointer-events:none;user-select:none;-webkit-user-select:none}.topology-zone.green{border-color:#48d69f66;background:#48d69f0c}.topology-zone.green>span{border-color:#48d69f66;color:#8ce8c5}.topology-zone.amber{border-color:#d6a65a66;background:#d6a65a0c}.topology-zone.amber>span{border-color:#d6a65a66;color:#e8c88e}.topology-zone.purple{border-color:#9b7cf666;background:#9b7cf60c}.topology-zone.purple>span{border-color:#9b7cf666;color:#c4b1fa}.topology-zone.red{border-color:#e56c7966;background:#e56c790c}.topology-zone.red>span{border-color:#e56c7966;color:#f2a1aa}.wireguard-qr{display:block;width:min(100%,360px);height:auto;margin:0 auto;padding:10px;border-radius:14px;background:#fff}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 20%,#173047 0,#091018 55%)}.auth-card{border:1px solid rgba(255,255,255,.08)}@media(max-width:1000px){.topology-workspace{grid-template-columns:1fr;height:820px}.topology-inspector{display:none}.topology-controls{flex-wrap:wrap}.topology-spacer{display:none}.topology-search,.layout-select{max-width:none;flex:1 1 100%}}