:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.cp-live-edge-node{min-width:190px;padding:12px}.cp-live-edge-top{grid-template-columns:24px 1fr auto;align-items:center;gap:8px;display:grid}.cp-health-score{color:#071421;background:#22c55e;border-radius:999px;place-items:center;min-width:34px;height:24px;padding:0 7px;font-size:12px;font-weight:800;display:grid}.cp-health-score.warning{background:#f59e0b}.cp-edge-metrics{color:#93a4b8;justify-content:space-between;margin:7px 0;font-size:10px;display:flex}.cp-live-wan-list{gap:5px;margin-top:6px;display:grid}.cp-live-wan{background:#0f172a9e;border:1px solid #94a3b82e;border-radius:9px;padding:6px}.cp-live-wan-main,.cp-live-wan-metrics{justify-content:space-between;align-items:center;gap:6px;display:flex}.cp-live-wan-main strong{color:#e5edf7;flex:1;font-size:10px}.cp-live-wan-main small{color:#93a4b8;text-transform:uppercase;font-size:9px}.cp-live-wan-metrics{color:#93a4b8;margin-top:4px;font-size:9px}.cp-wan-dot{background:#64748b;border-radius:999px;width:7px;height:7px;box-shadow:0 0 10px #64748b99}.cp-live-wan.online .cp-wan-dot{background:#22c55e;box-shadow:0 0 12px #22c55eb3}.cp-live-wan.standby .cp-wan-dot{background:#38bdf8;box-shadow:0 0 12px #38bdf8b3}.cp-live-wan.degraded .cp-wan-dot{background:#f59e0b;box-shadow:0 0 12px #f59e0bb3}.cp-live-wan.offline .cp-wan-dot{background:#ef4444;box-shadow:0 0 12px #ef4444b3}.cp-live-wan.empty{text-align:center;color:#64748b;font-size:10px}.cp-topology-shell{background:radial-gradient(circle at 0 0,#36d3991f,#0000 35%),radial-gradient(circle at 100% 100%,#5078ff24,#0000 40%),#07111f;border:1px solid #94a3b82e;border-radius:24px;width:100%;min-height:680px;position:relative;overflow:hidden}.cp-topology-toolbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617c7;border:1px solid #94a3b838;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.cp-topology-toolbar button,.cp-topology-search{color:#dbeafe;background:#0f172adb;border:1px solid #94a3b847;border-radius:12px;padding:8px 12px;font-size:12px}.cp-topology-toolbar button.active{color:#86efac;border-color:#22c55ebf}.cp-topology-search{align-items:center;gap:8px;min-width:240px;display:flex}.cp-topology-search span{color:#94a3b8}.cp-topology-search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.cp-live-edge-node{color:#e5e7eb;cursor:pointer;background:#0f172af5;border:1px solid #94a3b847;border-radius:20px;width:280px;padding:14px;box-shadow:0 18px 40px #00000059}.cp-live-edge-node.excellent,.cp-live-edge-node.good{border-color:#22c55e73}.cp-live-edge-node.warning{border-color:#f59e0b8c}.cp-live-edge-node.critical{border-color:#ef44449e}.cp-live-edge-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.cp-live-edge-top strong{font-size:14px;display:block}.cp-live-edge-top span{color:#94a3b8;margin-top:3px;font-size:11px;display:block}.cp-health-ring{background:#0f172ae6;border:3px solid #94a3b866;border-radius:50%;place-items:center;width:46px;height:46px;font-size:13px;font-weight:800;display:grid}.cp-health-ring.excellent,.cp-health-ring.good{color:#86efac;border-color:#22c55e}.cp-health-ring.warning{color:#fcd34d;border-color:#f59e0b}.cp-health-ring.critical{color:#fca5a5;border-color:#ef4444}.cp-live-edge-metrics{gap:8px;margin:10px 0;display:flex}.cp-live-edge-metrics span{text-align:center;color:#cbd5e1;background:#1e293be6;border-radius:10px;flex:1;padding:6px 8px;font-size:11px}.cp-wan-telemetry-list{gap:8px;margin-top:8px;display:grid}.cp-wan-telemetry-list small{color:#64748b}.cp-wan-telemetry-badge,.cp-wan-telemetry{background:#0206178c;border:1px solid #94a3b82e;border-radius:14px;padding:9px}body{color:#e5e7eb;background:#0f172a;margin:0;font-family:Inter,Arial,sans-serif}.sidebar{background:#020617;border-right:1px solid #1e293b;width:300px;padding:28px}.logo{object-fit:contain;width:260px;max-width:100%;height:auto;margin:0 auto 25px;display:block}.sidebar h1{display:none}.sidebar p{color:#38bdf8;font-size:14px;line-height:1.5}.tagline{color:#8aa5b8;margin-top:6px;font-size:12px}nav{flex-direction:column;gap:10px;margin-top:36px;display:flex}nav a{color:#cbd5e1;border-radius:10px;padding:13px 16px;text-decoration:none}nav a.active,nav a:hover{color:#fff;background:#0f766e}.main{flex:1;max-width:1200px;padding:34px}header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}header h2{margin:0;font-size:36px}header p{color:#94a3b8;margin-top:6px}.status{border-radius:999px;padding:11px 18px;font-size:14px}.status.online{color:#6ee7b7;background:#064e3b}.status.offline{color:#fca5a5;background:#450a0a}.grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:18px;display:grid}.card{text-align:center;background:#111827;border:1px solid #1f2937;border-radius:18px;padding:24px}.card svg{color:#22d3ee}.card span{color:#94a3b8;margin-top:16px;display:block}.card strong{margin-top:8px;font-size:38px;display:block}.two-column{grid-template-columns:1fr 1fr;gap:18px;margin-top:28px;display:grid}.panel{background:#111827;border:1px solid #1f2937;border-radius:18px;padding:24px}.panel h3{margin-top:0;margin-bottom:18px}.row{border-top:1px solid #1f2937;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.row:first-of-type{border-top:none}.row span{color:#e5e7eb}.row small{color:#38bdf8;background:#38bdf814;border:1px solid #38bdf840;border-radius:999px;padding:5px 9px}.full-width{margin-top:18px}@media (width<=1000px){.app{flex-direction:column}.sidebar{width:auto}.grid,.two-column{grid-template-columns:1fr}}.terminal{color:#86efac;white-space:pre-wrap;background:#020617;border:1px solid #1e293b;border-radius:12px;padding:16px;font-family:Courier New,monospace;font-size:13px;line-height:1.45;overflow-x:auto}.edge-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.edge-actions{gap:8px;display:flex}.edge-actions button{color:#d8f1ff;cursor:pointer;background:#15598c59;border:1px solid #55b3ff59;border-radius:8px;padding:7px 11px;font-size:12px}.edge-actions button:hover{background:#1582be8c}.edge-actions button.danger{background:#961e2859;border-color:#ff5f5f73}.edge-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px;display:grid}.edge-card{text-align:left;background:#0a182ba6;border:1px solid #4b78a047;border-radius:16px;padding:16px}.edge-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.edge-card-header strong{color:#f3f7fb;font-size:15px;display:block}.edge-card-header small{color:#8aa5b8;margin-top:5px;display:block}.edge-badge{text-transform:uppercase;border:1px solid #ffffff1f;border-radius:999px;padding:5px 9px;font-size:11px}.edge-badge.online{color:#4ade80;background:#22c55e1f}.edge-badge.pending,.edge-badge.provisioning{color:#38bdf8;background:#0ea5e91f}.edge-badge.offline{color:#fb7185;background:#f43f5e1f}.edge-badge.disabled{color:#94a3b8;background:#64748b29}.edge-meta{border-top:1px solid #ffffff14;margin-top:16px;padding-top:12px}.edge-meta span{color:#8aa5b8;font-size:12px;display:block}.edge-meta strong{color:#2dd4ff;word-break:break-word;margin-top:4px;font-size:12px;display:block}.edge-card .edge-actions{justify-content:flex-end;margin-top:16px}.topology-panel{overflow:hidden}.topology{background:radial-gradient(circle at top,#2dd4ff1f,#0000 35%),#05101e73;border:1px solid #2dd4ff1f;border-radius:18px;margin-top:18px;padding:22px}.topology-controller{text-align:center;color:#e8f7ff;background:#14537859;border:1px solid #2dd4ff59;border-radius:18px;width:fit-content;min-width:260px;margin:0 auto;padding:18px 24px}.topology-controller svg{color:#22d3ee;margin-bottom:8px}.topology-controller strong,.topology-controller small{display:block}.topology-controller small{color:#8aa5b8;margin-top:6px}.topology-links{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-top:10px;display:grid}.topology-edge-wrap{flex-direction:column;align-items:center;display:flex}.topology-link{background:#94a3b866;width:2px;height:42px}.topology-link.link-online{background:linear-gradient(#22d3ee,#22c55e)}.topology-link.link-pending,.topology-link.link-provisioning{background:linear-gradient(#22d3ee,#38bdf8)}.topology-link.link-offline{background:linear-gradient(#22d3ee,#ef4444)}.topology-link.link-disabled{background:linear-gradient(#22d3ee,#64748b)}.topology-edge{text-align:left;background:#08182bcc;border:1px solid #4b78a052;border-radius:16px;width:100%;min-height:120px;padding:14px;position:relative}.topology-edge strong,.topology-edge small{display:block}.topology-edge strong{color:#f8fafc;padding-right:75px}.topology-edge small{color:#8aa5b8;margin-top:7px}.topology-edge .edge-badge{position:absolute;top:12px;right:12px}.edge-dot{border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.edge-dot.online{background:#22c55e;box-shadow:0 0 12px #22c55ecc}.edge-dot.pending,.edge-dot.provisioning{background:#38bdf8;box-shadow:0 0 12px #38bdf8cc}.edge-dot.offline{background:#ef4444;box-shadow:0 0 12px #ef4444cc}.edge-dot.disabled{background:#64748b}.edge-card,.topology-edge{cursor:pointer}.edge-drawer{z-index:50;color:#e5eef7;background:#081222fa;border-left:1px solid #2dd4ff40;width:390px;height:100vh;padding:28px;position:fixed;top:0;right:0;box-shadow:-20px 0 60px #00000073}.drawer-close{color:#e5eef7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;width:34px;height:34px;font-size:22px;position:absolute;top:18px;right:18px}.edge-drawer h2{margin:35px 0 12px;font-size:24px}.drawer-section{border-top:1px solid #ffffff14;margin-top:26px;padding-top:18px}.drawer-section h4{color:#38d5ff;margin:0 0 14px}.drawer-section p{justify-content:space-between;gap:16px;margin:12px 0;display:flex}.drawer-section span{color:#8aa5b8}.drawer-section strong{text-align:right;color:#f8fafc;word-break:break-word}.drawer-actions{gap:10px;margin-top:28px;display:flex}.drawer-actions button{color:#d8f1ff;cursor:pointer;background:#15598c59;border:1px solid #55b3ff59;border-radius:9px;padding:9px 13px}.drawer-actions button.danger{background:#961e2859;border-color:#ff5f5f73}.deploy-badge{text-transform:uppercase;color:#facc15;background:#facc151f;border:1px solid #facc1538;border-radius:999px;margin-left:8px;padding:5px 9px;font-size:11px;display:inline-block}.event-feed{flex-direction:column;gap:10px;margin-top:14px;display:flex}.event-item{text-align:left;background:#071628a6;border:1px solid #4b78a040;border-radius:12px;justify-content:space-between;gap:16px;padding:13px 15px;display:flex}.event-item strong{color:#f8fafc;text-transform:capitalize;display:block}.event-item span{color:#8aa5b8;margin-top:4px;display:block}.event-item small{color:#38d5ff;white-space:nowrap}.event-error{border-color:#f8717159}.edge-telemetry{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;display:grid}.edge-telemetry div{background:#0f233ab3;border:1px solid #4b78a038;border-radius:10px;padding:9px}.edge-telemetry span{color:#8aa5b8;letter-spacing:.06em;font-size:10px;display:block}.edge-telemetry strong{color:#38d5ff;margin-top:4px;font-size:15px;display:block}.wan-card{background:#071628a6;border:1px solid #4b78a040;border-radius:13px;margin-top:12px;padding:13px}.wan-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wan-card-header strong{color:#f8fafc}.wan-card p{justify-content:space-between;margin:8px 0;display:flex}.wan-card span{color:#8aa5b8}.wan-card strong{color:#d8f1ff;text-align:right}.tunnel-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px;display:grid}.tunnel-card{text-align:left;background:#071628ad;border:1px solid #4b78a040;border-radius:15px;padding:15px}.tunnel-online{border-color:#22c55e59}.tunnel-offline{border-color:#f8717147}.tunnel-card-header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.tunnel-card-header strong{color:#f8fafc}.tunnel-card p{justify-content:space-between;gap:12px;margin:9px 0;display:flex}.tunnel-card span{color:#8aa5b8}.tunnel-card strong{color:#d8f1ff;text-align:right;word-break:break-word}.wan-quality{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.wan-quality div{background:#0f233ab3;border:1px solid #4b78a038;border-radius:10px;padding:9px}.wan-quality span{color:#8aa5b8;font-size:10px;display:block}.wan-quality strong{color:#38d5ff;margin-top:4px;display:block}.edge-drawer{padding-bottom:80px;overflow:hidden auto}.edge-drawer::-webkit-scrollbar{width:8px}.edge-drawer::-webkit-scrollbar-track{background:#ffffff0a}.edge-drawer::-webkit-scrollbar-thumb{background:#2dd4ff59;border-radius:999px}.edge-drawer{box-sizing:border-box;padding-bottom:140px}.edge-drawer>:last-child{margin-bottom:60px}.drawer-actions{margin-bottom:60px;padding-bottom:30px}.wan-throughput{grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0;display:grid}.wan-throughput div{background:#0f233ab3;border:1px solid #4b78a038;border-radius:10px;padding:10px}.wan-throughput span{color:#8aa5b8;font-size:10px;display:block}.wan-throughput strong{color:#38d5ff;margin-top:4px;font-size:16px;display:block}.bgp-summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:16px;display:grid}.bgp-summary-grid div{background:#0f233ab3;border:1px solid #4b78a038;border-radius:12px;padding:12px}.bgp-summary-grid span{color:#8aa5b8;font-size:11px;display:block}.bgp-summary-grid strong{color:#38d5ff;margin-top:5px;font-size:18px;display:block}.bgp-peer-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.bgp-peer{text-align:left;background:#071628a6;border:1px solid #4b78a040;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:13px;display:flex}.bgp-peer strong,.bgp-peer span,.bgp-peer small{display:block}.bgp-peer strong{color:#f8fafc}.bgp-peer span,.bgp-peer small{color:#8aa5b8}.wan-badges{align-items:center;gap:7px;display:flex}.quality-badge{text-transform:uppercase;color:#cbd5e1;background:#94a3b81f;border:1px solid #94a3b847;border-radius:999px;padding:5px 9px;font-size:10px}.quality-excellent,.quality-good{color:#4ade80;background:#22c55e24;border-color:#22c55e59}.quality-fair{color:#facc15;background:#facc1524;border-color:#facc1566}.quality-poor,.quality-offline{color:#fb7185;background:#f8717124;border-color:#f8717166}.route-table{flex-direction:column;gap:10px;margin-top:14px;display:flex}.route-row{text-align:left;background:#071628a6;border:1px solid #4b78a040;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:13px;display:flex}.route-row strong,.route-row span,.route-row small{display:block}.route-row strong{color:#f8fafc}.route-row span,.route-row small{color:#8aa5b8}.edge-card.edge-primary{border-color:#22c55e8c}.edge-card.edge-failover{border-color:#f59e0bbf;box-shadow:0 0 0 1px #f59e0b40,0 16px 35px #f59e0b1f}.edge-card.edge-no-path,.edge-card.edge-disabled{border-color:#ef4444bf;box-shadow:0 0 0 1px #ef444440,0 16px 35px #ef44441f}.edge-badge.primary{color:#22c55e;background:#22c55e29;border:1px solid #22c55e59}.edge-badge.failover{color:#f59e0b;background:#f59e0b2e;border:1px solid #f59e0b66}.edge-badge.no-path,.edge-badge.disabled{color:#ef4444;background:#ef44442e;border:1px solid #ef444466}.nav-section{letter-spacing:.18em;text-transform:uppercase;font-size:1rem;line-height:1.35}nav a.active{color:#fff;background:#0f766e}.route-section{display:none}.page-dashboard .show-dashboard,.page-services .show-services,.page-sdwan .show-sdwan,.page-security .show-security,.page-routing .show-routing,.page-monitoring .show-monitoring,.page-inventory .show-inventory,.page-edges .show-edges,.page-deployments .show-deployments,.page-events .show-events{display:block}.page-dashboard .grid.show-dashboard,.page-dashboard .two-column.show-dashboard,.page-inventory .two-column.show-inventory{display:grid}.service-card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.service-card{background:#0a182ba6;border:1px solid #4b78a047;border-radius:16px;padding:16px}.service-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.service-card-header strong{font-size:18px;display:block}.service-card-header small{color:#38bdf8;margin-top:4px;display:block}.service-disabled{opacity:.72}.service-notes{color:#94a3b8;margin:14px 0 0;font-size:13px;line-height:1.5}.services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.service-card{flex-direction:column;gap:14px;min-height:260px;display:flex}.service-card-header{justify-content:space-between;align-items:center;display:flex}.service-icon{background:#ffffff0f;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.service-online{color:#4ade80}.service-warning{color:#facc15}.service-planned{color:#94a3b8}.service-card h3,.service-card p{margin:0}.service-meta{gap:8px;margin-top:auto;display:grid}.service-meta p{justify-content:space-between;gap:12px;display:flex}.service-meta span{color:var(--muted)}.service-action{cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.service-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.service-action{text-align:center;cursor:pointer;color:inherit;background:#ffffff1f;border:0;border-radius:12px;padding:10px 14px;font-weight:700;text-decoration:none}.service-action.secondary{background:#ffffff0f}.service-actions{grid-template-columns:repeat(3,1fr)}.service-card .service-action{padding:9px 10px;font-size:.9rem}.sdwan-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.sdwan-summary-card{background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;gap:8px;padding:18px;display:grid}.sdwan-summary-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.sdwan-summary-card strong{font-size:1.7rem}.sdwan-summary-card.summary-good{background:#14532d2e;border-color:#22c55e73}.sdwan-summary-card.summary-warning{background:#713f122e;border-color:#facc1573}.sdwan-summary-card.summary-bad{background:#7f1d1d2e;border-color:#f8717173}.sdwan-summary-card.summary-neutral{border-color:#38bdf847}.operations-bar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:18px;display:grid}.operations-bar div{background:#0a192da6;border:1px solid #4878aa40;border-radius:14px;gap:5px;padding:12px 14px;display:grid}.operations-bar span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.operations-bar strong{font-size:1rem}.op-good{color:#4ade80}.op-bad{color:#f87171}.routing-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.routing-summary-card{background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;gap:8px;padding:18px;display:grid}.routing-summary-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.routing-summary-card strong{font-size:1.5rem}.security-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.security-summary-card{background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;gap:8px;padding:18px;display:grid}.security-summary-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.security-summary-card strong{font-size:1.7rem}.security-provider-panel{margin-bottom:18px}.provider-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.provider-card{background:#0a192dbf;border:1px solid #4878aa47;border-radius:16px;gap:8px;padding:16px;display:grid}.provider-card strong{font-size:1rem}.provider-card span{color:var(--muted)}.provider-ready{border-color:#22c55e59}.provider-planned{border-color:#94a3b840}.inventory-stat{text-align:center;background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;gap:8px;padding:18px;display:grid}.inventory-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.inventory-stat strong{font-size:2rem}.edges-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:22px;display:grid}.edges-stat{text-align:center;background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;gap:8px;padding:18px;display:grid}.edges-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.edges-stat strong{font-size:2rem}.edges-toolbar{margin-bottom:18px}.edges-toolbar-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.edges-toolbar-header h3{margin:0}.edges-toolbar-header span{color:var(--muted)}.edges-search{box-sizing:border-box;width:100%;color:inherit;background:#0a192de6;border:1px solid #4878aa59;border-radius:14px;margin-bottom:14px;padding:14px 16px;font-size:1rem}.edges-filters{flex-wrap:wrap;gap:10px;display:flex}.edges-filters button{color:inherit;cursor:pointer;text-transform:capitalize;background:#ffffff0f;border:1px solid #4878aa59;border-radius:999px;padding:9px 14px}.edges-filters button.active{background:#0f766e;border-color:#0f766e}.deployments-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:22px;display:grid}.deployments-stat{text-align:center;background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;gap:8px;padding:18px;display:grid}.deployments-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.deployments-stat strong{font-size:2rem}.deployment-actions-panel{margin-bottom:18px}.deployment-actions-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.deployment-actions-header h3{margin:0}.deployment-actions-header span{color:var(--muted)}.deployment-actions{flex-wrap:wrap;gap:10px;display:flex}.deployment-actions button{color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #4878aa59;border-radius:12px;padding:10px 14px;font-weight:700}.deployment-table{gap:10px;display:grid;overflow-x:auto}.deployment-table-head,.deployment-table-row{grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr .8fr 1fr;align-items:center;gap:12px;min-width:900px;display:grid}.deployment-table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.deployment-table-row{background:#0a192da6;border:1px solid #4878aa40;border-radius:14px;padding:12px}.deploy-status{text-transform:uppercase;background:#94a3b829;border-radius:999px;padding:5px 9px;font-size:.75rem}.deploy-status.applied,.deploy-status.success,.deploy-status.completed{color:#4ade80;background:#22c55e26}.deploy-status.failed{color:#f87171;background:#f8717126}.deploy-status.running,.deploy-status.pending{color:#facc15;background:#facc1526}.events-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:22px;display:grid}.events-stat{text-align:center;background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;gap:8px;padding:18px;display:grid}.events-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.events-stat strong{font-size:2rem}.events-toolbar{margin-bottom:18px}.events-toolbar-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.events-toolbar-header h3{margin:0}.events-toolbar-header span{color:var(--muted)}.events-search{box-sizing:border-box;width:100%;color:inherit;background:#0a192de6;border:1px solid #4878aa59;border-radius:14px;padding:14px 16px;font-size:1rem}.event-feed-list{gap:12px;display:grid}.event-feed-item{background:#0a192da6;border:1px solid #4878aa40;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:18px;padding:14px 16px;display:flex}.event-feed-item strong{margin-top:8px;display:block}.event-feed-item p{color:var(--muted);margin:6px 0 0}.event-feed-item time{color:#22d3ee;white-space:nowrap;font-size:.9rem}.event-severity{text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:800}.event-info{color:#38bdf8;background:#38bdf826}.event-config{color:#22d3ee;background:#22d3ee26}.event-warning{color:#facc15;background:#facc1526}.event-critical{color:#f87171;background:#f8717126}.app{min-height:100vh;display:block}.sidebar{z-index:50;width:260px;min-width:260px;max-width:260px;height:100vh;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.main{box-sizing:border-box;width:calc(100vw - 260px);max-width:none;min-height:100vh;margin-left:260px;padding-left:36px;padding-right:36px}.main>*{max-width:1180px;margin-left:auto;margin-right:auto}.services-grid,.status-grid,.sdwan-summary,.security-summary,.inventory-summary,.edges-summary,.deployments-summary,.events-summary,.routing-summary,.operations-bar{box-sizing:border-box;width:100%}@media (width<=1100px){.sidebar{width:230px;min-width:230px;max-width:230px}.main{width:calc(100vw - 230px);margin-left:230px;padding-left:24px;padding-right:24px}}@media (width<=760px){.sidebar{width:100%;min-width:100%;max-width:100%;height:auto;position:relative}.main{width:100%;margin-left:0;padding-left:16px;padding-right:16px}}:root[data-theme=light]{--app-bg:#edf2f7;--surface:#fff;--surface-raised:#fff;--surface-soft:#f5f8fb;--panel-bg:#fff;--panel-bg-strong:#f8fafc;--text:#263446;--text-h:#102033;--muted:#63748a;--muted-strong:#43556b;--border:#c7d3df;--border-soft:#e0e8f0;--accent:#087fbd;--accent-strong:#075985;--accent-soft:#dceff8;--sidebar-bg:#172536;--sidebar-panel:#21354a;--sidebar-border:#314861;--sidebar-text:#d7e3ee;--sidebar-active:#58c8f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--app-bg:#08121f;--surface:#0e1b2d;--surface-raised:#14243a;--surface-soft:#0a1728;--panel-bg:#0f1d30;--panel-bg-strong:#162941;--text:#d7e3ef;--text-h:#f4f8fc;--muted:#91a4b8;--muted-strong:#c3d3e2;--border:#29415c;--border-soft:#1d3148;--accent:#20a6dc;--accent-strong:#6bd6ff;--accent-soft:#20a6dc2e;--sidebar-bg:#07111d;--sidebar-panel:#102237;--sidebar-border:#1d3852;--sidebar-text:#c6d5e4;--sidebar-active:#62d2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root,body button,body input,body select,body textarea{font-family:Avenir Next,Inter,Segoe UI,sans-serif!important}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.45}.monitor-tabs a{color:var(--text-h)!important;background:var(--accent-soft)!important;border-color:var(--border-soft)!important}.monitor-tabs a.active,.monitor-tabs a:hover{color:#fff!important;background:var(--accent)!important;border-color:var(--accent)!important}.edge-card{transition:border-color .16s,box-shadow .16s,transform .16s;cursor:default!important}.edge-card:hover{transform:translateY(-1px);border-color:var(--accent)!important;box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 14%, transparent)!important}.edge-card .edge-actions{flex-wrap:wrap;gap:.45rem;display:flex}.edge-card .edge-actions button:first-child{color:var(--accent-strong)!important;border-color:color-mix(in srgb, var(--accent) 55%, var(--border))!important}.edge-form-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:color-mix(in srgb, var(--app-bg) 72%, #020812b8)!important}.edge-form-modal{background:var(--surface-raised)!important;border-color:var(--border)!important;color:var(--text)!important}.edge-form-modal h3,.edge-form-modal h4,.edge-form-modal strong,.edge-form-modal label span{color:var(--text-h)!important}.edge-form-modal [style*="rgba(191, 219, 254"],.edge-form-modal [style*="rgba(191,219,254"]{color:var(--muted)!important}.edge-form-modal [style*="rgba(6, 18, 36"],.edge-form-modal [style*="rgba(8, 20, 38"],.edge-form-modal [style*="rgba(3, 12, 26"]{background:var(--panel-bg)!important;border-color:var(--border)!important}.edge-form-modal .edge-form-tabs{background:var(--surface-soft)!important;border-color:var(--border)!important}.edge-form-modal .edge-form-tab{color:var(--muted-strong)!important}.edge-form-modal .edge-form-tab[aria-selected=true]{color:var(--accent-strong)!important;background:var(--accent-soft)!important;border-color:var(--accent)!important}.edge-form-modal input,.edge-form-modal select,.edge-form-modal textarea{background:var(--surface-soft)!important;border-color:var(--border)!important;color:var(--text)!important}.edge-form-modal input:focus,.edge-form-modal select:focus,.edge-form-modal textarea:focus{outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);border-color:var(--accent)!important}.architecture-page{max-width:1440px;margin:0 auto;padding:26px 0 48px}.architecture-header{align-items:flex-end;margin-bottom:18px}.architecture-header .eyebrow,.architecture-kicker{color:var(--accent-strong);letter-spacing:.11em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem;font-weight:700;display:block}.architecture-scope{min-width:220px}.architecture-scope label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;font-size:.76rem;font-weight:700;display:block}.architecture-scope select{width:100%;min-height:38px}.architecture-summary{border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--shadow-panel);flex-wrap:wrap;gap:0;margin-bottom:18px;display:flex}.architecture-summary span{border-right:1px solid var(--border-soft);color:var(--muted);padding:13px 18px;font-size:.85rem}.architecture-summary strong{color:var(--text-h);margin-right:5px;font-size:1.05rem}.architecture-summary .architecture-summary-scope{color:var(--accent-strong);border-right:0;margin-left:auto}.architecture-stack{flex-direction:column;align-items:stretch;display:flex}.architecture-card{border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--shadow-panel)}.architecture-orchestrator{border-top:3px solid var(--accent);align-self:center;width:100%;max-width:850px;padding:24px}.architecture-card-topline{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.architecture-card h2,.architecture-card h3{color:var(--text-h);margin:0;font-weight:600}.architecture-card h2{font-size:1.18rem}.architecture-card h3{font-size:1rem}.architecture-card p{color:var(--muted);margin:7px 0 0;font-size:.86rem}.architecture-status{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:.77rem;display:inline-flex}.architecture-status i{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.architecture-status.status-good{color:var(--good)}.architecture-status.status-warning{color:var(--warning)}.architecture-status.status-neutral{color:var(--muted)}.architecture-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.architecture-feature-grid span{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--muted-strong);padding:9px 11px;font-size:.79rem}.architecture-card-links,.architecture-card-link{color:var(--accent-strong);font-size:.8rem;text-decoration:none}.architecture-card-links{flex-wrap:wrap;gap:18px;margin-top:20px;display:flex}.architecture-card-links a:hover,.architecture-card-link:hover,.architecture-cpe-header a:hover{text-decoration:underline}.architecture-connector{color:var(--accent-strong);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;align-items:center;gap:7px;font-size:.74rem;display:flex}.architecture-connector span{background:var(--accent);width:1px;height:18px;display:block}.architecture-controller-tier{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:16px;width:100%;max-width:1080px;display:grid}.architecture-controller{min-height:190px;padding:20px}.architecture-controller-active{border-left:3px solid var(--good)}.architecture-controller-standby{border-left:3px solid var(--muted)}.architecture-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0 18px;display:grid}.architecture-details div{min-width:0}.architecture-details dt{color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:.69rem}.architecture-details dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;overflow:hidden}.architecture-management-network{color:var(--accent-strong);text-align:center;grid-template-columns:minmax(20px,1fr) minmax(240px,520px) minmax(20px,1fr);align-items:center;gap:18px;margin:22px 0 26px;display:grid}.architecture-management-network>div{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-soft);flex-direction:column;align-items:center;gap:4px;padding:13px 20px;display:flex}.architecture-management-network strong{font-size:.9rem}.architecture-management-network small{color:var(--muted);font-size:.73rem}.architecture-network-line{background:var(--accent);height:1px}.architecture-cpe-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;display:flex}.architecture-cpe-header h2{color:var(--text-h);margin:0;font-size:1.15rem}.architecture-cpe-header a{color:var(--accent-strong);font-size:.8rem;text-decoration:none}.architecture-cpe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.architecture-cpe-card{gap:15px;min-height:145px;padding:17px;display:flex}.architecture-cpe-icon{border:1px solid var(--accent);width:50px;height:50px;color:var(--accent-strong);letter-spacing:.05em;border-radius:50%;flex:0 0 50px;place-items:center;font-size:.65rem;font-weight:700;display:grid}.architecture-cpe-copy{flex:1;min-width:0}.architecture-cpe-meta{color:var(--muted);flex-wrap:wrap;gap:8px 15px;margin:18px 0 12px;font-size:.76rem;display:flex}.architecture-cpe-meta span+span{border-left:1px solid var(--border);padding-left:15px}.architecture-empty{border:1px dashed var(--border);min-height:130px;color:var(--muted);text-align:center;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;font-size:.86rem;display:flex}.architecture-empty a{color:var(--accent-strong);text-decoration:none}@media (width<=760px){.architecture-page{padding-top:18px}.architecture-header,.architecture-cpe-header{flex-direction:column;align-items:flex-start}.architecture-scope{width:100%}.architecture-summary span{flex:50%}.architecture-summary .architecture-summary-scope{border-top:1px solid var(--border-soft);margin-left:0}.architecture-feature-grid,.architecture-controller-tier,.architecture-cpe-grid{grid-template-columns:1fr}.architecture-details{grid-template-columns:1fr;gap:9px}.architecture-management-network{grid-template-columns:1fr}.architecture-network-line{display:none}.architecture-empty{flex-direction:column;padding:20px}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.main{width:auto;min-width:0;max-width:none;margin-left:260px;padding-left:32px;padding-right:32px;overflow-x:hidden}.main>*{box-sizing:border-box;width:100%;max-width:1120px;margin-left:auto;margin-right:auto}.status-grid,.operations-bar,.services-grid,.sdwan-summary,.security-summary,.inventory-summary,.edges-summary,.deployments-summary,.events-summary,.routing-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.panel,.full-width,.topology-panel,.edge-drawer{box-sizing:border-box;max-width:100%}.deployment-table,.routing-table,.event-feed-list{max-width:100%;overflow-x:auto}@media (width<=1100px){.main{margin-left:230px;padding-left:24px;padding-right:24px}.main>*{max-width:100%}}*{box-sizing:border-box}.services-grid{align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}.service-card{min-width:0;overflow:hidden}.service-card h3,.service-card p,.service-meta,.service-meta p,.service-meta strong{overflow-wrap:anywhere;min-width:0}.service-actions{flex-wrap:wrap;gap:10px;display:flex!important}.service-card .service-action{white-space:nowrap;text-align:center;flex:90px;min-width:90px;max-width:100%}.operations-bar{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.status-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}.main,.main>*,.panel,.services-grid,.service-card{min-width:0}html,body,button,input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.page-header h1,main h1,.main h1{letter-spacing:-.04em;margin:0;padding:0;font-size:clamp(2.1rem,3vw,3rem);font-weight:800;line-height:1.1;color:#e5e7eb!important}.page-header p,main>p,.main p{color:#94a3b8}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.page-header>div{min-width:0}h1,h2,h3,p{margin-top:0}.sidebar,.sidebar a,.sidebar p,.sidebar span,.sidebar strong{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}main header h2,.main header h2,header h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.1rem,3vw,3rem);font-weight:800;line-height:1.1;color:#e5e7eb!important}main header p,.main header p,header p{color:#94a3b8!important}main header,.main header,header{color:#e5e7eb}.sidebar h1,.sidebar h2,.sidebar h3,.sidebar .brand-title,.sidebar strong{color:#e5e7eb!important}.sidebar p,.sidebar small,.sidebar span{color:#38bdf8}.sidebar a{color:#dbe4f0!important}.nav-links{flex-direction:column;gap:1rem;margin-top:.75rem;display:flex}.nav-section-button{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:1rem;line-height:1.35;display:flex}.nav-section-button:hover{color:#38bdf8}.header-actions{align-items:center;gap:12px;display:flex;position:relative}.notification-button{color:#e5e7eb;cursor:pointer;background:#0a192dd9;border:1px solid #4878aa59;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;position:relative}.notification-button span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px}.notification-menu{z-index:100;background:#07111f;border:1px solid #4878aa59;border-radius:18px;width:320px;padding:16px;position:absolute;top:58px;right:0;box-shadow:0 24px 80px #00000073}.notification-menu h3{margin:0 0 12px}.notification-item{border:1px solid #4878aa40;border-radius:14px;margin-bottom:10px;padding:12px}.notification-item p{color:#94a3b8;margin:6px 0 0}.notification-info{border-color:#38bdf84d}.notification-success{border-color:#22c55e4d}.notification-warning{border-color:#facc1559}.notification-critical{border-color:#f8717166}.global-search{background:#0a192dd9;border:1px solid #4878aa59;border-radius:16px;align-items:center;gap:10px;max-width:520px;margin-bottom:18px;padding:0 14px;display:flex;position:relative}.global-search input{color:#e5e7eb;background:0 0;border:0;outline:0;width:100%;padding:14px 0;font-size:1rem}.global-search-results{z-index:120;background:#07111f;border:1px solid #4878aa59;border-radius:16px;padding:10px;position:absolute;top:54px;left:0;right:0;box-shadow:0 24px 80px #00000073}.global-search-results a{color:#e5e7eb;border-radius:12px;gap:4px;padding:10px;text-decoration:none;display:grid}.global-search-results a:hover{background:#ffffff0f}.global-search-results span{color:#22d3ee;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.global-search-results small{color:#94a3b8}.flow-topology{background:#07111f;border:1px solid #4878aa40;border-radius:18px;height:620px;overflow:hidden}.flow-topology .react-flow__node{color:#e5e7eb;text-align:center;white-space:pre-line;background:#0f1f33;border:1px solid #22d3ee73;border-radius:14px;min-width:190px;padding:12px 16px;font-weight:700}.flow-topology .react-flow__node-input{background:#10364b}.flow-topology .react-flow__controls button{color:#e5e7eb;background:#0f1f33;border-color:#4878aa59}.flow-topology .react-flow__minimap{background:#07111f}.flow-topology{position:relative}.flow-scroll-hint{color:#e5e7eb;z-index:20;opacity:0;pointer-events:none;background:#07111feb;border:1px solid #4878aa59;border-radius:999px;padding:8px 14px;font-size:.85rem;transition:opacity .2s;position:absolute;top:14px;left:50%;transform:translate(-50%)}.flow-topology:hover .flow-scroll-hint{opacity:1}.react-flow__attribution,.flow-scroll-hint,.react-flow-hidden-brand{display:none!important}.edge-drawer,.edge-drawer *{color:#e5e7eb!important}.edge-drawer h4{color:#22d3ee!important}.edge-drawer .edge-badge{color:inherit!important}.edge-drawer .drawer-close{color:#e5e7eb!important}.inventory-tree,.tree-node{gap:8px;display:grid}.tree-children{border-left:1px solid #4878aa40;gap:8px;margin-left:26px;padding-left:14px;display:grid}.tree-button{color:#e5e7eb;cursor:pointer;text-align:left;background:#0a192da6;border:1px solid #4878aa40;border-radius:12px;align-items:center;gap:9px;padding:10px 12px;display:flex}.tree-button:hover{background:#0e233ad9;border-color:#22d3ee8c}.edge-button{color:#38bdf8}.inventory-pane{background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;min-width:0;padding:18px}.inventory-pane h3{margin-bottom:14px}.compact-tree .tree-button{border-radius:9px;padding:8px 10px;font-size:.95rem}.compact-tree .tree-children{margin-left:16px;padding-left:12px}.tree-button.selected{background:#22d3ee1f;border-color:#22d3eeb3}.tree-status-dot{background:#94a3b8;border-radius:999px;width:9px;height:9px}.tree-status-dot.online{background:#22c55e}.tree-status-dot.disabled,.tree-status-dot.offline{background:#ef4444}.selected-device-pane h2{margin-bottom:10px}.device-detail-grid{gap:10px;margin-top:16px;display:grid}.device-detail-grid p{border-bottom:1px solid #4878aa2e;justify-content:space-between;gap:14px;padding-bottom:8px;display:flex}.device-detail-grid span{color:#9fb3c8}.actions-pane{gap:10px;display:grid}.actions-pane button{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:1px solid #4878aa59;border-radius:12px;padding:11px 13px;font-weight:700}.actions-pane button:disabled{opacity:.45;cursor:not-allowed}.actions-pane button.danger{color:#fca5a5;border-color:#f8717173}@media (width<=1200px){.inventory-workspace{grid-template-columns:1fr}}.device-title,.selected-device-pane h2{margin:0 0 12px;font-weight:700;color:#f8fafc!important}.sdwan-ops-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.sdwan-ops-card{background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;gap:8px;padding:18px;display:grid}.sdwan-ops-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.sdwan-ops-card strong{font-size:1.55rem}.sdwan-ops-layout{grid-template-columns:260px 1fr;align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.sdwan-sites-panel{background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;padding:18px}.sdwan-sites-panel h3{margin-bottom:14px}.sdwan-site-list{gap:10px;display:grid}.sdwan-site-item{background:#07111fa6;border:1px solid #4878aa40;border-radius:14px;gap:5px;padding:12px;display:grid}.sdwan-site-item strong{color:#f8fafc}.sdwan-site-item span{color:#9fb3c8;font-size:.85rem}.sdwan-topology-panel .topology-panel{height:100%;margin:0}.sdwan-quick-actions{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.sdwan-quick-actions h3{margin-bottom:6px}.sdwan-quick-actions p{color:#94a3b8;margin:0}.sdwan-actions{flex-wrap:wrap;gap:10px;display:flex}.sdwan-actions button{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:1px solid #4878aa59;border-radius:12px;padding:10px 14px;font-weight:700}@media (width<=1100px){.sdwan-ops-layout{grid-template-columns:1fr}.sdwan-quick-actions{display:grid}}.sdwan-site-item{text-align:left;color:#e5e7eb;cursor:pointer;width:100%}.sdwan-site-item.selected{background:#22d3ee1f;border-color:#22d3eebf}.sdwan-site-title{align-items:center;gap:8px;display:flex}.sdwan-site-metrics{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.sdwan-site-metrics span{text-align:center;color:#cbd5e1;border:1px solid #4878aa38;border-radius:9px;padding:6px;font-size:.76rem}.sdwan-site-item small{color:#94a3b8;margin-top:8px;display:block}.sdwan-site-item.selected{box-shadow:0 0 0 1px #22d3ee73,0 0 28px #22d3ee1f}.sdwan-ops-card.summary-good strong{color:#22c55e}.sdwan-ops-card.summary-warning strong{color:#facc15}.sdwan-ops-card.summary-bad strong{color:#f87171}.topology-heading-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.topology-heading-row h3{margin:0}.topology-legend{color:#94a3b8;flex-wrap:wrap;gap:10px;font-size:.8rem;display:flex}.topology-legend span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:999px;width:9px;height:9px;display:inline-block}.legend-dot.healthy{background:#22c55e}.legend-dot.offline{background:#ef4444}.legend-line{border-radius:999px;width:24px;height:3px;display:inline-block}.legend-line.active{background:#22c55e}.legend-line.failed{background:#ef4444}.tunnel-health-table{gap:10px;display:grid;overflow-x:auto}.tunnel-health-head,.tunnel-health-row{grid-template-columns:1.2fr .8fr 1.3fr 1.2fr .7fr .7fr;align-items:center;gap:12px;min-width:880px;display:grid}.tunnel-health-head{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.tunnel-health-row{background:#0a192da6;border:1px solid #4878aa40;border-radius:14px;padding:12px}.tunnel-status{align-items:center;gap:7px;font-weight:800;display:inline-flex}.tunnel-status i{border-radius:999px;width:9px;height:9px}.tunnel-status.online{color:#22c55e}.tunnel-status.online i{background:#22c55e}.tunnel-status.offline{color:#f87171}.tunnel-status.offline i{background:#ef4444}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-55%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cloudpath-toast{z-index:9999!important;width:auto!important;min-width:unset!important;color:#e5e7eb!important;text-align:center!important;white-space:nowrap!important;background:#07111f!important;border:1px solid #22d3ee73!important;border-radius:12px!important;max-width:max-content!important;padding:12px 18px!important;font-size:.95rem!important;font-weight:700!important;display:inline-block!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 18px 60px #00000073!important}.policy-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.policy-stat{background:#0a192dbf;border:1px solid #4878aa47;border-radius:18px;gap:8px;padding:18px;display:grid}.policy-stat span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.policy-stat strong{font-size:1.8rem}.policy-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.policy-toolbar p{color:#94a3b8;margin:0}.policy-actions{flex-wrap:wrap;gap:10px;display:flex}.policy-actions button{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:1px solid #4878aa59;border-radius:12px;padding:10px 14px;font-weight:700}.policy-table{gap:10px;display:grid;overflow-x:auto}.policy-table-head,.policy-table-row{grid-template-columns:1.4fr 1fr 1.1fr 1fr 1fr 1fr .8fr;align-items:center;gap:12px;min-width:980px;display:grid}.policy-table-head{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.policy-table-row{background:#0a192da6;border:1px solid #4878aa40;border-radius:14px;padding:12px}.policy-badge{text-transform:uppercase;text-align:center;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:800}.policy-badge.enabled{color:#22c55e;background:#22c55e26}.policy-badge.disabled{color:#f87171;background:#f8717126}.policy-modal-backdrop{z-index:500;background:#0000009e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.policy-modal{background:#07111f;border:1px solid #22d3ee59;border-radius:20px;width:min(780px,95vw);padding:22px;box-shadow:0 24px 90px #0000008c}.policy-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.policy-modal-header h3{margin:0 0 6px}.policy-modal-header p{color:#94a3b8;margin:0}.policy-modal-header button{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:1px solid #4878aa59;border-radius:12px;width:40px;height:40px;font-size:1.5rem}.policy-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.policy-form-grid label{color:#cbd5e1;gap:7px;font-weight:700;display:grid}.policy-form-grid input,.policy-form-grid select{color:#e5e7eb;background:#0a192df2;border:1px solid #4878aa59;border-radius:12px;padding:11px 12px}.policy-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.policy-modal-actions button{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:1px solid #4878aa59;border-radius:12px;padding:10px 15px;font-weight:800}.policy-modal-actions button.primary{background:#0f766e;border-color:#14b8a6}@media (width<=760px){.policy-form-grid{grid-template-columns:1fr}}.policy-modal-backdrop{z-index:9998!important;background:#000000b8!important;place-items:center!important;width:100vw!important;height:100vh!important;display:grid!important;position:fixed!important;inset:0!important}.policy-modal{z-index:9999!important}.policy-row-actions{gap:8px;display:flex}.policy-row-actions button{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:1px solid #4878aa59;border-radius:10px;padding:7px 10px;font-size:.8rem;font-weight:700}.policy-table-row strong{color:#f8fafc!important}.policy-row-actions{justify-content:flex-start;gap:8px;display:flex}.policy-row-actions button.edit{color:#38bdf8;border-color:#38bdf873}.policy-row-actions button.pause{color:#facc15;border-color:#facc1573}.policy-row-actions button.danger{color:#fca5a5;border-color:#f871718c}.policy-table-head,.policy-table-row{min-width:1320px;grid-template-columns:1.6fr 1fr 1.2fr .9fr 1fr 1fr .8fr .9fr 1.5fr!important}.policy-deploy-modal{background:#07111f;border:1px solid #22d3ee59;border-radius:20px;width:min(520px,92vw);padding:24px;box-shadow:0 24px 90px #0000008c}.policy-deploy-modal h3{color:#f8fafc;margin:0 0 8px}.policy-deploy-modal p{color:#94a3b8}.deploy-progress{background:#0f1f33f2;border:1px solid #4878aa59;border-radius:999px;height:12px;margin:18px 0;overflow:hidden}.deploy-progress span{background:#22c55e;height:100%;transition:width .25s;display:block}.deploy-edge-list{gap:8px;display:grid}.deploy-edge-list p{color:#e5e7eb;background:#0a192da6;border:1px solid #4878aa40;border-radius:12px;margin:0;padding:10px 12px}.policy-deployment-history{margin-top:18px}.policy-deploy-table{gap:10px;display:grid;overflow-x:auto}.policy-deploy-head,.policy-deploy-row{grid-template-columns:1.5fr .7fr .9fr .9fr 1.3fr .8fr;align-items:center;gap:12px;min-width:860px;display:grid}.policy-deploy-head{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.policy-deploy-row{background:#0a192da6;border:1px solid #4878aa40;border-radius:14px;padding:12px}.policy-deploy-row strong{color:#f8fafc}.policy-deploy-head,.policy-deploy-row{min-width:1250px;grid-template-columns:1.4fr 1fr 1fr 1.3fr .8fr 2.5fr!important}.deployment-edge-status{flex-wrap:wrap;gap:6px;display:flex}.edge-mini-status{border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.edge-mini-status.applied{color:#22c55e;background:#22c55e21}.edge-mini-status.offline{color:#f87171;background:#f8717121}.deploy-step-title{color:#22d3ee;margin-top:12px;margin-bottom:10px;font-weight:800}.deploy-edge-list p{align-items:center;gap:8px;display:flex}.deploy-edge-list p:first-letter{color:#22c55e;font-weight:900}.monitoring-live-layout{grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px;display:grid}.monitoring-traffic-panel{min-height:330px}.traffic-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.traffic-header h3{margin-bottom:6px}.traffic-header p{color:#94a3b8;margin:0}.traffic-header strong{color:#22d3ee;font-size:1.8rem}.traffic-chart{background-color:#07111fb8;background-image:linear-gradient(#4878aa1a 1px,#0000 1px),linear-gradient(90deg,#4878aa1a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #4878aa38;border-radius:16px;width:100%;height:210px;padding:10px}.traffic-footer{color:#94a3b8;justify-content:space-between;gap:12px;margin-top:12px;font-size:.85rem;display:flex}@media (width<=1100px){.monitoring-live-layout{grid-template-columns:1fr}}.event-timeline-panel{margin-bottom:18px}.event-timeline{gap:10px;display:grid}.timeline-item{background:#0a192da6;border:1px solid #4878aa40;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.timeline-dot{background:#38bdf8;border-radius:999px;width:11px;height:11px;box-shadow:0 0 16px #38bdf873}.timeline-item.success .timeline-dot{background:#22c55e;box-shadow:0 0 16px #22c55e73}.timeline-item.warning .timeline-dot{background:#facc15;box-shadow:0 0 16px #facc1573}.timeline-item.error .timeline-dot{background:#ef4444;box-shadow:0 0 16px #ef444473}.timeline-item strong{color:#f8fafc}.timeline-item p{color:#94a3b8;margin:4px 0 0}.timeline-item time{color:#38bdf8;white-space:nowrap;font-size:.8rem}.drawer-tabs{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.drawer-tabs button{color:#94a3b8;cursor:pointer;background:#0a192db8;border:1px solid #4878aa59;border-radius:999px;padding:8px 12px}.drawer-tabs button.active{color:#e0faff;background:#22d3ee24;border-color:#22d3ee}.drawer-actions-tab{gap:10px;display:grid}.drawer-actions-tab button{width:100%}.edge-card{transition:transform .18s,box-shadow .18s,border-color .18s}.edge-card:hover{border-color:#22d3eeb3;transform:translateY(-5px);box-shadow:0 18px 45px #00000059,0 0 28px #22d3ee14}.edge-health{gap:8px;margin:16px 0;display:grid}.edge-health div{justify-content:space-between;align-items:center;display:flex}.edge-health span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.edge-health strong{color:#22d3ee;font-size:1.5rem}.edge-health i{background:#0f1f33f2;border:1px solid #4878aa59;border-radius:999px;height:10px;overflow:hidden}.edge-health b{background:#22c55e;height:100%;display:block}.edge-health em{color:#94a3b8;font-size:.82rem;font-style:normal}.edge-card.edge-pending .edge-health b{background:#facc15}.edge-card.edge-disabled .edge-health b,.edge-card.edge-offline .edge-health b{background:#ef4444}.edge-telemetry.enhanced{margin-top:12px}.edge-mini-status{border-top:1px solid #4878aa33;border-bottom:1px solid #4878aa33;gap:8px;margin:14px 0;padding:12px 0;display:grid}.edge-mini-status p{justify-content:space-between;gap:12px;margin:0;display:flex}.edge-mini-status span{color:#94a3b8;font-size:.82rem}.edge-mini-status strong{color:#e5e7eb;text-align:right;font-size:.86rem}.edge-actions{flex-wrap:wrap}.edge-actions button{min-width:82px}.flow-topology .react-flow__node{color:inherit!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.flow-topology .react-flow__node-input{background:0 0!important;border:none!important}.topology-controller,.topology-node{text-align:center;background:#0a192df0;border:1px solid #22d3ee8c;border-radius:14px;min-width:170px;padding:12px 14px;box-shadow:0 14px 35px #00000059}.topology-controller strong,.topology-node strong{color:#f8fafc;margin-bottom:8px;font-size:.82rem;display:block}.topology-controller span{color:#67e8f9;font-size:.72rem;font-weight:700;display:inline-flex}.topology-chip{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;justify-content:center;margin-bottom:8px;padding:4px 9px;font-size:.64rem;display:inline-flex}.topology-chip.online{color:#22c55e;background:#22c55e29}.topology-chip.pending{color:#facc15;background:#facc1529}.topology-chip.disabled,.topology-chip.offline{color:#f87171;background:#ef444429}.topology-node small{color:#94a3b8;font-size:.72rem;display:block}.topology-node-health{border-top:1px solid #4878aa40;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;display:flex}.topology-node-health span{color:#94a3b8;font-size:.7rem}.topology-node-health b{color:#22d3ee;font-size:.8rem}.topology-node-online{border-color:#22c55ea6}.topology-node-pending{border-color:#facc15a6}.topology-node-disabled,.topology-node-offline{border-color:#ef4444a6}.legend-dot.warning{background:#facc15;box-shadow:0 0 14px #facc1573}.flow-topology .react-flow__edge.animated-edge path{stroke-dasharray:10 8;animation:1.1s linear infinite cloudpathFlow}.flow-topology .react-flow__edge.pending-edge path{stroke-dasharray:7 7;animation:1.4s ease-in-out infinite cloudpathPulse}.flow-topology .react-flow__edge.failed-edge path{stroke-dasharray:8 8}@keyframes cloudpathFlow{0%{stroke-dashoffset:36px}to{stroke-dashoffset:0}}@keyframes cloudpathPulse{0%,to{opacity:.45}50%{opacity:1}}.topology-traffic-label{color:#e5e7eb;background:#081426f5;border:1px solid #22d3ee73;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800;box-shadow:0 10px 25px #00000059}.topology-traffic-label.online{color:#22c55e;border-color:#22c55ea6}.topology-traffic-label.pending{color:#facc15;border-color:#facc15a6}.topology-traffic-label.disabled,.topology-traffic-label.offline{color:#f87171;border-color:#ef4444a6}.topology-summary{color:#94a3b8;gap:18px;margin-top:8px;font-size:.82rem;display:flex}.topology-summary b{color:#22d3ee;margin-left:4px;font-size:.95rem}.controller-metrics{grid-template-columns:repeat(2,1fr);gap:6px;margin:12px 0;font-size:.72rem;display:grid}.controller-metrics span{color:#94a3b8;justify-content:space-between;display:flex}.controller-metrics b{color:#22d3ee}.controller-heartbeat{color:#22c55e;background:#22c55e26;border-radius:999px;margin-top:10px;padding:6px;font-size:.72rem;font-weight:700;animation:1.5s infinite heartbeat}@keyframes heartbeat{0%,to{opacity:.6}50%{opacity:1}}.topology-node-online{animation:2s infinite edgePulse}@keyframes edgePulse{0%{transform:scale(1);box-shadow:0 0 #22c55e8c}70%{transform:scale(1.02);box-shadow:0 0 0 18px #22c55e00}to{transform:scale(1);box-shadow:0 0 #22c55e00}}.topology-node-pending{animation:1.5s infinite pendingPulse}@keyframes pendingPulse{0%,to{border-color:#facc15}50%{border-color:#fde047;box-shadow:0 0 18px #facc1573}}.topology-controller{animation:3s infinite controllerPulse}@keyframes controllerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.flow-topology .react-flow__edge-path{transition:stroke .4s}.flow-topology .react-flow__node:hover{cursor:pointer;transition:all .15s;transform:scale(1.04)}.flow-topology{background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.topology-site-box{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#11223847;border:1px solid #22d3ee2e;border-radius:18px;position:absolute}.topology-site-title{color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:700;position:absolute;top:10px;left:14px}.site-jhb{width:520px;height:190px;top:170px;left:40px}.site-dbn{width:520px;height:190px;top:170px;left:600px}.site-cpt{width:520px;height:190px;top:430px;left:320px}.diagnostics-console{color:#86efac;white-space:pre-wrap;background:#020617;border:1px solid #38bdf838;border-radius:12px;min-height:170px;margin-top:18px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.55}.notification-center{z-index:9999;background:#020617f5;border:1px solid #38bdf840;border-radius:18px;width:360px;max-height:420px;padding:12px;position:fixed;bottom:24px;right:24px;overflow:auto;box-shadow:0 24px 80px #00000073}.notification-header{color:#e5eefb;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.notification-header button,.notification-item button{color:#94a3b8;cursor:pointer;background:0 0;border:0}.notification-item{color:#dbeafe;background:#0f172a;border:1px solid #94a3b82e;border-radius:14px;margin-top:8px;padding:12px 34px 12px 12px;position:relative}.notification-item div{justify-content:space-between;gap:10px;display:flex}.notification-item strong{font-size:13px}.notification-item small{color:#94a3b8;font-size:11px}.notification-item p{color:#94a3b8;word-break:break-word;margin:8px 0 0;font-size:12px}.notification-item button{font-size:18px;position:absolute;top:8px;right:10px}.notification-item.success{border-color:#22c55e59}.notification-item.warning{border-color:#f59e0b66}.notification-item.error{border-color:#ef444473}.notification-item.info{border-color:#38bdf859}.telemetry-bar{margin:12px 0}.telemetry-bar-head{color:#cbd5e1;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.telemetry-bar-head strong{color:#e5eefb}.telemetry-bar-track{background:#020617;border:1px solid #94a3b829;border-radius:999px;height:8px;overflow:hidden}.telemetry-bar-fill{border-radius:999px;height:100%;transition:width .4s}.telemetry-bar-fill.good{background:#22c55e}.telemetry-bar-fill.warn{background:#f59e0b}.telemetry-bar-fill.bad{background:#ef4444}.wan-health-card{background:#0f172a;border:1px solid #94a3b82e;border-radius:14px;margin-top:14px;padding:14px}.wan-health-card.good{border-color:#22c55e59}.wan-health-card.warn{border-color:#f59e0b66}.wan-health-card.bad{border-color:#ef444473}.wan-health-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.wan-health-header strong{color:#e5eefb;font-size:14px}.wan-health-header small{color:#94a3b8;margin-top:3px;font-size:11px;display:block}.wan-score{background:#020617;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:28px;font-size:12px;font-weight:800;display:flex}.wan-score.good{color:#86efac}.wan-score.warn{color:#fcd34d}.wan-score.bad{color:#fca5a5}.wan-health-line{background:#020617;border:1px solid #94a3b829;border-radius:999px;height:7px;margin-top:12px;overflow:hidden}.wan-health-fill{border-radius:999px;height:100%;transition:width .4s}.wan-health-fill.good{background:#22c55e}.wan-health-fill.warn{background:#f59e0b}.wan-health-fill.bad{background:#ef4444}.wan-health-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.wan-health-grid div{background:#020617;border:1px solid #94a3b81f;border-radius:10px;padding:9px}.wan-health-grid span{color:#94a3b8;margin-bottom:4px;font-size:10px;display:block}.wan-health-grid strong{color:#e5eefb;word-break:break-word;font-size:12px;display:block}.wan-summary-card{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px;display:grid}.wan-summary-card div{background:#020617;border:1px solid #38bdf82e;border-radius:12px;padding:10px}.wan-summary-card span{color:#94a3b8;margin-bottom:5px;font-size:10px;display:block}.wan-summary-card strong{color:#e5eefb;font-size:16px}.wan-score{flex-direction:column;gap:1px}.wan-score small{opacity:.75;font-size:8px;font-weight:700}.deploy-summary{grid-template-columns:1fr 1fr 1fr;gap:10px;margin:12px 0;display:grid}.deploy-summary div{background:#020617;border:1px solid #94a3b829;border-radius:12px;padding:10px}.deploy-summary span{color:#94a3b8;margin-bottom:5px;font-size:10px;display:block}.deploy-summary strong{color:#e5eefb;font-size:13px}.deploy-summary.pending div{border-color:#f59e0b52}.deploy-summary.applied div{border-color:#22c55e3d}.deploy-plan{background:#0f172a;border:1px solid #38bdf838;border-radius:14px;margin:14px 0;padding:14px}.deploy-plan h5{color:#e5eefb;margin:0 0 12px}.deploy-plan button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;width:100%;margin-top:12px;padding:10px;font-weight:800}.deploy-history-item{background:#020617;border:1px solid #94a3b829;border-radius:12px;margin-top:10px;padding:12px}.deploy-history-item div{justify-content:space-between;gap:10px;display:flex}.deploy-history-item strong{color:#e5eefb;text-transform:capitalize}.deploy-history-item small,.deploy-history-item p{color:#94a3b8;font-size:11px}.deploy-history-item.applied{border-color:#22c55e52}.deploy-history-item.failed{border-color:#ef44446b}.deploy-error{color:#fca5a5!important}.deployment-state-card{background:#020617;border:1px solid #94a3b82e;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:14px;display:flex}.deployment-state-card span{color:#94a3b8;margin-bottom:5px;font-size:10px;display:block}.deployment-state-card strong{color:#e5eefb;text-transform:capitalize}.deployment-badge{text-transform:capitalize;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.deployment-badge.success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e59}.deployment-badge.pending,.deployment-badge.running{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b59}.deployment-badge.failed{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.deployment-checklist{background:#0f172a;border:1px solid #38bdf82e;border-radius:14px;margin:14px 0;padding:14px}.deployment-checklist h5{color:#e5eefb;margin:0 0 10px}.deployment-checklist div{color:#cbd5e1;align-items:center;gap:9px;padding:7px 0;font-size:12px;display:flex}.deployment-checklist span{color:#22c55e}.deployment-progress-track{background:#020617;border:1px solid #94a3b82e;border-radius:999px;height:8px;margin:10px 0 12px;overflow:hidden}.deployment-progress-fill{background:#38bdf8;border-radius:999px;height:100%;transition:width .35s}.deployment-console{color:#86efac;white-space:pre-wrap;background:#020617;border:1px solid #38bdf833;border-radius:12px;margin:0;padding:12px;font-size:12px}.deploy-plan button:disabled{opacity:.65;cursor:not-allowed}.config-diff-card{background:#0f172a;border:1px solid #38bdf82e;border-radius:14px;margin:14px 0;padding:14px}.config-diff-card h5{color:#e5eefb;margin:0 0 12px}.config-diff-summary{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.config-diff-summary div{background:#020617;border:1px solid #94a3b824;border-radius:10px;padding:9px}.config-diff-summary span{color:#94a3b8;margin-bottom:4px;font-size:10px;display:block}.config-diff-summary strong{color:#e5eefb;font-size:15px}.config-diff-group{border-top:1px solid #94a3b81f;padding:10px 0}.config-diff-group strong{color:#e5eefb;margin-bottom:6px;display:block}.config-diff-group p{color:#94a3b8;margin:4px 0;font-size:12px}.config-diff-group p.added{color:#86efac}.config-diff-group p.modified{color:#fcd34d}.config-diff-group p.removed{color:#fca5a5}.config-diff-group p.none{color:#64748b}.inventory-page-shell{width:100%}.inventory-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px;display:grid}.inventory-stat{background:#0f172ac7;border:1px solid #38bdf829;border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px #0208173d}.inventory-stat span{letter-spacing:.12em;text-transform:uppercase;color:#bfdbfec7;margin-bottom:10px;font-size:12px;display:block}.inventory-stat strong{color:#f8fafc;font-size:34px;line-height:1}.inventory-stat.summary-good strong{color:#86efac}.inventory-stat.summary-bad strong{color:#fca5a5}.inventory-workspace{grid-template-columns:minmax(320px,1fr) minmax(320px,.9fr) minmax(260px,.75fr);align-items:start;gap:20px;display:grid}.inventory-workspace .inventory-pane{background:#0f172ac7;border:1px solid #38bdf829;border-radius:22px;padding:22px;box-shadow:0 10px 30px #0208173d}.inventory-workspace .inventory-pane h3{color:#f8fafc;margin:0 0 16px;font-size:18px;font-weight:700}.inventory-workspace .inventory-pane form{gap:14px;display:grid}.inventory-workspace .inventory-pane input,.inventory-workspace .inventory-pane select,.inventory-workspace .inventory-pane textarea{color:#e5eefc;background:#0f172af5;border:1px solid #38bdf838;border-radius:12px;outline:none;width:100%;min-height:46px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s}.inventory-workspace .inventory-pane input::placeholder,.inventory-workspace .inventory-pane textarea::placeholder{color:#bfdbfe75}.inventory-workspace .inventory-pane input:focus,.inventory-workspace .inventory-pane select:focus,.inventory-workspace .inventory-pane textarea:focus{background:#0f172a;border-color:#2dd4bff2;box-shadow:0 0 0 3px #2dd4bf1f}.inventory-workspace .inventory-pane button{color:#e5eefc;cursor:pointer;background:#1e293bf2;border:1px solid #38bdf833;border-radius:12px;min-height:42px;padding:10px 14px;font-weight:600;transition:transform .15s,border-color .15s,background .15s,opacity .15s}.inventory-workspace .inventory-pane button:hover:not(:disabled){background:#0f172a;border-color:#2dd4bf99;transform:translateY(-1px)}.inventory-workspace .inventory-pane button:disabled{opacity:.6;cursor:not-allowed}.inventory-workspace .inventory-pane button.danger{color:#fecaca;border-color:#f8717159}.inventory-workspace .inventory-pane button.danger:hover:not(:disabled){background:#7f1d1d33;border-color:#f87171b3}.inventory-pane .device-title{color:#f8fafc;margin:0 0 10px;font-size:22px}.edge-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;margin-bottom:18px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.edge-badge.online{color:#86efac;background:#14532d47;border:1px solid #86efac47}.edge-badge.offline,.edge-badge.disabled{color:#fca5a5;background:#7f1d1d38;border:1px solid #fca5a53d}.device-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}.device-detail-grid p{border-bottom:1px solid #38bdf81a;margin:0;padding:0 0 10px}.device-detail-grid span{text-transform:uppercase;letter-spacing:.08em;color:#bfdbfe9e;margin-bottom:6px;font-size:12px;display:block}.device-detail-grid strong{color:#f8fafc;word-break:break-word}.empty-state{color:#bfdbfeb8}@media (width<=1280px){.inventory-workspace{grid-template-columns:1fr 1fr}.inventory-workspace .actions-pane{grid-column:1/-1}}@media (width<=860px){.inventory-workspace,.device-detail-grid{grid-template-columns:1fr}}.routing-panel{margin-top:18px}.routing-header{margin-bottom:18px}.routing-header p{color:#94a3b8;margin:6px 0 0}.routing-stats{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.routing-stat-card{background:#0f172ab3;border:1px solid #47556973;border-radius:16px;padding:18px}.routing-stat-card span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:12px;display:block}.routing-stat-card strong{margin-top:10px;font-size:30px;line-height:1.1;display:block}.routing-stat-card small{color:#94a3b8;margin-top:8px;display:block}.routing-sections{gap:20px;display:grid}.routing-section{background:#0f172a73;border:1px solid #47556959;border-radius:16px;padding:18px}.routing-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.routing-section-header h4{margin:0}.routing-section-header span{color:#94a3b8;font-size:13px}.routing-table-wrap{overflow-x:auto}.routing-table{border-collapse:collapse;width:100%}.routing-table th,.routing-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #47556947;padding:12px 14px}.routing-table th{color:#cbd5e1;font-weight:700}.routing-table td{color:#e5e7eb}.routing-table tbody tr:last-child td{border-bottom:none}.routing-state-badge{border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.routing-state-badge.up{color:#86efac;background:#065f46d1}.routing-state-badge.warning{color:#fbbf24;background:#78350fbf}.routing-state-badge.down{color:#fca5a5;background:#450a0ae6}@media (width<=1000px){.routing-stats{grid-template-columns:1fr 1fr}}@media (width<=700px){.routing-stats{grid-template-columns:1fr}}.routing-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.routing-name-col{text-overflow:ellipsis;max-width:260px;overflow:hidden}.routing-peer-col{width:150px}.routing-table td,.routing-table th{vertical-align:middle}:root,:root[data-theme=light]{--app-bg:#f2f3f5;--surface:#fff;--surface-raised:#fff;--surface-soft:#f7f8fa;--panel-bg:#fff;--panel-bg-strong:#fff;--text:#2f3337;--text-h:#111827;--muted:#66717d;--muted-strong:#4b5563;--border:#d8dde3;--border-soft:#e8ebef;--accent:#159bd3;--accent-strong:#0b88bd;--accent-soft:#d8f0f8;--good:#2fad55;--warning:#f59e0b;--danger:#dc3a22;--sidebar-bg:#303030;--sidebar-panel:#353535;--sidebar-border:#4a4a4a;--sidebar-text:#cfcfcf;--sidebar-active:#18a8dc;--shadow-soft:0 1px 3px #1018281a;--shadow-panel:0 1px 2px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--app-bg:#171b20;--surface:#20252b;--surface-raised:#252b32;--surface-soft:#1b2026;--panel-bg:#20252b;--panel-bg-strong:#252b32;--text:#d7dde4;--text-h:#f8fafc;--muted:#9ba6b2;--muted-strong:#c2cbd6;--border:#3a424b;--border-soft:#2d343c;--accent:#25aee0;--accent-strong:#4cc6f2;--accent-soft:#25aee02e;--good:#38c66b;--warning:#f4a51c;--danger:#ef604d;--sidebar-bg:#202020;--sidebar-panel:#292929;--sidebar-border:#424242;--sidebar-text:#d0d0d0;--sidebar-active:#25b9ee;--shadow-soft:0 8px 26px #00000047;--shadow-panel:0 1px 2px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{background:var(--app-bg)!important;color:var(--text)!important;text-align:left!important;border:0!important}body,button,input,select,textarea{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif!important}.app{background:var(--app-bg);color:var(--text)}.sidebar{box-shadow:4px 0 14px #00000014;background:var(--sidebar-bg)!important;border-right:1px solid var(--sidebar-border)!important;padding:26px 0 24px!important}.logo{width:190px!important;margin:18px auto 34px!important}.sidebar nav{gap:0!important;margin-top:0!important}.sidebar nav>a,.nav-section-button,.nav-links a{letter-spacing:.01em;color:var(--sidebar-text)!important;border-radius:0!important;font-weight:400!important}.sidebar nav>a,.nav-section-button{min-height:54px;border-left:3px solid #0000!important;padding:0 24px!important}.sidebar nav>a{align-items:center;display:flex}.nav-section-button span,.sidebar p,.sidebar small,.sidebar span{color:inherit!important}.sidebar nav>a.active,.sidebar nav>a:hover,.nav-section-button:hover,.nav-group.open .nav-section-button{background:var(--sidebar-panel)!important;color:var(--sidebar-active)!important;border-left-color:var(--sidebar-active)!important}.nav-group.closed{opacity:1!important}.nav-group.closed .nav-section{margin-bottom:0!important}.nav-links{background:#00000014;padding:8px 0 12px 34px;gap:0!important;margin:0!important}.nav-links a{color:color-mix(in srgb, var(--sidebar-text) 82%, transparent)!important;padding:10px 20px!important}.nav-links a.active,.nav-links a:hover{color:var(--sidebar-active)!important;background:0 0!important}.main{background:var(--app-bg)!important;color:var(--text)!important;padding:0 32px 36px!important}.console-topbar{z-index:35;background:var(--surface);border-bottom:1px solid var(--border);min-height:62px;box-shadow:var(--shadow-soft);grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px;margin:0 -32px;padding:0 32px;display:grid;position:sticky;top:0}.console-brand,.console-tools{align-items:center;gap:14px;display:flex}.console-tools{justify-content:flex-end}.console-menu-button{color:var(--accent-strong);cursor:pointer;background:0 0;border:0;padding:7px 0;font-size:.82rem;font-weight:700}.console-brand-name{color:var(--accent-strong);letter-spacing:.01em;font-size:.95rem}.console-brand-name strong{color:var(--text-h)}.console-title{color:var(--text-h);text-align:center;white-space:nowrap;font-size:1.05rem}.console-title span{color:var(--muted-strong)}.console-title strong{font-weight:500}.console-status-dot{background:var(--danger);width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent);border-radius:999px}.console-status-dot.online{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 18%, transparent)}.theme-select{border:1px solid var(--border);background:var(--surface-soft);min-width:104px;color:var(--text);border-radius:4px;padding:7px 10px;font-size:.82rem}.console-icon{border:1px solid var(--border);min-width:32px;min-height:32px;color:var(--muted-strong);border-radius:999px;place-items:center;font-size:.75rem;display:inline-grid}.monitor-tabs{background:var(--surface);border-bottom:1px solid var(--border);justify-content:center;align-items:center;min-height:72px;padding:18px 32px;flex-flow:wrap!important;gap:7px!important;max-width:none!important;margin:0 -32px 26px!important;display:flex!important}.monitor-tabs a{font-size:.82rem;line-height:1;text-decoration:none;color:#111827!important;background:var(--accent-soft)!important;border:1px solid #0000!important;border-radius:999px!important;padding:8px 14px!important}:root[data-theme=dark] .monitor-tabs a{color:var(--text-h)!important}.monitor-tabs a.active,.monitor-tabs a:hover{box-shadow:inset 0 0 0 1px #ffffffb3;background:var(--accent)!important;color:#fff!important}.main>*,.global-search,.operations-bar,.status-grid,.grid,.two-column,.services-grid,.sdwan-summary,.security-summary,.inventory-summary,.edges-summary,.deployments-summary,.events-summary,.routing-summary,.policy-summary,.sdwan-ops-summary{max-width:100%!important}.global-search{box-shadow:var(--shadow-panel);background:var(--surface)!important;border-color:var(--border)!important;margin:0 auto 18px!important}.global-search input{color:var(--text)!important}.global-search-results,.notification-menu,.policy-modal,.policy-deploy-modal,.edge-drawer{background:var(--surface-raised)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow-soft)!important}.panel,.card,.service-card,.edges-stat,.deployments-stat,.events-stat,.inventory-stat,.routing-summary-card,.security-summary-card,.sdwan-summary-card,.sdwan-ops-card,.policy-stat,.wan-summary-card,.inventory-pane,.sdwan-sites-panel,.deployment-table-row,.policy-table-row,.tunnel-health-row,.edge-card,.tree-button,.sdwan-site-item,.deploy-summary div,.bgp-summary-grid div{box-shadow:var(--shadow-panel);background:var(--panel-bg)!important;border-color:var(--border)!important;color:var(--text)!important;border-radius:2px!important}.panel,.card,.service-card{padding:22px 24px!important}.panel h1,.panel h2,.panel h3,.panel h4,.card strong,.edges-stat strong,.deployments-stat strong,.events-stat strong,.inventory-stat strong,.routing-summary-card strong,.security-summary-card strong,.sdwan-summary-card strong,.sdwan-ops-card strong,.policy-stat strong,.wan-summary-card strong,.service-card-header strong,.edge-card-header strong,.device-title,.selected-device-pane h2,main header h2,.main header h2,header h2,.page-header h1,main h1,.main h1{color:var(--text-h)!important;letter-spacing:.02em!important;font-weight:500!important}main header p,.main header p,header p,.page-header p,.main p,.panel p,.panel small,.row small,.edges-stat span,.deployments-stat span,.events-stat span,.inventory-stat span,.routing-summary-card span,.security-summary-card span,.sdwan-summary-card span,.sdwan-ops-card span,.policy-stat span,.wan-summary-card span,.service-card-header small,.edge-card-header small,.device-detail-grid span,.sdwan-site-item span,.sdwan-site-item small,.notification-item p,.global-search-results small{color:var(--muted)!important}.row,.device-detail-grid p,.notification-item{border-color:var(--border-soft)!important}button,.edge-actions button,.drawer-actions button,.actions-pane button,.sdwan-actions button,.deployment-actions button,.policy-actions button,.policy-row-actions button,.policy-modal-actions button,.drawer-tabs button,.edges-filters button,.notification-header button,.notification-item button{background:var(--surface-soft)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:3px!important}button:hover,.edge-actions button:hover,.drawer-actions button:hover,.actions-pane button:hover,.sdwan-actions button:hover,.deployment-actions button:hover,.policy-actions button:hover,.policy-row-actions button:hover,.policy-modal-actions button:hover,.drawer-tabs button:hover,.edges-filters button:hover,.notification-header button:hover,.notification-item button:hover{border-color:var(--accent)!important;color:var(--accent-strong)!important}button.primary,.policy-modal-actions button.primary,.edges-filters button.active,.drawer-tabs button.active,.status.online,.deploy-status.applied,.deploy-status.success,.deploy-status.completed{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}button.danger,.edge-actions button.danger,.drawer-actions button.danger,.actions-pane button.danger,.policy-row-actions button.danger{border-color:color-mix(in srgb, var(--danger) 50%, var(--border))!important;color:var(--danger)!important}input,select,textarea,.edges-search,.policy-form-grid input,.policy-form-grid select{background:var(--surface-soft)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:4px!important}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)!important}.deployment-table-head,.policy-table-head,.tunnel-health-head,.route-table thead,table thead{color:var(--muted-strong)!important;border-color:var(--border)!important}.route-table,.routing-table,.deployment-table,.policy-table,.tunnel-health-table,table,.edge-drawer,.edge-drawer *,.selected-device-pane h2,.edge-drawer h2,.edge-drawer h3,.edge-drawer h4,.edge-drawer strong,.edge-drawer .drawer-close{color:var(--text)!important}.edge-drawer h2,.edge-drawer h3,.edge-drawer h4,.edge-drawer strong{color:var(--text-h)!important}.edge-drawer span{color:var(--muted)!important}.flow-topology,.cp-topology-canvas,.topology-panel{background:var(--surface-soft)!important;border-color:var(--border)!important}.flow-topology .react-flow__node,.flow-topology .react-flow__controls button,.flow-topology .react-flow__minimap,.react-flow__controls-button,.react-flow__controls button{background:var(--surface-raised)!important;color:var(--text)!important;border-color:var(--border)!important}.react-flow__minimap{display:none!important}.summary-good strong,.sdwan-ops-card.summary-good strong,.tree-status-dot.online,.status-dot.online,.tunnel-status.online,.tunnel-status.online i{color:var(--good)!important}.summary-warning strong,.sdwan-ops-card.summary-warning strong,.deploy-status.running,.deploy-status.pending{color:var(--warning)!important}.summary-bad strong,.sdwan-ops-card.summary-bad strong,.deploy-status.failed,.event-critical{color:var(--danger)!important}@media (width<=1100px){.console-topbar{grid-template-columns:1fr;gap:8px;padding-top:12px;padding-bottom:12px}.console-title{text-align:left}.console-tools{justify-content:flex-start}}@media (width<=760px){.main{padding-left:16px!important;padding-right:16px!important}.console-topbar,.monitor-tabs{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}}.ipam-page .data-table{border-collapse:collapse;width:100%}.ipam-page .data-table th,.ipam-page .data-table td{border-bottom:1px solid var(--border-soft);text-align:left;white-space:nowrap;padding:.7rem .75rem}.ipam-page .data-table th{color:var(--muted-strong);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.ipam-page .status-badge{border:1px solid var(--accent);color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:.35rem .65rem;font-size:.78rem}.ipam-page .success-banner,.ipam-page .error-banner{border:1px solid var(--border);border-radius:.65rem;padding:.7rem .85rem}.ipam-page .success-banner{color:var(--good,#2fad55);background:color-mix(in srgb, var(--good,#2fad55) 12%, transparent)}.ipam-page .error-banner{color:var(--danger,#dc3a22);background:color-mix(in srgb, var(--danger,#dc3a22) 12%, transparent)}.ipam-page .info-banner{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);color:var(--muted);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:.65rem;padding:.7rem .85rem}.cp-topology-shell{background:radial-gradient(circle at top,#3b82f61f,#0000 36%),#07111f;border:1px solid #94a3b83d;border-radius:18px;height:calc(100vh - 180px);min-height:620px;overflow:hidden}.cp-topology-header{color:#e5eefb;border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.cp-topology-header h2{margin:0;font-size:18px}.cp-topology-header p{color:#93a4bb;margin:3px 0 0;font-size:13px}.cp-topology-canvas{height:calc(100% - 73px)}.cp-node{color:#e5eefb;text-align:center;background:#0f172af0;border:1px solid #94a3b842;border-radius:16px;width:178px;padding:14px;box-shadow:0 18px 40px #00000042}.cp-controller-node{background:linear-gradient(#1d4ed8f5,#0f172af5)}.cp-site-node{background:linear-gradient(#1e40afbd,#0f172af5)}.cp-edge-node.online{border-color:#22c55e6b}.cp-edge-node.degraded{border-color:#f59e0b80}.cp-edge-node.offline{border-color:#ef444480}.cp-node-icon{margin-bottom:5px;font-size:24px}.cp-node-title{font-size:14px;font-weight:700}.cp-node-subtitle,.cp-node-meta{color:#a8b5c7;margin-top:4px;font-size:12px}.cp-healthbar{background:#94a3b838;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.cp-healthbar-fill{border-radius:inherit;height:100%;transition:width .25s}.cp-healthbar-fill.good{background:#22c55e}.cp-healthbar-fill.warn{background:#f59e0b}.cp-healthbar-fill.bad{background:#ef4444}.cp-wan-list{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px;display:flex}.cp-wan-badge{background:#94a3b82e;border-radius:999px;padding:3px 7px;font-size:11px}.cp-wan-badge.up{color:#86efac}.cp-wan-badge.degraded{color:#fcd34d}.cp-wan-badge.down{color:#fca5a5}.cp-traffic-edge{stroke-width:2.5px;stroke-dasharray:8;animation:1.4s linear infinite cp-dash}.cp-traffic-edge.up{stroke:#38bdf8}.cp-traffic-edge.degraded{stroke:#f59e0b}.cp-traffic-edge.down{stroke:#ef4444}.cp-edge-label{color:#dbeafe;pointer-events:all;background:#0f172ae6;border:1px solid #94a3b838;border-radius:999px;padding:4px 8px;font-size:11px;position:absolute}@keyframes cp-dash{to{stroke-dashoffset:-16px}}.cp-enterprise-edge-node{text-align:left;cursor:pointer;width:230px;min-height:104px;padding:13px 14px}.cp-enterprise-edge-node:hover{border-color:#38bdf894;transform:translateY(-2px);box-shadow:0 22px 46px #00000057}.cp-enterprise-edge-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cp-enterprise-edge-title{text-overflow:ellipsis;white-space:nowrap;color:#eaf2ff;letter-spacing:.02em;max-width:145px;font-size:13px;font-weight:800;overflow:hidden}.cp-enterprise-edge-role{color:#94a3b8;margin-top:3px;font-size:11px}.cp-enterprise-health{background:#0f172ac2;border:1px solid #94a3b833;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:12px;font-weight:800;display:inline-flex}.cp-enterprise-health.good{color:#86efac}.cp-enterprise-health.warning{color:#fcd34d}.cp-enterprise-health-dot{background:currentColor;border-radius:999px;width:7px;height:7px;box-shadow:0 0 12px}.cp-enterprise-edge-footer{border-top:1px solid #94a3b829;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;padding-top:10px;display:flex}.cp-enterprise-wan-chips{flex-wrap:wrap;gap:5px;display:flex}.cp-enterprise-wan-chip{color:#cbd5e1;background:#94a3b824;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.cp-enterprise-wan-chip.online{color:#86efac;background:#22c55e1f}.cp-enterprise-wan-chip.standby{color:#93c5fd;background:#3b82f61f}.cp-enterprise-wan-chip.degraded{color:#fcd34d;background:#f59e0b1f}.cp-enterprise-wan-chip.offline{color:#fca5a5;background:#ef44441f}.cp-enterprise-wan-chip.empty{color:#94a3b8}.cp-enterprise-edge-meta{white-space:nowrap;color:#94a3b8;font-size:10px;font-weight:700}.cp-controller-compact{width:150px!important;min-height:92px!important;padding:12px!important}.cp-controller-compact-icon{margin-bottom:6px;font-size:18px}.cp-controller-compact-title{font-size:12px;font-weight:800}.cp-controller-compact-meta{color:#bfdbfe;margin-top:7px;font-size:10px}.cp-site-compact{width:165px!important;min-height:82px!important;padding:12px!important}.cp-site-compact-title{font-size:13px;font-weight:800}.cp-site-compact-region{color:#a8b5c7;margin-top:4px;font-size:10px}.cp-site-compact-line{border-radius:999px;height:3px;margin-top:10px}.cp-site-compact-line.good{background:#22c55e}.cp-site-compact-line.warning{background:#f59e0b}.cp-site-compact-meta{color:#94a3b8;margin-top:8px;font-size:10px}.cp-edge-compact{cursor:pointer;text-align:left!important;width:230px!important;min-height:86px!important;padding:12px 13px!important}.cp-edge-compact:hover{border-color:#38bdf89e;transform:translateY(-2px)}.cp-edge-compact-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cp-edge-compact-title{text-overflow:ellipsis;white-space:nowrap;color:#eaf2ff;max-width:145px;font-size:13px;font-weight:850;overflow:hidden}.cp-edge-compact-subtitle{color:#94a3b8;margin-top:3px;font-size:10px}.cp-edge-compact-health{background:#0f172ab8;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:11px;font-weight:850;display:inline-flex}.cp-edge-compact-health.good{color:#86efac}.cp-edge-compact-health.warning{color:#fcd34d}.cp-edge-compact-health span{background:currentColor;border-radius:999px;width:7px;height:7px;box-shadow:0 0 10px}.cp-edge-compact-line{border-radius:999px;height:3px;margin-top:10px}.cp-edge-compact-line.good{background:#22c55e}.cp-edge-compact-line.warning{background:#f59e0b}.cp-edge-compact-wans{flex-wrap:wrap;gap:5px;min-height:18px;margin-top:9px;display:flex}.cp-edge-compact-wan{color:#cbd5e1;background:#94a3b821;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:750}.cp-edge-compact-wan.online{color:#86efac;background:#22c55e21}.cp-edge-compact-wan.standby{color:#93c5fd;background:#3b82f621}.cp-edge-compact-wan.degraded{color:#fcd34d;background:#f59e0b21}.cp-edge-compact-wan.offline{color:#fca5a5;background:#ef444421}.cp-controller-card{color:#fff;background:#0f172a;border:1px solid #1e3a5f;border-radius:14px;width:220px;padding:16px;box-shadow:0 10px 30px #00000059}.cp-controller-title{font-size:15px;font-weight:700}.cp-controller-status{color:#94a3b8;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.cp-status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e}.cp-controller-stats{border-top:1px solid #ffffff14;justify-content:space-between;margin-top:16px;padding-top:12px;display:flex}.cp-controller-stats strong{font-size:18px;display:block}.cp-controller-stats small{color:#94a3b8;font-size:11px}.cp-site-card{color:#e5eefb;background:#0f172a;border:1px solid #38bdf847;border-radius:14px;width:210px;padding:14px;box-shadow:0 10px 28px #0000004d}.cp-site-card.good{border-color:#22c55e59}.cp-site-card.warning{border-color:#f59e0b73}.cp-site-card-top{justify-content:space-between;gap:10px;display:flex}.cp-site-card-title{font-size:14px;font-weight:800}.cp-site-card-region{color:#94a3b8;margin-top:4px;font-size:11px}.cp-site-health{background:#0f172acc;border-radius:999px;justify-content:center;align-items:center;min-width:36px;height:28px;font-size:12px;font-weight:800;display:flex}.cp-site-health.good{color:#86efac}.cp-site-health.warning{color:#fcd34d}.cp-site-card-footer{color:#94a3b8;border-top:1px solid #ffffff14;justify-content:space-between;margin-top:14px;padding-top:10px;font-size:11px;display:flex}.cp-edge-card{color:#fff;background:#111827;border:1px solid #38bdf840;border-radius:14px;width:190px;padding:12px;transition:all .2s;box-shadow:0 8px 24px #0000004d}.cp-edge-card:hover{border-color:#38bdf8;transform:translateY(-2px)}.cp-edge-header{justify-content:space-between;display:flex}.cp-edge-title{font-size:13px;font-weight:700}.cp-edge-role{color:#94a3b8;margin-top:3px;font-size:11px}.cp-edge-score{color:#86efac;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.cp-edge-health{background:#1e293b;border-radius:999px;height:4px;margin-top:12px;overflow:hidden}.cp-edge-health-fill{background:#22c55e;height:100%}.cp-edge-wans{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cp-wan{background:#1e293b;border-radius:999px;padding:3px 7px;font-size:10px}.cp-wan.up{color:#86efac}.cp-wan.warn{color:#fbbf24}.cp-wan.down{color:#f87171}.cp-agg-node{background:#0f172a;border:2px solid #38bdf8;border-radius:999px;width:20px;height:20px;box-shadow:0 0 18px #38bdf8bf}.cp-agg-node span{background:#38bdf8;border-radius:999px;width:6px;height:6px;margin:5px auto;display:block}.cp-topology-canvas{height:calc(100% - 73px);position:relative}.cp-topology-canvas.is-passive,.cp-topology-canvas.is-passive .react-flow__pane,.cp-topology-canvas.is-passive .react-flow__viewport{cursor:default}.cp-topology-scroll-message{z-index:12;color:#cbd5e1;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07111fe0;border:1px solid #38bdf83d;border-radius:14px;padding:10px 14px;font-size:12px;line-height:1.45;position:absolute;bottom:18px;left:18px;right:18px;box-shadow:0 14px 28px #00000047}.cp-topology-scroll-message.is-active{color:#dcfce7;border-color:#22c55e59}.cp-topology-canvas .react-flow__controls{box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07111feb;border:1px solid #38bdf83d;border-radius:16px;bottom:74px;left:18px;overflow:hidden}.cp-topology-canvas .react-flow__controls-button{color:#93c5fd;background:#0f172af0;border:0;border-bottom:1px solid #38bdf82e;width:38px;height:38px}.cp-topology-canvas .react-flow__controls-button:last-child{border-bottom:0}.cp-topology-canvas .react-flow__controls-button:hover{color:#e0f2fe;background:#0891b22e}.cp-topology-canvas .react-flow__controls-button svg{fill:currentColor}.cp-topology-canvas .react-flow__background{background:0 0}.cp-topology-header-actions{align-items:center;gap:12px;display:flex}.cp-topology-customer-filter{color:#cbd5e1;align-items:center;gap:8px;font-size:12px;display:flex}.cp-topology-customer-filter span{color:#94a3b8}.cp-topology-customer-filter select{color:#e5eefb;background:#07111feb;border:1px solid #38bdf83d;border-radius:10px;outline:none;min-width:180px;padding:8px 10px}.cp-topology-customer-filter select:focus{border-color:#38bdf880;box-shadow:0 0 0 3px #38bdf81f}.settings-page{max-width:1440px;margin:0 auto;padding:28px 0 56px}.settings-hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.settings-hero h1{margin:8px 0;font-size:clamp(2rem,4vw,3rem)}.settings-hero p,.settings-card .muted{color:var(--muted);line-height:1.6}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:24px}.settings-card-wide{grid-column:1/-1}.settings-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-card h2{margin:8px 0 12px}.settings-card .eyebrow,.settings-hero .eyebrow{color:var(--accent-strong);letter-spacing:.12em;font-size:.72rem;font-weight:700}.status-pill{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent-strong);text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.status-pill.active{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.status-pill.suspended{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.account-form{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:12px;margin:22px 0;display:grid}.account-form label{color:var(--muted);gap:7px;font-size:.78rem;font-weight:700;display:grid}.account-form input,.account-form select{width:100%;min-height:38px}.account-form small{font-weight:400}.account-list{gap:10px;display:grid}.account-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.account-row>div{align-items:center;gap:12px;display:flex}.account-row span:not(.status-pill){color:var(--muted);font-size:.82rem;display:block}.settings-notice,.settings-error{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text);border-radius:8px;margin:14px 0;padding:12px 14px}.settings-error{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.coming-soon{color:var(--muted);margin-top:12px;font-size:.78rem;display:inline-block}@media (width<=900px){.settings-grid{grid-template-columns:1fr}.settings-card-wide{grid-column:auto}.account-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.settings-hero,.account-row,.account-row>div{flex-direction:column;align-items:stretch}.account-form{grid-template-columns:1fr}}