@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";.crs309-front{color:#26313a;background:linear-gradient(#ecedef,#c8ccd0);border:2px solid #aeb7be;border-radius:9px;align-items:center;gap:28px;min-width:720px;padding:24px;display:flex;box-shadow:inset 0 5px #f9fafb,inset 0 -5px #a5adb4}.crs309-brand{flex-direction:column;gap:7px;min-width:140px;display:flex}.crs309-brand strong{font-size:24px;font-style:italic}.crs309-brand small{font-size:12px;font-weight:700}.crs309-brand span{font-size:10px}.crs309-ports{flex:1;justify-content:space-evenly;gap:10px;display:flex}.crs309-ports .switch-port{width:46px;min-width:46px;height:65px}.crs309-ports .switch-port-number{white-space:nowrap;font-size:8px}.crs309-ports .switch-socket{width:32px;height:24px}.crs309-ports .switch-port:focus-visible{outline-offset:4px;outline:2px solid #b58100}.crs309-front{min-width:0;box-shadow:none;color:inherit;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:10px;padding:8px}.crs309-vector{width:100%;max-width:460px;height:auto;margin:0 auto;display:block}.crs309-ports-label{color:#9aa7b5;font-size:11px}.crs309-ports{flex-wrap:wrap;justify-content:center;gap:14px}.crs309-ports .switch-port:first-child{margin-right:8px}.monitor-page.monitor-figma{--graphite-panel:#2b303a;--graphite-raised:#20232b;--graphite-text:#f3f6fa;--graphite-secondary:#a1acbc;--graphite-muted:#a1acbc;--graphite-border:#343b48;--noc-yellow:#ffc200;color:var(--graphite-text);background:#20232b}.monitor-page.monitor-figma .monitor-command-header{background:#1d2027;border:0;gap:12px;margin-bottom:22px;padding:12px}.monitor-page.monitor-figma .monitor-header-provider,.monitor-page.monitor-figma .monitor-command-header .monitor-group-filter{box-sizing:border-box;background:#20232b;border-radius:10px;gap:3px;min-height:54px;padding:7px 12px}.monitor-page.monitor-figma .monitor-header-provider{flex:0 212px}.monitor-page.monitor-figma .monitor-command-header .monitor-group-filter{flex:0 178px}.monitor-page.monitor-figma .monitor-header-provider>span,.monitor-page.monitor-figma .monitor-group-filter>span{text-transform:uppercase;font-size:10px;font-weight:400}.monitor-page.monitor-figma .monitor-header-provider select,.monitor-page.monitor-figma .monitor-group-filter select{background:0 0;border:0;height:25px;padding:0;font-size:12px;font-weight:700}.monitor-page.monitor-figma .monitor-fixed-provider strong{padding-top:4px;font-size:13px}.monitor-page.monitor-figma .monitor-command-header .monitor-equipment-picker summary{background:#20232b;border:0;border-radius:10px;min-height:54px}.monitor-page.monitor-figma .monitor-header-views{border:0;gap:8px;padding:0}.monitor-page.monitor-figma .monitor-header-views button,.monitor-page.monitor-figma .monitor-header-refresh{background:#2b303a;border:0;border-radius:10px;height:40px;font-weight:700}.monitor-page.monitor-figma .monitor-header-views button[aria-pressed=true]{background:#414957}.monitor-start-dashboard{background:var(--noc-yellow);color:#20232b;min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:700;display:flex}.monitor-start-dashboard:disabled{opacity:.45;cursor:not-allowed}.monitor-page.monitor-figma .switch-device-head{grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;padding:0 0 14px;display:grid;position:relative}.monitor-page.monitor-figma .switch-device-head .monitor-device-title{grid-row:1/3}.monitor-page.monitor-figma .switch-device-head .monitor-device-title small{color:var(--graphite-secondary);font-size:11px}.monitor-page.monitor-figma .switch-device-head .monitor-device-title h2{margin:5px 0;font-size:27px}.monitor-page.monitor-figma .switch-device-head .monitor-device-title p{color:var(--graphite-secondary);font-size:12px}.monitor-page.monitor-figma .switch-device-head .monitor-state{color:#36e49c;background:0 0;justify-self:end;padding:0;font-size:12px}.monitor-page.monitor-figma .switch-device-head .monitor-state.offline{color:#f26469}.monitor-page.monitor-figma .switch-device-head .monitor-state.disabled,.monitor-page.monitor-figma .switch-device-head .monitor-state.unknown{color:#a1acbc}.switch-last-collection{color:var(--graphite-secondary);grid-column:2;justify-self:end;font-size:10px}.monitor-page.monitor-figma .switch-view-tabs{min-height:32px;margin:0 0 12px}.monitor-page.monitor-figma .switch-view-tabs button{padding:9px 12px;font-size:11px}.monitor-page.monitor-figma .switch-view-tabs button.active{color:var(--noc-yellow);border-color:var(--noc-yellow)}.monitor-page.monitor-figma .switch-panel-head{padding:15px 20px 0}.monitor-page.monitor-figma .switch-panel-head small{font-size:16px}.monitor-page.monitor-figma .switch-legend{margin-top:-15px;padding:0 20px 8px;font-size:11px}.monitor-page.monitor-figma .switch-scroll{border-radius:0 0 12px 12px;padding:10px 24px 12px}.monitor-page.monitor-figma .switch-chassis{max-width:none}.monitor-page.monitor-figma .switch-equipment-card{background:var(--graphite-panel);border-radius:12px;grid-template-columns:minmax(240px,32%) minmax(0,1fr);align-items:center;gap:12px 24px;padding:18px 20px;display:grid}.monitor-page.monitor-figma .switch-equipment-card.compact{display:block}.monitor-page.monitor-figma .switch-equipment-card>.switch-device-head{align-self:center;min-width:0;margin:0;padding:0}.monitor-page.monitor-figma .switch-equipment-card>[hidden]{display:none}.monitor-page.monitor-figma .switch-equipment-card>.switch-device-head+.switch-equipment-front{min-width:0}.monitor-page.monitor-figma .switch-equipment-card .switch-chassis-heading{background:0 0;border-radius:0;justify-content:flex-end;padding:0}.monitor-page.monitor-figma .switch-equipment-card .switch-chassis-heading .switch-panel-head{display:none}.monitor-page.monitor-figma .switch-equipment-card .switch-legend{background:0 0;margin:0;padding:8px 0 0}.monitor-page.monitor-figma .switch-equipment-card .switch-scroll{background:0 0;border-radius:0;padding:0}.monitor-page.monitor-figma .switch-equipment-card .switch-chassis{zoom:.7}.monitor-page.monitor-figma .switch-equipment-card+.switch-view-tabs{margin:8px 0 12px}.monitor-page.monitor-figma .equipment-hero{background:var(--graphite-panel);border:0;border-radius:12px;grid-template-columns:minmax(240px,32%) minmax(0,1fr);align-items:center;gap:12px 24px;min-width:0;padding:18px 20px;display:grid;overflow:hidden}.monitor-page.monitor-figma .equipment-hero .monitor-device-head{border:0;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;margin:0;padding:0;display:flex}.monitor-page.monitor-figma .equipment-hero .monitor-device-title{overflow-wrap:anywhere;min-width:0}.monitor-page.monitor-figma .equipment-hero .monitor-device-title h2{margin:5px 0;font-size:27px}.monitor-page.monitor-figma .equipment-hero .monitor-device-title p{color:var(--graphite-secondary);font-size:12px}.monitor-page.monitor-figma .equipment-hero .monitor-state{background:0 0;padding:0}.monitor-page.monitor-figma .equipment-hero-visual{min-width:0}.monitor-page.monitor-figma .equipment-hero-visual .ne8000-chassis-head{margin:0 0 8px;padding:0}.monitor-page.monitor-figma .equipment-hero-visual .ne8000-chassis-head h3{font-size:14px}.monitor-page.monitor-figma .equipment-hero-visual .ne8000-chassis{min-width:0;margin:0;padding:8px}.monitor-page.monitor-figma .equipment-hero-visual .ne8000-chassis img{width:100%;min-width:0;max-width:860px}.monitor-page.monitor-figma .equipment-hero-visual-heading{color:var(--graphite-text);justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.monitor-page.monitor-figma .equipment-hero-visual-heading span{color:var(--graphite-secondary);font-size:11px}.monitor-page.monitor-figma .equipment-hero-bgp .ne8000-head-facts{flex-wrap:wrap;gap:10px 18px;margin:0}.monitor-page.monitor-figma .equipment-hero-pppoe .pppoe-identity{gap:14px;min-width:0;display:grid}.monitor-page.monitor-figma .equipment-hero-pppoe .pppoe-head-stats{border-top:1px solid var(--graphite-border);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;padding-top:12px;display:grid}.monitor-page.monitor-figma .equipment-hero-pppoe .pppoe-head-stats>span{min-width:0}.monitor-page.monitor-figma .equipment-hero-pppoe .monitor-state{justify-self:start}.monitor-page.monitor-figma .ne8000-data{box-shadow:none;background:0 0;border:0;overflow:visible}.monitor-page.monitor-figma .ne8000-data-toolbar{background:0 0;border:0;padding:0}.monitor-page.monitor-figma .ne8000-data-toolbar .switch-view-tabs{border-bottom:1px solid var(--graphite-border);height:auto;min-height:32px;margin:0 0 12px}.monitor-page.monitor-figma .ne8000-data-toolbar .switch-view-tabs button{height:auto;color:var(--graphite-secondary);padding:9px 12px}.monitor-page.monitor-figma .ne8000-data-toolbar .switch-view-tabs button.active{color:var(--noc-yellow);border-bottom-color:var(--noc-yellow)}.monitor-page.monitor-figma .pppoe-category-menu{border:0;border-bottom:1px solid var(--graphite-border);background:0 0;border-radius:0;padding:0}.monitor-page.monitor-figma .pppoe-category-menu button{color:var(--graphite-secondary);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0}.monitor-page.monitor-figma .pppoe-category-menu button.active{border-bottom-color:var(--noc-yellow);color:var(--noc-yellow);background:0 0}@media (width>=1500px){.monitor-page.monitor-figma .switch-equipment-card .switch-chassis{zoom:.82}}@media (width>=1800px){.monitor-page.monitor-figma .switch-equipment-card .switch-chassis{zoom:1}}@media (width<=1150px){.monitor-page.monitor-figma .switch-equipment-card{grid-template-columns:1fr}.monitor-page.monitor-figma .switch-equipment-card .switch-chassis{zoom:1}.monitor-page.monitor-figma .equipment-hero{grid-template-columns:1fr}}@media (width<=650px){.monitor-page.monitor-figma .equipment-hero-pppoe .pppoe-head-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-page.monitor-figma .equipment-hero .monitor-device-title h2{font-size:20px}}.monitor-page.monitor-figma .switch-hint{color:var(--graphite-secondary);padding:8px 20px;font-size:10px}.monitor-page.monitor-figma .switch-port-detail{padding:10px 20px}.monitor-page.monitor-figma .switch-port-detail .switch-port-facts{gap:16px}.monitor-page.monitor-figma .switch-header-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:12px}.monitor-page.monitor-figma .switch-health-card{background:var(--graphite-panel);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:12px;min-width:0;min-height:154px;padding:16px;display:flex}.monitor-page.monitor-figma .switch-health-card small{color:var(--graphite-secondary);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.monitor-page.monitor-figma .switch-health-card>strong{overflow-wrap:anywhere;margin:auto 0 0;font-size:23px;line-height:1.25}.monitor-page.monitor-figma .switch-health-card>span{color:var(--graphite-secondary);margin-top:auto;font-size:10px}.monitor-page.monitor-figma .switch-health-card .green{color:#36e49c}.monitor-page.monitor-figma .switch-health-card .cyan{color:#2bd1df}.monitor-page.monitor-figma .switch-health-gauge{align-items:center;gap:8px}.monitor-page.monitor-figma .switch-health-ring{background:conic-gradient(var(--gauge-color) var(--gauge-angle),#424a59 0);border-radius:50%;flex-shrink:0;place-items:center;width:78px;height:78px;display:grid;position:relative}.monitor-page.monitor-figma .switch-health-ring:before{content:"";background:var(--graphite-panel);border-radius:50%;position:absolute;inset:6px}.monitor-page.monitor-figma .switch-health-card .switch-health-ring strong{color:var(--gauge-color);font-size:18px;position:relative}.monitor-page.monitor-figma .switch-overview-grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:stretch;gap:12px 16px;margin:12px 0 0}.monitor-page.monitor-figma .switch-overview-card{border:0;border-radius:12px;min-width:0;padding:18px 20px}.monitor-page.monitor-figma .switch-overview-heading{gap:10px;margin-bottom:12px}.monitor-page.monitor-figma .switch-overview-heading h3,.monitor-page.monitor-figma .signal-compact-head h3{margin:0;font-size:16px}.monitor-page.monitor-figma .switch-overview-heading p{margin-top:5px;font-size:10px}.monitor-page.monitor-figma .switch-aggregate-values{gap:30px;font-size:19px}.monitor-page.monitor-figma .switch-aggregate-values>span+span{color:#b889ff}.monitor-page.monitor-figma .switch-aggregate-chart,.monitor-page.monitor-figma .switch-aggregate-empty{height:155px;margin-top:3px}.monitor-page.monitor-figma .switch-overview-note{margin-top:8px;font-size:10px;line-height:1.5}.monitor-page.monitor-figma .switch-overview-link{color:var(--noc-yellow);font-size:11px}.monitor-page.monitor-figma .switch-overview-link:disabled{display:none}.monitor-page.monitor-figma .switch-optical-summary>.switch-overview-link{margin-top:6px}.monitor-page.monitor-figma .switch-optical-overview-chart{width:100%;height:155px}.switch-optical-empty{text-align:center;min-height:180px;color:var(--graphite-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.switch-optical-empty strong{font-size:13px;font-weight:500}.switch-optical-empty p{margin:0;font-size:11px}.monitor-page.monitor-figma .switch-overview-card .monitor-table th{background:0 0;padding:8px 5px;font-size:10px}.monitor-page.monitor-figma .switch-overview-card .monitor-table td{padding:9px 5px;font-size:11px}.monitor-page.monitor-figma .switch-port-link{color:var(--graphite-text);font-size:11px}.monitor-page.monitor-figma .switch-interface-alias{margin-top:3px;font-size:10px}.monitor-page.monitor-figma .switch-overview-card .monitor-problem{gap:8px;padding:10px 0}.monitor-page.monitor-figma .switch-overview-card .monitor-problem strong{font-size:12px;line-height:1.5}.monitor-page.monitor-figma .switch-overview-card .monitor-problem small{font-size:10px;line-height:1.5}.monitor-page.monitor-figma .switch-overview-card .monitor-problem-list{max-height:255px}.monitor-page.monitor-figma .signal-chart-compact{background:0 0;border:0;margin:0;padding:0}.signal-compact-head{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.signal-compact-head>div{min-width:0}.signal-compact-head p{color:var(--graphite-secondary);overflow-wrap:anywhere;margin:5px 0 0;font-size:10px}.monitor-page.monitor-figma .signal-chart-compact .signal-chart-ranges{background:0 0;border:0;gap:2px;padding:0;display:flex}.monitor-page.monitor-figma .signal-chart-compact .signal-chart-ranges button{color:var(--graphite-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px;font-size:10px}.monitor-page.monitor-figma .signal-chart-compact .signal-chart-ranges button.active{color:var(--graphite-text);background:#414957}.signal-compact-values{color:#2bd1df;flex-wrap:wrap;gap:20px;margin:14px 0 0;font-size:16px;display:flex}.signal-compact-values>span+span{color:#b889ff}.monitor-page.monitor-figma .signal-chart-compact .signal-chart-grid{margin-top:0;display:block}.monitor-page.monitor-figma .signal-chart-compact .signal-chart-panel{background:0 0;border:0;padding:0}.monitor-page.monitor-figma .signal-chart-compact .signal-chart-panel-head{display:none}.monitor-page.monitor-figma .signal-chart-compact .signal-chart-canvas{width:100%;height:140px}.signal-compact-facts{color:var(--graphite-secondary);margin:4px 0 0;font-size:10px;line-height:1.5}.signal-compact-facts span{display:block}.monitor-stale{color:#ffc74f;border:1px solid #ffc74f;border-radius:8px;padding:10px 14px;font-size:12px}.monitor-presentation-exit{z-index:20;opacity:0;transition:opacity .2s;position:absolute;top:26px;right:28px}.monitor-presentation-exit.visible,.monitor-presentation-exit:focus-within,.monitor-presentation-exit:hover{opacity:1}.monitor-presentation-exit button{color:#f3f6fa;font:inherit;cursor:pointer;background:#343b48;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 16px;font-size:12px;display:flex}.monitor-page.monitor-presentation{z-index:10000;box-sizing:border-box;background:#20232b;width:100%;max-width:none;height:100dvh;margin:0;padding:24px 32px;position:fixed;inset:0;overflow:auto}.monitor-presentation .monitor-command-header,.monitor-presentation .switch-view-tabs,.monitor-presentation .switch-hint,.monitor-presentation .switch-port-detail,.monitor-presentation .switch-selected-traffic{display:none}.monitor-presentation .switch-device-head{margin-bottom:10px;padding-right:155px}.monitor-presentation .switch-device-head .monitor-device-title small{font-size:13px}.monitor-presentation .switch-device-head .monitor-device-title h2{font-size:26px}.monitor-presentation .switch-panel-head{padding-top:14px}.monitor-presentation .switch-scroll{padding-top:8px;padding-bottom:16px}.monitor-presentation .switch-header-metrics{margin-top:12px}.monitor-page.monitor-presentation .switch-overview-grid{grid-template-rows:auto;align-items:start}.monitor-page.monitor-presentation .switch-overview-card{overflow:visible}.monitor-page.monitor-presentation .switch-aggregate-chart,.monitor-page.monitor-presentation .switch-aggregate-empty{height:230px}.monitor-page.monitor-presentation .switch-optical-overview-chart{height:210px}@media (width<=1250px){.monitor-page.monitor-figma .monitor-command-header{gap:8px}.monitor-start-dashboard{padding:9px 12px}.monitor-page.monitor-figma .switch-header-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-page.monitor-figma .switch-health-card{min-height:140px}.monitor-page.monitor-figma .switch-overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}@media (width<=850px){.monitor-page.monitor-figma .monitor-header-provider,.monitor-page.monitor-figma .monitor-command-header .monitor-group-filter{flex:35%}.monitor-page.monitor-figma .monitor-command-header .monitor-equipment-picker{flex:100%}.monitor-page.monitor-figma .monitor-header-actions{flex-wrap:wrap;flex:1;justify-content:flex-end}.monitor-page.monitor-figma .switch-overview-grid{grid-template-columns:minmax(0,1fr)}.monitor-page.monitor-figma .switch-legend{justify-content:flex-start;margin:0;padding-top:10px}.monitor-page.monitor-figma .switch-device-head .monitor-device-title h2{font-size:20px}.monitor-page.monitor-figma .switch-device-head{gap:6px}.monitor-presentation .switch-device-head{padding-top:40px;padding-right:0}}@media (width<=480px){.monitor-page.monitor-figma .switch-header-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-page.monitor-figma .monitor-header-views button span{display:none}.monitor-page.monitor-figma .monitor-header-actions{justify-content:space-between;gap:5px}.monitor-start-dashboard{gap:5px;padding:9px;font-size:11px}.monitor-page.monitor-figma .switch-device-head{flex-direction:column;align-items:flex-start;display:flex}.monitor-page.monitor-figma .switch-health-card>strong{font-size:20px}.monitor-page.monitor-figma .switch-overview-card,.monitor-page.monitor-presentation{padding:16px}.monitor-page.monitor-figma .signal-compact-values{gap:15px;font-size:14px}}@media (prefers-reduced-motion:reduce){.monitor-presentation-exit{transition:none}}.monitor-page.monitor-figma .switch-chassis-heading{background:var(--graphite-panel);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px 6px;display:flex}.monitor-page.monitor-figma .switch-chassis-heading .switch-panel-head,.monitor-page.monitor-figma .switch-chassis-heading .switch-legend{margin:0;padding:0}.monitor-page.monitor-figma .switch-header-metrics{border:0;grid-area:auto;align-items:stretch;padding-top:0}.monitor-page.monitor-figma .switch-health-card .green{background:0 0}.monitor-page.monitor-figma .switch-health-card strong{white-space:normal}.monitor-page.monitor-presentation .switch-device-head{margin-bottom:8px;padding-right:150px}.monitor-page.monitor-presentation .switch-panel{margin-bottom:0}.monitor-page.monitor-presentation .switch-overview-grid{margin-top:12px}@media (width<=850px){.monitor-page.monitor-figma .switch-chassis-heading{flex-wrap:wrap}.monitor-page.monitor-presentation .switch-device-head{padding-top:42px;padding-right:0}}.monitor-page.monitor-figma .switch-interface-scroll{scrollbar-gutter:stable;max-height:430px;overflow:auto}.monitor-page.monitor-figma .switch-interface-scroll .monitor-table{width:100%;min-width:700px}.monitor-page.monitor-figma .switch-interface-scroll .monitor-table th{z-index:1;background:var(--graphite-panel);white-space:nowrap;position:sticky;top:0}.monitor-page.monitor-figma .switch-interface-scroll .monitor-table td:not(:first-child){white-space:nowrap}.monitor-page.monitor-figma .switch-interface-state.up{color:#36e49c}.monitor-page.monitor-figma .switch-interface-state.down{color:#f26469}.monitor-page.monitor-figma .switch-interface-state.unknown{color:var(--graphite-secondary)}.switch-interface-search{color:#f3f6fa;width:100%;font:inherit;background:#20232b;border:1px solid #414957;border-radius:7px;margin-bottom:12px;padding:9px 12px;font-size:12px}.monitor-page.monitor-figma .switch-all-interfaces{flex-direction:column;min-height:0;display:flex}.monitor-page.monitor-figma .switch-top-five{grid-column:1/-1;min-width:0}.switch-top-heading{color:#f3f6fa;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.switch-top-heading h3{margin:0;font-size:16px}.switch-top-heading span{color:#a1acbc;margin-top:3px;font-size:11px;display:block}.switch-top-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.switch-top-card{color:#f3f6fa;text-align:left;cursor:pointer;min-width:0;height:182px;font:inherit;background:#2b303a;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:stretch;padding:13px 16px 10px;display:flex}.switch-top-card:hover,.switch-top-card:focus-visible{border-color:#ffc200;outline:none}.switch-top-card>strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.switch-top-card>small{color:#a1acbc;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;overflow:hidden}.switch-top-values{white-space:nowrap;justify-content:space-between;gap:5px;margin-top:12px;display:flex}.switch-top-values b{color:#31d7e8;text-overflow:ellipsis;font-size:13px;overflow:hidden}.switch-top-values b+b{color:#b889ff;font-size:12px}.switch-top-chart{width:100%;height:76px;margin-top:auto;display:block}.switch-top-no-history{color:#a1acbc;place-items:center;min-height:76px;margin-top:auto;font-size:10px;display:grid}.switch-top-empty{color:#a1acbc;background:#2b303a;border-radius:12px;padding:20px;font-size:12px}@media (width<=1300px){.switch-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.switch-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.switch-top-heading{flex-direction:column;align-items:flex-start}}@media (width<=430px){.switch-top-grid{grid-template-columns:minmax(0,1fr)}}.switch-panel.monitor-panel{box-shadow:none;background:0 0;border:0;padding:0}.switch-panel .switch-device-head{background:0 0;border:0;padding:6px 0 20px}.switch-panel .switch-device-head h2{font-size:28px}.switch-panel .switch-view-tabs{margin-bottom:18px}.switch-panel [aria-label=Painel\ frontal]{background:0 0}.switch-panel .switch-panel-head{background:var(--graphite-panel);border-radius:14px 14px 0 0;margin:0;padding:20px 24px 0}.switch-panel .switch-panel-head small{color:var(--graphite-text);letter-spacing:0;font-size:15px}.switch-panel .switch-legend{background:var(--graphite-panel);justify-content:flex-end;margin:0;padding:12px 24px}.switch-panel .switch-scroll{background:var(--graphite-panel);margin:0;padding:12px 24px 22px}.switch-panel .switch-chassis{margin:auto}.switch-panel .switch-hint,.switch-panel .switch-port-detail{background:var(--graphite-panel);border-radius:0 0 14px 14px;margin:0;padding:16px 24px}.switch-panel .switch-header-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:100%;max-width:none;margin:18px 0 0;display:grid}.switch-panel .switch-header-metrics>span{background:var(--graphite-panel);border:0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:19px 20px;display:flex}.switch-panel .switch-header-metrics small{color:var(--graphite-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.switch-panel .switch-header-metrics strong{color:var(--graphite-text);overflow-wrap:anywhere;font-size:23px}.switch-overview-grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:18px;margin:18px 0;display:grid}.switch-overview-card{background:var(--graphite-panel);border:1px solid var(--graphite-border);min-width:0;color:var(--graphite-text);border-radius:14px;padding:24px}.switch-overview-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.switch-overview-heading h3{margin:0;font-size:18px}.switch-overview-heading p,.switch-optical-alias{color:var(--graphite-secondary);margin:8px 0 0;font-size:12px}.switch-overview-heading>span{color:var(--graphite-secondary);white-space:nowrap;font-size:11px}.switch-aggregate-values{flex-wrap:wrap;gap:28px;font-size:17px;font-weight:600;display:flex}.switch-aggregate-values>span{color:#2bd1df;align-items:center;gap:7px;display:flex}.switch-aggregate-values>span+span{color:#ff975c}.switch-aggregate-chart,.switch-aggregate-empty{height:230px;margin-top:12px}.switch-aggregate-empty{color:var(--graphite-secondary);place-items:center;font-size:13px;display:grid}.switch-overview-note{color:var(--graphite-secondary);margin:14px 0 0;font-size:11px;line-height:1.7}.switch-optical-values{grid-template-columns:1fr 1fr;gap:14px;margin:36px 0;display:grid}.switch-optical-values small{color:var(--graphite-secondary);margin-bottom:12px;display:block}.switch-optical-values strong{overflow-wrap:anywhere;font-size:28px}.switch-optical-facts{color:var(--graphite-secondary);justify-content:space-between;gap:18px;font-size:12px;display:flex}.switch-optical-facts strong{color:var(--graphite-text)}.switch-overview-link,.switch-port-link{color:#2bd1df;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;display:inline-flex}.switch-optical-summary>.switch-overview-link{margin-top:20px}.switch-interface-alias{color:var(--graphite-secondary);margin-top:6px;font-size:11px;display:block}.switch-attention-down{color:#ff686c}.switch-overview-card .monitor-table td{padding-top:17px;padding-bottom:17px}.switch-overview-card .monitor-problem-list{max-height:310px;overflow:auto}@media (width<=1100px){.switch-panel .switch-header-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.switch-overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.switch-overview-card{padding:18px}.switch-overview-heading{flex-wrap:wrap}.switch-optical-values strong{font-size:23px}}@media (width<=760px){.switch-overview-grid{grid-template-columns:minmax(0,1fr)}.switch-panel .switch-header-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.switch-panel .switch-device-head h2{overflow-wrap:anywhere;font-size:21px}.switch-panel .switch-legend{flex-wrap:wrap;justify-content:flex-start}.switch-panel .switch-scroll{padding:14px}.switch-optical-values{margin:22px 0}.switch-panel .switch-header-metrics>span{padding:16px}.switch-panel .switch-header-metrics strong{font-size:20px}}.topology-tabs{gap:8px;margin:0 0 20px;display:flex}.topology-tabs button,.topology-fullscreen,.topology-close{color:#b6c2cf;cursor:pointer;background:#303841;border:1px solid #414957;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:flex}.topology-tabs button[aria-pressed=true]{color:#f3f6fa;background:#3d4c5c;border-color:#6d839c}.topology-panel{color:#f3f6fa;background:#252b33;border:1px solid #414957;border-radius:16px;overflow:hidden}.topology-heading{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.topology-heading small,.topology-inspector>small{color:#8abfff;letter-spacing:1.7px;font-size:10px}.topology-heading h2{margin:6px 0;font-size:23px}.topology-heading p{margin:0;font-size:12px}.topology-actions{flex-wrap:wrap;gap:8px;display:flex}.topology-summary,.topology-legend{color:#b6c2cf;border-top:1px solid #414957;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 24px;font-size:12px;display:flex}.topology-summary span,.topology-legend span{align-items:center;gap:7px;display:flex}.topology-summary i,.topology-legend i{border-radius:50%;flex-shrink:0;width:8px;height:8px}.topology-add-host{border-top:1px solid #414957;align-items:center;gap:12px;padding:12px 24px;font-size:12px;display:flex}.topology-add-host select{max-width:360px}.topology-panel select,.topology-panel input{color:#f3f6fa;background:#303841;border:1px solid #4a5665;border-radius:8px;min-width:0;padding:10px}.topology-workspace{background:#1c222a;min-height:680px;display:flex;position:relative}.topology-workspace:fullscreen{height:100vh}.topology-canvas{flex:1;min-width:0;height:680px;position:relative}.topology-workspace:fullscreen .topology-canvas{height:100vh}.topology-device{width:160px;box-shadow:none;color:#f3f6fa;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:7px;padding:8px;display:flex}.topology-device.is-core{box-shadow:none;border:0}.topology-device.is-selected .topology-equipment-image{filter:drop-shadow(0 0 6px #facc15)}.topology-device-icon{color:#b9d8f9;background:0 0;border-radius:0;padding:0;position:relative}.topology-device-icon i{border:2px solid #25303d;border-radius:50%;width:9px;height:9px;position:absolute;bottom:5px;right:2px}.topology-core-label{color:#8abfff;letter-spacing:1.4px;font-size:9px}.topology-device strong{text-align:center;overflow-wrap:anywhere;font-size:12px}.topology-device>span{color:#9fabbc;font-size:11px}.topology-device-metrics{color:#d4deea;gap:14px;font-size:10px;display:flex}.topology-device button{color:#94c5ff;cursor:pointer;background:0 0;border:0;padding:5px;font-size:10px}.topology-link{pointer-events:all;color:#e7eef7;cursor:pointer;background:#252e39;border:1px solid;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:190px;padding:9px 12px;display:flex;position:absolute;box-shadow:0 3px 12px #0007}.topology-link b{color:#cfe2fa;letter-spacing:.8px;font-size:10px}.topology-link small{font-size:9px}.topology-link span{white-space:nowrap;font-size:10px}.topology-fullscreen{z-index:5;padding:10px;position:absolute;top:12px;right:12px}.topology-empty{color:#c1cfdf;pointer-events:none;background:#28313ddd;border-radius:8px;align-items:center;gap:10px;padding:14px;font-size:12px;display:flex;position:absolute;bottom:20px;left:70px;right:180px}.topology-loading{text-align:center;color:#b6c2cf;padding:50px}.topology-inspector{background:#252c35;border-left:1px solid #414957;flex-direction:column;flex-shrink:0;gap:14px;width:330px;max-height:680px;padding:24px;display:flex;position:relative;overflow:auto}.topology-inspector h3{overflow-wrap:anywhere;margin:4px 20px 0 0;font-size:19px}.topology-inspector p{overflow-wrap:anywhere;margin:0;font-size:12px}.topology-close{padding:5px;position:absolute;top:10px;right:10px}.topology-form-end{border-bottom:1px solid #414957;flex-direction:column;gap:8px;padding-bottom:15px;display:flex}.topology-inspector label{color:#bac8d8;font-size:12px}.topology-endpoint{border-top:1px solid #414957;padding-top:14px}.topology-endpoint h4{margin:0 0 6px;font-size:13px}.topology-endpoint dl{grid-template-columns:1fr 1fr;gap:8px;font-size:11px;display:grid}.topology-endpoint dt{color:#a1acbc}.topology-endpoint dd{text-align:right;color:#f3f6fa;margin:0}.topology-event{background:#352d35;border-left:3px solid #fb7185;padding:8px}.topology-panel .react-flow__controls-button{color:#dce8f8;background:#303b49;border-color:#414957}.topology-panel .react-flow__controls-button svg{fill:currentColor}.topology-panel .react-flow__minimap{background:#25303c}.topology-panel .react-flow__attribution{background:#25303c;font-size:9px}.topology-panel .react-flow__attribution a{color:#adc4df}.topology-workspace:fullscreen .topology-inspector{max-height:100vh}@media (width<=1000px){.topology-heading{flex-direction:column;align-items:flex-start}.topology-workspace{flex-direction:column}.topology-inspector{border-top:1px solid #414957;border-left:0;width:auto;max-height:500px}.topology-add-host{flex-wrap:wrap}.topology-add-host select{flex:1;max-width:100%}.topology-empty{bottom:160px;left:20px;right:20px}.topology-canvas{flex:none;height:600px}.topology-actions button{font-size:12px}}.topology-flow-particles{pointer-events:none}.topology-flow-particles circle{filter:drop-shadow(0 0 3px)}@media (prefers-reduced-motion:reduce){.topology-flow-particles{display:none}}.topology-device.is-editable .react-flow__handle{cursor:crosshair;background:#22d3ee;border:2px solid #20232b;width:12px;height:12px}.topology-link small{overflow-wrap:anywhere;white-space:normal;max-width:260px}.topology-palette{background:#252c35;border-right:1px solid #414957;flex-direction:column;flex-shrink:0;gap:12px;width:250px;max-height:680px;padding:18px;display:flex;overflow:auto}.topology-palette h3{margin:0;font-size:16px}.topology-palette p,.topology-palette small{color:#a1acbc;font-size:11px}.topology-palette input{box-sizing:border-box;color:#f3f6fa;background:#20232b;border:1px solid #414957;border-radius:6px;width:100%;padding:10px}.topology-palette-list{gap:8px;display:grid;overflow:auto}.topology-palette-list button{text-align:left;color:#f3f6fa;cursor:pointer;background:#303b49;border:1px solid #414957;border-radius:8px;align-items:center;gap:8px;padding:12px;display:flex}.topology-palette-list button:disabled{opacity:.45;cursor:default}.topology-palette-list button span{flex:1;min-width:0}.topology-palette-list strong,.topology-palette-list small{overflow-wrap:anywhere;font-size:11px;display:block}.topology-palette-list svg{flex-shrink:0}.topology-link-preview{overflow-wrap:anywhere;background:#20232b;border:1px solid #414957;border-radius:8px;gap:8px;padding:12px;font-size:11px;display:grid}.topology-workspace:fullscreen .topology-palette{max-height:100vh}@media (width<=1000px){.topology-palette{border-bottom:1px solid #414957;border-right:0;width:auto;max-height:260px}.topology-palette-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.topology-device-icon .topology-equipment-image{object-fit:contain;pointer-events:none;width:76px;height:64px;display:block}.topology-palette-list .topology-equipment-image{object-fit:contain;pointer-events:none;flex-shrink:0;width:38px;height:34px}.topology-tools{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;display:flex}.topology-tools button,.topology-icon-choice{color:#f3f6fa;cursor:pointer;background:#343b46;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:flex}.topology-tools button[aria-pressed=true],.topology-icon-choice[aria-pressed=true]{color:#20232b;background:#ffc200}.topology-tools button:disabled{opacity:.4;cursor:default}.topology-palette{box-sizing:border-box;background:#292e37;width:224px}.topology-inspector{box-sizing:border-box;background:#292e37;width:328px}.topology-workspace{min-height:730px}.topology-canvas{height:730px}.topology-palette,.topology-inspector{max-height:730px}.topology-icon-choice .topology-equipment-image{object-fit:contain;width:44px;height:38px}.topology-device{box-sizing:border-box;width:100%;height:100%}.topology-device-icon{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.topology-device-icon .topology-equipment-image{object-fit:contain;width:85%;max-width:none;height:100%;max-height:none}.topology-device-icon i{bottom:4px;right:14%}.topology-link{transform-origin:50%;min-width:0;max-width:250px;padding:8px 12px}.topology-link span{gap:12px;font-size:11px;display:flex}.topology-link em{color:#31d7e8;font-style:normal}.topology-link em+em{color:#b78aff}.topology-waypoint{pointer-events:all;cursor:move;z-index:10;touch-action:none;background:#ffc200;border:2px solid #20232b;border-radius:3px;width:13px;height:13px;padding:0;position:absolute}.topology-draft-point{color:#20232b;text-align:center;pointer-events:none;background:#ffc200;border-radius:50%;width:20px;height:20px;position:absolute}.topology-instruction{color:#dce3ed;z-index:4;pointer-events:none;background:#343b46ed;border-radius:8px;padding:10px 14px;font-size:12px;position:absolute;top:12px;left:12px;right:64px}.topology-inspector .topology-tools{padding:0}.topology-inspector input[type=number]{width:80px;margin-left:8px}.topology-inspector>.topology-equipment-image{object-fit:contain;width:76px;height:64px}.topology-palette p{line-height:1.8}.topology-device:not(.is-editable) .react-flow__handle{visibility:hidden}.topology-link{margin-top:23px}@media (width<=1000px){.topology-palette{width:100%;max-height:280px}.topology-inspector{width:100%;max-height:500px}.topology-canvas{height:600px}.topology-workspace{min-height:600px}}.topology-draft-line{pointer-events:none;width:1px;height:1px;position:absolute;overflow:visible}.topology-pending-icon{pointer-events:none;opacity:.65;flex-direction:column;align-items:center;display:flex;position:absolute}.topology-pending-icon .topology-equipment-image{object-fit:contain;width:100px;height:80px}.topology-style-fields{border-bottom:1px solid #414957;flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.topology-style-fields small{color:#a1acbc;line-height:1.5}.topology-inspector input[type=color]{cursor:pointer;width:64px;height:40px;padding:4px}.topology-inspector textarea{color:#f3f6fa;resize:vertical;min-height:90px;font:inherit;background:#303841;border:1px solid #4a5665;border-radius:8px;padding:10px}.topology-color-filter{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.topology-link-status{border-radius:50%;flex:none;align-self:center;width:7px;height:7px}.topology-annotation{width:100%;height:100%;position:relative}.topology-annotation.is-frame{pointer-events:none}.topology-frame-border{pointer-events:none;position:absolute;inset:0;overflow:visible}.topology-frame-border rect{pointer-events:stroke;cursor:move}.topology-annotation-text{white-space:pre-wrap;overflow-wrap:anywhere;cursor:move;max-height:100%;line-height:1.3;display:block;overflow:hidden}.is-frame>.topology-annotation-text{pointer-events:auto;width:fit-content;max-width:calc(100% - 36px);position:absolute;top:12px;left:18px;right:18px}.topology-annotation .react-flow__resize-control{pointer-events:auto}.react-flow__node-annotation{pointer-events:none!important;background:0 0!important;border:0!important}.react-flow__node-annotation .is-text{pointer-events:auto}.topology-device.is-selected .topology-device-icon{filter:drop-shadow(0 0 5px #ffc200)}.topology-context-menu{z-index:20000;color:#f3f6fa;background:#202630;border:1px solid #46505e;border-radius:10px;width:230px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:6px;position:fixed;overflow-y:auto;box-shadow:0 12px 35px #0008}.topology-context-menu button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:9px 12px;font-size:14px;display:block}.topology-context-menu button:hover:not(:disabled),.topology-context-menu button:focus-visible{outline-offset:-2px;background:#394352;outline:2px solid #748294}.topology-context-menu button:disabled{opacity:.4;cursor:default}.topology-context-menu button.is-danger{color:#fb7185}.topology-context-menu button.has-divider{border-top:1px solid #46505e;margin-top:5px;padding-top:12px}.topology-device .topology-device-icon{flex:none;margin:0 auto;position:relative}.topology-device .topology-device-icon .topology-equipment-image{width:100%;height:100%}.topology-device .topology-device-icon i{pointer-events:none;bottom:0;right:-5px}.topology-device.is-editable .react-flow__handle{opacity:0;background:#7dd3fc;border:1px solid #17212a;width:8px;min-width:8px;height:8px;min-height:8px;transition:opacity .12s}.topology-device.is-editable:hover .react-flow__handle,.topology-device.is-editable.is-selected .react-flow__handle{opacity:1}.topology-panel .react-flow:has(.react-flow__connection) .topology-device.is-editable .react-flow__handle{opacity:1}.topology-device.is-editable .react-flow__handle:hover,.topology-device.is-editable .react-flow__handle.connectingto{background:#ffc200}.topology-device .react-flow__handle-top{top:0}.topology-device .react-flow__handle-bottom{bottom:0}.topology-device .react-flow__handle-left{left:0}.topology-device .react-flow__handle-right{right:0}.topology-panel .react-flow__edgeupdater{cursor:crosshair}.topology-device .react-flow__handle.topology-relative-anchor,.topology-device .react-flow__handle.topology-legacy-anchor{pointer-events:none;border:0;width:1px;min-width:0;height:1px;min-height:0;opacity:0!important}.topology-device-icon.is-connecting{cursor:crosshair;touch-action:none;outline-offset:3px;outline:1px dashed #7dd3fc}.topology-device-icon[data-shape=round]{border-radius:50%}.topology-endpoint-markers{pointer-events:all}.topology-endpoint-hit{z-index:15000;pointer-events:all;cursor:crosshair;touch-action:none;background:#ffc200;border:2px solid #20232b;border-radius:50%;width:12px;height:12px;padding:0;position:absolute}.topology-link[hidden]{display:none}.topology-rotated-image{transform-origin:50%;pointer-events:none;width:100%;height:100%}.topology-transform-controls{box-sizing:border-box;pointer-events:none;transform-origin:50%;z-index:20;border:1px dashed #29b6eb;position:absolute;inset:0}.topology-size-handle{pointer-events:all;touch-action:none;background:#29b6eb;border:1.5px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;position:absolute;transform:translate(-50%,-50%)}.topology-rotate-handle{color:#29b6eb;pointer-events:all;cursor:grab;touch-action:none;background:0 0;border:0;width:26px;height:26px;padding:1px;position:absolute;top:-34px;right:-27px}.topology-rotate-handle:active{cursor:grabbing}.topology-size-handle:focus-visible,.topology-rotate-handle:focus-visible{outline-offset:3px;outline:2px solid #fff}.topology-rotated-image{pointer-events:auto}.topology-device .topology-size-handle{background:#29b6eb;border:1.5px solid #fff;padding:0}.topology-device .topology-rotate-handle{color:#29b6eb;padding:1px}.topology-device.is-selected .topology-device-icon,.topology-device.is-selected .topology-equipment-image{filter:none}.topology-annotation-content{transform-origin:50%;pointer-events:none;position:absolute;inset:0}.topology-frame-border circle,.topology-frame-border ellipse{pointer-events:stroke;cursor:move}.topology-annotation-content>.topology-annotation-text{pointer-events:auto}.is-frame>.topology-annotation-content>.topology-annotation-text{width:fit-content;max-width:calc(100% - 36px);position:absolute;top:12px;left:18px}.topology-annotation.is-text.is-selected{outline:none}.topology-annotation .topology-size-handle{background:#29b6eb;border:1.5px solid #fff;padding:0}.topology-annotation .topology-rotate-handle{color:#29b6eb;padding:1px}.topology-shape-palette{flex-wrap:wrap;gap:8px;display:flex}.topology-shape-choice{color:#b9d8f9;cursor:pointer;background:#202731;border:1px solid #414957;border-radius:6px;justify-content:center;align-items:center;width:48px;height:44px;padding:9px;display:flex}.topology-shape-choice svg{width:28px;height:24px}.topology-shape-choice:hover:not(:disabled){background:#344252}.topology-shape-choice:focus-visible{outline-offset:2px;outline:2px solid #29b6eb}.topology-shape-choice:disabled{opacity:.4;cursor:not-allowed}.topology-link{max-width:340px}.topology-link-interface,.topology-link-description{overflow-wrap:anywhere;white-space:normal;max-width:100%}.topology-link-interface{font-size:12px}.topology-link-description{color:#b9c5d4}.topology-link .topology-link-optics{white-space:normal;color:#bac8d8;flex-wrap:wrap;justify-content:center;gap:4px 12px}.topology-link-optics:empty,.topology-label-container[hidden]{display:none}.topology-label-container>.topology-link{box-sizing:border-box;width:100%;height:auto;min-height:inherit;transform-origin:50%;min-width:0;max-width:none;margin:0;position:relative;overflow:visible}.topology-label-container .topology-transform-controls{z-index:30}.topology-label-container>.topology-link>span{white-space:normal;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;width:100%;min-width:0}.topology-label-container>.topology-link>span>em,.topology-label-container>.topology-link>span>small{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}@keyframes topology-down-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.2}}.topology-link-down{animation:1.4s ease-in-out infinite topology-down-pulse}@media (prefers-reduced-motion:reduce){.topology-link-down{stroke-opacity:1;animation:none}}.topology-device .topology-incidents{color:#ff6069;padding:2px 5px;font-size:12px;line-height:1.3}.topology-device .topology-incidents:hover{text-decoration:underline}.topology-device .topology-incidents:focus-visible{outline-offset:2px;outline:2px solid #ff6069}.topology-no-incidents{color:#4ade80;font-size:10px}.topology-icon-library{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:180px;max-height:370px;padding:3px;display:flex;overflow-y:auto}.topology-icon-library .topology-icon-choice{text-align:left;overflow-wrap:anywhere;flex-shrink:0;justify-content:flex-start;font-size:11px}.topology-icon-library .topology-equipment-image{flex-shrink:0}.topology-workspace .topology-inspector{color:#f3f6fa;background:#292e37;border:1px solid #414957;border-radius:12px;align-self:stretch;gap:14px;width:340px;margin:12px;padding:18px}.topology-inspector>*{flex-shrink:0;min-width:0}.topology-inspector>small:first-of-type{color:#8bbfff;font-size:12px;font-weight:700}.topology-inspector h3{margin:0;padding-right:20px;font-size:24px;line-height:1.4}.topology-inspector p,.topology-inspector small,.topology-inspector label{color:#a1acbc;font-size:12px;line-height:1.4}.topology-inspector>h3+p{font-size:14px}.topology-inspector input:not([type=checkbox]):not([type=color]),.topology-inspector select{box-sizing:border-box;color:#f3f6fa;width:100%;min-width:0;min-height:38px;font:inherit;background:#303641;border:1px solid #414957;border-radius:7px;margin:0;padding:8px 12px;font-size:14px}.topology-inspector>label+input,.topology-inspector>label+select,.topology-inspector>label+.topology-color-control{margin-top:-8px!important}.topology-inspector label>select,.topology-inspector label>input:not([type=checkbox]){display:block;margin-top:6px!important}.topology-inspector button.outline{color:#f3f6fa;text-align:left;background:#20242c;border:1px solid #414957;border-radius:7px;justify-content:flex-start;min-height:38px;padding:8px 12px;font-size:14px}.topology-inspector button.topology-danger{color:#f26469}.topology-inspector .topology-close{color:#8bbfff;background:0 0;border:0;top:20px;right:20px}.topology-inspector hr{border:0;border-top:1px solid #414957;width:100%;margin:0}.topology-color-control{background:#365458;border:1px solid #414957;border-radius:7px;align-items:center;height:38px;padding:0 12px;font-size:14px;display:flex;position:relative}.topology-inspector .topology-color-control input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.topology-color-control:focus-within{outline-offset:2px;outline:2px solid #8bbfff}.topology-inspector .topology-style-fields{gap:14px}.topology-field-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.topology-field-pair>div{flex-direction:column;gap:6px;min-width:0;display:flex}.topology-inspector .topology-tools{flex-wrap:nowrap;gap:8px;display:flex}.topology-inspector .topology-tools button{background:#303641;border:1px solid #414957;border-radius:7px;flex:1;min-width:0;padding:8px 12px;font-size:14px}.topology-inspector .topology-tools button[aria-pressed=true]{color:#20232b;background:#ffc200}.topology-inspector .topology-endpoint{flex-direction:column;gap:6px;padding-top:16px;display:flex}.topology-inspector .topology-endpoint h4{margin:0;font-size:15px;line-height:1.4}.topology-inspector .topology-endpoint dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;display:grid}.topology-inspector .topology-endpoint dt{font-size:11px;line-height:1.4}.topology-inspector .topology-endpoint dd{text-align:left;margin:2px 0 0;font-size:13px;font-weight:700;line-height:1.4}@media (width<=1000px){.topology-workspace .topology-inspector{width:auto;max-width:100%}}@media (width<=480px){.topology-workspace .topology-inspector{margin:8px;padding:16px}.topology-field-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.topology-inspector-link h3{font-size:20px}.topology-action-pair{gap:8px;display:flex}.topology-action-pair>button{flex:1;min-width:0}.topology-inspector small{letter-spacing:normal;font-weight:400}.topology-inspector input,.topology-inspector select,.topology-inspector button.outline,.topology-inspector .topology-tools button{font-weight:400}.topology-inspector>small:first-of-type{font-weight:700}.topology-panel .topology-compact-heading{border-bottom:1px solid #414957;flex-flow:wrap;align-items:center;gap:16px;padding:10px 16px}.topology-compact-title{align-items:baseline;gap:12px;display:flex}.topology-compact-heading h2{margin:0;font-size:17px;line-height:1.4}.topology-compact-title>span{color:#a1acbc;white-space:nowrap;font-size:11px}.topology-compact-heading .topology-toolbar-tools{border-left:1px solid #414957;flex-wrap:nowrap;gap:4px;padding:0 0 0 12px}.topology-compact-heading .topology-toolbar-tools button,.topology-compact-heading .topology-icon-action,.topology-more>summary{color:#d8e1ed;cursor:pointer;box-sizing:border-box;background:#303641;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;min-height:0;padding:7px;display:flex}.topology-compact-heading .topology-toolbar-tools button[aria-pressed=true]{color:#20232b;background:#ffc200}.topology-compact-heading .topology-actions{align-items:center;gap:8px;margin-left:auto}.topology-compact-heading .topology-actions>button{min-height:34px;padding:7px 10px;font-size:12px}.topology-compact-heading .topology-actions .topology-save{color:#20232b;background:#ffc200;border-color:#ffc200}.topology-save-state{color:#ffc200;white-space:nowrap;font-size:11px}.topology-save-state:empty{display:none}.topology-more{position:relative}.topology-more>summary{list-style:none}.topology-more>summary::-webkit-details-marker{display:none}.topology-more-menu{z-index:50;background:#292e37;border:1px solid #414957;border-radius:9px;flex-direction:column;gap:5px;width:250px;max-width:calc(100vw - 40px);padding:8px;display:flex;position:absolute;top:42px;right:0;box-shadow:0 8px 24px #0007}.topology-more-menu button{text-align:left;justify-content:flex-start;padding:9px 10px;font-size:12px}.topology-more-menu small{color:#a1acbc;letter-spacing:normal;padding:6px;font-size:10px;line-height:1.5}.topology-notice{color:#4ade80;padding:5px 16px;font-size:11px}@media (width<=650px){.topology-panel .topology-compact-heading{gap:8px;padding:10px}.topology-compact-title{width:100%}.topology-compact-heading .topology-toolbar-tools{border:0;padding:0}.topology-compact-heading .topology-actions{gap:4px}}.topology-map-picker{align-items:center;gap:6px;min-width:0;display:flex}.topology-map-picker select{max-width:180px;height:34px;padding:5px 8px;font-size:12px}.topology-map-picker button{height:34px;padding:5px 8px;font-size:12px}.topology-create-modal{box-sizing:border-box;color:#f3f6fa;background:#292e37;border:1px solid #414957;border-radius:12px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 40px);padding:24px;overflow:auto;box-shadow:0 24px 80px #0008}.topology-create-modal::backdrop{background:#080c14b3}.topology-create-modal form{flex-direction:column;gap:14px;display:flex}.topology-create-modal h2{margin:0;font-size:21px}.topology-create-modal p{color:#a1acbc;margin:0;font-size:13px;line-height:1.5}.topology-create-modal label{font-size:13px}.topology-create-modal input:not([type=checkbox]){box-sizing:border-box;color:#f3f6fa;background:#303641;border:1px solid #414957;border-radius:7px;width:100%;padding:11px 12px}.topology-create-modal footer{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.topology-create-modal .topology-discard-warning{color:#ffc200;align-items:flex-start;gap:8px;line-height:1.5;display:flex}.topology-label-container>.topology-link>span{text-align:left;flex-direction:column;align-items:flex-start;gap:4px}.topology-label-container .topology-link-interface,.topology-label-container .topology-link-description{text-align:left}.topology-label-container>.topology-link{text-align:left;align-items:flex-start}.monitor-navigation{background:var(--graphite-panel);border:1px solid var(--graphite-border);z-index:5;border-radius:12px;align-items:center;gap:18px;margin:0 0 20px;padding:16px 20px;display:flex;position:relative}.monitor-navigation-context{border-right:1px solid var(--graphite-border);min-width:120px;padding-right:18px}.monitor-navigation-context small{letter-spacing:1.2px;color:var(--graphite-muted);margin-bottom:5px;font-size:10px;font-weight:700;display:block}.monitor-navigation-context strong{color:var(--graphite-text);font-size:15px}.monitor-navigation .monitor-group-filter{flex-direction:column;gap:5px;min-width:180px;margin:0;display:flex}.monitor-navigation .monitor-group-filter>span{color:var(--graphite-secondary);font-size:10px;font-weight:600}.monitor-navigation .monitor-group-filter select{background:var(--graphite-raised);width:100%;height:38px;color:var(--graphite-text);border:1px solid var(--graphite-border);border-radius:8px;padding:0 10px}.monitor-equipment-picker{flex:1;min-width:0;max-width:560px;position:relative}.monitor-equipment-picker summary{cursor:pointer;border:1px solid var(--graphite-border);background:var(--graphite-raised);color:var(--graphite-text);border-radius:9px;align-items:center;gap:12px;padding:9px 12px;list-style:none;display:flex}.monitor-equipment-picker summary::-webkit-details-marker{display:none}.monitor-equipment-picker summary:focus-visible{outline-offset:3px;outline:2px solid #8bb8ed}.monitor-picker-title{flex:1;min-width:0}.monitor-picker-title small{color:var(--graphite-secondary);margin-bottom:4px;font-size:10px;display:block}.monitor-picker-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.monitor-equipment-picker[open] summary{border-color:#8bb8ed}.monitor-equipment-picker[open] summary>svg{transform:rotate(180deg)}.monitor-picker-popover{border:1px solid var(--graphite-border);background:var(--graphite-panel);z-index:20;border-radius:12px;min-width:300px;padding:15px 0 4px;position:absolute;top:calc(100% + 9px);left:0;right:0;box-shadow:0 18px 48px #0006}.monitor-picker-head{justify-content:space-between;align-items:center;padding:0 16px 14px;font-size:13px;display:flex}.monitor-picker-head span,.monitor-navigation-count{color:var(--graphite-muted);font-size:11px}.monitor-picker-popover .monitor-host-list{min-height:0;max-height:340px}.monitor-picker-popover .monitor-search{background:var(--graphite-raised);border-color:var(--graphite-border)}.monitor-picker-popover .monitor-search input{color:var(--graphite-text);background:0 0}.monitor-navigation-count{white-space:nowrap;margin-left:auto}.monitor-layout.monitor-layout-focused{grid-template-columns:minmax(0,1fr)}@media (width<=1000px){.monitor-navigation{flex-wrap:wrap;gap:12px}.monitor-navigation-count{display:none}.monitor-navigation-context{min-width:100px}.monitor-equipment-picker{min-width:250px;max-width:none}}@media (width<=600px){.monitor-navigation{gap:12px;padding:14px}.monitor-navigation-context{border-right:0;width:100%;padding:0}.monitor-navigation .monitor-group-filter,.monitor-equipment-picker{flex:auto;width:100%;min-width:0}.monitor-picker-popover{min-width:0}.monitor-heading{margin-bottom:18px}}.monitor-command-header{border-radius:10px;flex-wrap:nowrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px}.monitor-header-provider{flex-direction:column;flex:0 190px;gap:5px;min-width:130px;display:flex}.monitor-header-provider>span,.monitor-command-header .monitor-group-filter>span{color:var(--graphite-secondary);font-size:10px;font-weight:600}.monitor-header-provider select{background:var(--graphite-raised);width:100%;height:34px;color:var(--graphite-text);border:1px solid var(--graphite-border);border-radius:7px;min-width:0;padding:0 9px}.monitor-command-header .monitor-group-filter{flex:0 210px;min-width:150px}.monitor-command-header .monitor-group-filter select{height:34px}.monitor-command-header .monitor-equipment-picker{flex:1;min-width:180px;max-width:none}.monitor-command-header .monitor-equipment-picker summary{box-sizing:border-box;gap:8px;min-height:49px;padding:7px 10px}.monitor-command-header .monitor-picker-title strong{font-size:12px}.monitor-header-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.monitor-header-views{border:1px solid var(--graphite-border);border-radius:8px;gap:3px;padding:3px;display:flex}.monitor-header-views button,.monitor-header-refresh{min-height:34px;color:var(--graphite-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.monitor-header-views button[aria-pressed=true]{background:var(--graphite-raised);color:var(--graphite-text)}.monitor-header-refresh{background:var(--graphite-raised);color:var(--graphite-text);border:1px solid var(--graphite-border)}.monitor-command-header button:focus-visible,.monitor-command-header select:focus-visible{outline-offset:2px;outline:2px solid #8bb8ed}@media (width<=1250px){.monitor-header-views button span,.monitor-header-refresh span{display:none}.monitor-command-header{gap:10px}.monitor-header-actions{gap:6px}}@media (width<=850px){.monitor-command-header{flex-wrap:wrap}.monitor-header-provider,.monitor-command-header .monitor-group-filter{flex:1;min-width:140px}.monitor-command-header .monitor-equipment-picker{flex:1;min-width:calc(100% - 160px)}.monitor-header-actions{margin-left:0}}@media (width<=480px){.monitor-command-header{gap:10px;padding:12px}.monitor-header-provider,.monitor-command-header .monitor-group-filter{flex:40%;width:auto;min-width:0}.monitor-command-header .monitor-equipment-picker{flex:100%;min-width:0}.monitor-header-actions{justify-content:space-between;width:100%}.monitor-header-views button span,.monitor-header-refresh span{display:inline}.monitor-command-header .monitor-header-refresh{margin-left:auto}.monitor-header-actions{flex-wrap:wrap;flex-shrink:1}.monitor-header-views button{padding:7px}.monitor-header-refresh span{display:none}.monitor-header-refresh{padding:7px}}.management-hosts{background:#252b33;border:1px solid #3b4552;border-radius:12px;min-width:0;padding:20px}.management-hosts-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.management-hosts-toolbar h2{margin:0 0 6px;font-size:20px}.management-hosts-toolbar span,.management-hosts td small{color:#a6b1be;font-size:12px}.management-hosts-toolbar .monitor-search{width:min(360px,100%)}.management-hosts-scroll{overflow-x:auto}.management-hosts table{border-collapse:collapse;text-align:left;width:100%}.management-hosts th{color:#a6b1be;font-size:12px;font-weight:600}.management-hosts td,.management-hosts th{white-space:nowrap;border-bottom:1px solid #3b4552;padding:14px 12px}.management-hosts td{font-size:13px}.management-hosts td small{margin-top:5px;display:block}.management-hosts .host-name{color:#88bfff;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.management-hosts .host-name:hover{text-decoration:underline}.host-availability{align-items:center;gap:7px;display:inline-flex}.host-availability i{background:#95a3b5;border-radius:50%;width:8px;height:8px}.host-availability.available i{background:#43d983}.host-availability.unavailable i{background:#ff6278}.host-availability.disabled{opacity:.65}.monitor-page .host-back{color:#dce6ef;min-height:36px;font:inherit;cursor:pointer;background:#293441;border:1px solid #475364;border-radius:8px;justify-self:start;align-items:center;margin:0 0 20px;padding:9px 13px;font-size:13px;display:inline-flex}.monitor-page .host-back:hover{background:#354353}.monitor-page .host-back:focus-visible{outline-offset:3px;outline:2px solid #fc0}@media (width<=700px){.management-hosts{padding:12px}.management-hosts-toolbar{flex-direction:column;align-items:stretch}.management-hosts-toolbar .monitor-search{width:100%}}.management-hosts .host-ssh-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.management-hosts .host-ssh-button{color:#e2eaf3;min-height:36px;font:inherit;cursor:pointer;background:#303a47;border:1px solid #475364;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;line-height:18px;transition:background .15s,border-color .15s;display:inline-flex}.management-hosts .host-ssh-button svg{flex-shrink:0}.management-hosts .host-ssh-device{color:#8fdef0;background:#223a47;border-color:#365b6c}.management-hosts .host-ssh-button:hover:not(:disabled){background:#3d4b5c;border-color:#8caac9}.management-hosts .host-ssh-device:hover:not(:disabled){background:#2b4c5d;border-color:#70c4d8}.management-hosts .host-ssh-button:focus-visible{outline-offset:3px;outline:2px solid #fc0}.management-hosts .host-ssh-button:disabled{opacity:.45;cursor:not-allowed}.proxy-terminal-overlay{z-index:1000;background:#000a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.proxy-terminal-modal{color:#eef4fa;background:#111820;border:1px solid #465264;border-radius:12px;flex-direction:column;width:min(1100px,100%);height:min(760px,90dvh);display:flex;overflow:hidden}.proxy-terminal-modal header{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.proxy-terminal-modal small{color:#aebbc5;margin-top:6px;display:block}.proxy-terminal-screen{flex:1;min-height:0;padding:12px}.proxy-terminal-modal>header{flex:none}.proxy-terminal-screen{position:relative;overflow:hidden}.proxy-terminal-viewport{padding:0;position:absolute;inset:12px;overflow:hidden}.proxy-terminal-modal header button{color:#eef4fa;cursor:pointer;background:#293441;border:1px solid #465264;border-radius:7px;padding:8px 12px}.host-wizard{color:#eef4fa;background:#232a34;border:1px solid #465264;border-radius:14px;width:min(620px,100vw - 32px);max-height:90dvh;padding:0}.host-wizard::backdrop{background:#000a}.host-wizard form{flex-direction:column;max-height:89dvh;display:flex}.host-wizard header,.host-wizard footer{justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.host-wizard header h2{margin:0;font-size:20px}.host-wizard p{color:#aebbc5;font-size:13px}.host-wizard-steps{color:#aebbc5;flex-wrap:wrap;gap:14px;padding:0 20px;font-size:13px;list-style:none;display:flex}.host-wizard-steps [aria-current]{color:#fc0}.host-wizard-body{gap:16px;padding:12px 20px;display:grid;overflow-y:auto}.host-wizard label{gap:8px;font-size:14px;display:grid}.host-wizard input:not([type=checkbox]),.host-wizard select{box-sizing:border-box;color:#eef4fa;background:#19212b;border:1px solid #465264;border-radius:7px;width:100%;padding:10px}.host-wizard .host-wizard-toggle{align-items:center;gap:10px;display:flex}.host-wizard-fields{border:1px solid #465264;border-radius:8px;gap:14px;padding:14px;display:grid}.host-wizard dt{color:#aebbc5;margin-top:12px}.host-wizard dd{overflow-wrap:anywhere;margin:4px 0 0}.nav-item,.logout,.menu,.icon-button,.outline,.more,.primary,.x,.notice button{align-items:center;gap:10px;display:inline-flex}.nav-item svg,.logout svg{stroke-width:1.8px;flex:none}.menu,.more,.icon-button{justify-content:center}.top-actions>svg{cursor:default;stroke-width:1.8px}.crumb span{vertical-align:middle;margin:0 4px;display:inline-flex}.metric-icon svg{stroke-width:2px}.filter,.search>svg{flex:none}.table-footer button{vertical-align:middle;justify-content:center;align-items:center;min-width:29px;min-height:27px;display:inline-flex}.x{justify-content:center}@media (width<=1000px){.nav-item,.logout{justify-content:center;gap:0}.nav-item svg,.logout svg{width:19px;height:19px}}.alerts-anchor{align-items:center;display:flex;position:relative}.alert-bell{color:#536472;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.alert-bell:hover,.alert-bell[aria-expanded=true]{color:#263745;background:#f1f4f6}.alert-dot{background:#d82938;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.alert-count{color:#ba1d2c;text-align:center;background:#fce5e7;border-radius:10px;min-width:19px;margin-left:auto;padding:2px 5px;font-size:11px;font-weight:700}.alerts-popover{z-index:50;background:#fff;border:1px solid #e4e9ed;border-radius:12px;width:min(390px,100vw - 24px);max-height:min(480px,70vh);position:absolute;top:calc(100% + 12px);right:-30px;overflow-y:auto;box-shadow:0 16px 40px #25374626}.alerts-heading{color:#263745;border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.alerts-heading button{color:#647583;cursor:pointer;background:0 0;border:0;display:inline-flex}.alerts-empty{color:#647583;margin:0;padding:22px 18px}.alert-entry{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f2;align-items:flex-start;gap:12px;width:100%;padding:16px 18px;display:flex}.alert-entry:hover{background:#fafbfc}.alert-entry-icon{color:#c52a37;background:#fce8ea;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.alert-entry strong,.alert-entry small{display:block}.alert-entry strong{color:#263745;margin-bottom:4px;font-size:13px}.alert-entry small{color:#647583;font-size:12px;line-height:1.5}@media (width<=520px){.alerts-popover{right:-60px}}*{box-sizing:border-box}body{color:#24333c;background:#f7f9fb;margin:0;font:14px Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e6ecef;flex-direction:column;width:252px;padding:22px 12px;display:flex}.brand{color:#172830;align-items:center;gap:10px;height:46px;padding:0 14px;font-size:18px;display:flex}.brand-mark{color:#fff;background:#e6323d;border-radius:9px;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.sidebar nav{flex-direction:column;gap:4px;margin-top:42px;display:flex}.sidebar nav small{color:#97a5ab;letter-spacing:.7px;margin:18px 0 6px;padding:0 14px;font-size:10px;font-weight:700}.nav-item,.logout{color:#607078;text-align:left;background:0 0;border-radius:8px;padding:12px 14px;font-weight:500}.nav-item span{width:23px;font-size:17px;display:inline-block}.active-nav{color:#fff;background:#d82c34;box-shadow:0 5px 14px #d82c3430}.logout{margin-top:auto}.workspace{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e7edef;justify-content:space-between;align-items:center;height:66px;padding:0 32px;display:flex}.menu{color:#596a71;background:0 0;font-size:19px}.top-actions{color:#52636a;align-items:center;gap:22px;display:flex}.environment{border:1px solid #dfe6e8;border-radius:18px;padding:7px 11px;font-size:12px}.environment i{background:#25bd74;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.avatar{color:#fff;background:#d82c34;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.title-row{justify-content:space-between;align-items:end;display:flex}.crumb{color:#9ba8ad;text-align:right;margin-bottom:12px;font-size:12px}.crumb span{margin:0 6px}.crumb b{color:#d82c34}.title-row h1{letter-spacing:-.6px;margin:0 0 7px;font-size:28px}.title-row p{color:#78878d;margin:0}.primary{color:#fff;background:#d82c34;border-radius:7px;padding:11px 17px;font-weight:600;box-shadow:0 4px 12px #d82c3426}.notice{color:#197447;background:#e9f7ef;border-radius:7px;justify-content:space-between;margin-top:20px;padding:12px 15px;display:flex}.notice button,.x{color:inherit;background:0 0;padding:0;font-size:21px}.metric-row{grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0;display:grid}.metric{text-align:left;background:#fff;border:1px solid #e6ebed;border-radius:12px;align-items:center;gap:13px;padding:12px;display:flex;box-shadow:0 2px 7px #1e364008}.metric-icon{border-radius:10px;place-items:center;width:43px;height:43px;font-size:20px;font-weight:700;display:grid}.metric small{color:#75848b;font-size:12px;display:block}.metric strong{font-size:24px;line-height:1.2}.blue{color:#397db5;background:#e9f3ff}.green{color:#23a260;background:#e5f7ec}.yellow{color:#d59211;background:#fff3d6}.red{color:#d84141;background:#ffe8e8}.filter{color:#9da9ad;margin-left:auto}.table-card{background:#fff;border:1px solid #e5ebed;border-radius:12px;overflow:hidden;box-shadow:0 3px 11px #18343b08}.toolbar{border-bottom:1px solid #edf0f1;gap:10px;padding:17px;display:flex}.search{color:#8c9aa0;border:1px solid #dce4e7;border-radius:7px;flex:1;align-items:center;gap:9px;height:38px;padding:0 12px;display:flex}.search input{color:#31434a;border:0;outline:0;width:100%}.icon-button,.outline{color:#566870;background:#fff;border:1px solid #dce4e7;border-radius:7px;height:38px;padding:0 13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:960px}th{text-align:left;color:#8a989e;letter-spacing:.45px;background:#fbfcfc;border-bottom:1px solid #e9eeef;padding:14px 16px;font-size:10px;font-weight:700}td{color:#53646b;border-bottom:1px solid #edf1f2;padding:13px 16px}tr:last-child td{border:0}.provider-name{color:#263840;text-align:left;background:0 0;align-items:center;gap:10px;padding:0;display:flex}.provider-name strong{font-size:13px;display:block}.provider-name small,.contact small{color:#95a2a7;margin-top:3px;font-size:11px;display:block}.initial{color:#4e6a72;background:#e8f0f2;border-radius:8px;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.contact{font-size:12px}.status{font-size:12px;font-weight:600}.status i{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.status.active{color:#15935a}.status.active i{background:#28bd76}.status.implementation{color:#bc7e0b}.status.implementation i{background:#e5a32a}.status.suspended{color:#c74343}.status.suspended i{background:#dc5555}.more{color:#718188;letter-spacing:2px;background:0 0;font-weight:700}.empty{text-align:center;padding:40px}.table-footer{color:#78878d;justify-content:space-between;padding:15px 17px;font-size:12px;display:flex}.table-footer button{color:#607178;background:#fff;border:1px solid #e0e7e8;padding:5px 10px}.table-footer .page-number{color:#fff;background:#263840}.shade{z-index:5;background:#112f3870;justify-content:flex-end;display:flex;position:fixed;inset:0}.shade article{background:#fff;width:min(600px,100%);height:100vh;padding:32px;overflow:auto}.shade h2{margin:7px 0}.shade p{color:#64757b}.form-drawer{box-shadow:-6px 0 25px #142a3030}.provider-form h3{margin:25px 0 10px;font-size:14px}.provider-form label{color:#63747b;margin:10px 0;font-size:12px;font-weight:600;display:block}.provider-form input,.provider-form select,.access input{color:#283940;background:#fff;border:1px solid #dce5e7;border-radius:7px;width:100%;margin-top:5px;padding:10px;display:block}.form-grid,.details{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.secondary{color:#40555d;background:#edf2f3;border-radius:7px;padding:10px 14px}.form-error{color:#ae3c36;background:#ffe7e6;border-radius:7px;padding:10px}.details{margin:24px 0}.details>div{border:1px solid #e2e9eb;border-radius:8px;padding:13px}.details b{color:#71858d;font-size:11px}.details p{margin:6px 0;font-size:13px}.access{background:#f5f8f8;border-radius:9px;margin-top:10px;padding:17px}.access h3{margin:0}.access input{margin:12px 0}.danger{color:#fff;background:#d34239;border-radius:7px;padding:10px 14px}.ok{color:#fff;background:#15935a;border-radius:7px;padding:10px 14px}.login{place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border-radius:12px;width:390px;padding:35px;box-shadow:0 8px 30px #1b394020}.login input{border:1px solid #dce6e3;border-radius:7px;width:100%;margin:10px 0;padding:10px;display:block}@media (width<=1000px){.sidebar{width:70px;padding:20px 8px}.brand strong,.sidebar small,.nav-item{font-size:0}.brand{justify-content:center;padding:0}.nav-item span{width:auto;font-size:19px}.logout{font-size:0}.metric-row{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.page{padding:22px 15px}.topbar{padding:0 16px}.title-row{align-items:start;gap:14px}.title-row h1{font-size:24px}.title-row p{display:none}.metric-row{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:9px}.form-grid,.details{grid-template-columns:1fr}.environment{display:none}.primary{white-space:nowrap}.table-footer{display:block}.table-footer div{margin-top:10px}}.modal-shade{background:#102a36a6;justify-content:center;align-items:center;padding:24px}.modal-shade .provider-modal{border-radius:14px;width:min(760px,100%);height:auto;max-height:min(850px,100dvh - 48px);padding:30px 36px;overflow-y:auto;box-shadow:0 24px 70px #102a3650}.provider-modal>.x{float:right;border-radius:7px;width:32px;height:32px}.provider-modal>.x:hover{background:#f0f3f4}.provider-modal>.provider-form{margin-top:24px}.provider-modal .provider-form h3{border-top:1px solid #e8edef;padding-top:18px}.provider-modal .provider-form h3:first-of-type{border-top:0;padding-top:0}.provider-modal .form-actions{background:#fff;border-top:1px solid #e8edef;padding:18px 0 0;position:sticky;bottom:-30px}@media (width<=650px){.modal-shade{padding:12px}.modal-shade .provider-modal{border-radius:12px;max-height:calc(100dvh - 24px);padding:24px 20px}.provider-modal .form-actions{bottom:-24px}}.modal-shade .provider-modal{max-height:min(860px,100dvh - 48px);padding:0}.modal-heading{z-index:2;background:#fff;border-bottom:1px solid #e8edef;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 32px 20px;display:flex;position:sticky;top:0}.modal-heading small{color:#d82c34;letter-spacing:1px;font-size:10px;font-weight:700}.modal-heading h2{letter-spacing:-.4px;margin:7px 0 5px;font-size:23px}.modal-heading p{margin:0;font-size:12px}.modal-heading .x{float:none;flex:none}.provider-modal>.provider-form{margin:0}.form-section{border-bottom:1px solid #edf1f2;padding:22px 32px 24px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.section-heading>span{color:#ca313a;background:#fbe8e9;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:grid}.provider-modal .section-heading h3{color:#263840;border:0;margin:0;padding:0;font-size:14px}.section-heading p{color:#8b9aa0;margin:3px 0 0;font-size:11px}.form-fields{gap:13px 16px;display:grid}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.address-grid{grid-template-columns:1.2fr .65fr 1.15fr}.street-field{grid-column:span 2}.provider-modal .provider-form label{color:#5a6d75;margin:0;font-size:11px}.provider-modal .provider-form input,.provider-modal .provider-form select{height:39px;margin-top:7px;padding:8px 11px;font-size:13px}.provider-modal .provider-form input:focus,.provider-modal .provider-form select:focus{border-color:#d82c34;outline:2px solid #d82c3440}.provider-modal em{color:#d82c34;font-style:normal}.provider-modal .form-error{margin:18px 32px 0}.provider-modal .form-actions{z-index:2;background:#fff;border-top:1px solid #e8edef;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:17px 32px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 18px #17343b08}.form-actions>span{color:#91a0a5;font-size:11px}.form-actions>div{gap:10px;display:flex}@media (width<=650px){.modal-shade .provider-modal{max-height:calc(100dvh - 24px)}.modal-heading,.form-section{padding:20px}.two-cols,.address-grid{grid-template-columns:1fr}.street-field{grid-column:auto}.provider-modal .form-actions{flex-direction:column;align-items:stretch;padding:15px 20px}.form-actions>div{justify-content:flex-end}.provider-modal .form-error{margin:16px 20px 0}}.page{max-width:none;margin:0;padding:28px 32px 48px}.title-row,.metric-row,.table-card{width:100%}.title-row{align-items:flex-end}.crumb{text-align:left;margin-bottom:14px}.provider-row{cursor:pointer}.provider-row:hover,.provider-row.expanded{background:#f8fafb}.expanded-row>td{border-bottom:1px solid #e6ecee;padding:0!important}.inline-details{background:#f8fafb;border-top:1px solid #e6edef;padding:25px 28px 28px}.details-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.details-heading small{letter-spacing:.7px;color:#93a1a7;font-size:10px;font-weight:700}.details-heading h3{color:#263840;margin:6px 0 3px;font-size:19px}.details-heading p{color:#75868d;margin:0;font-size:12px}.provider-code{color:#405760;letter-spacing:.2px;background:#f6f9fa;border:1px solid #dce5e8;border-radius:6px;margin-top:10px;padding:5px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;display:inline-block}.detail-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:19px;display:grid}.detail-grid>div{background:#fff;border:1px solid #e5ebed;border-radius:9px;min-height:105px;padding:15px}.detail-grid b{text-transform:uppercase;letter-spacing:.5px;color:#8a999f;font-size:10px}.detail-grid p{color:#455961;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px}.inline-access{background:#fff;border:1px solid #e5ebed;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:16px 18px;display:flex}.inline-access strong{color:#31434b;font-size:13px}.inline-access p{color:#8a999f;margin:5px 0 0;font-size:11px}.access-action{align-items:center;gap:9px;display:flex}.access-action input{background:#fff;border:1px solid #dce5e7;border-radius:7px;width:min(260px,30vw);height:36px;padding:8px 10px}.access-action button{height:36px}@media (width<=1100px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.page{padding:22px 15px 36px}.inline-details{padding:18px}.detail-grid{grid-template-columns:1fr}.inline-access{display:block}.access-action{margin-top:15px}.access-action input{width:100%;min-width:0}}.detail-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.detail-actions button{color:#445a63;background:#fff;border:1px solid #dce5e7;border-radius:6px;height:32px;padding:0 11px;font-size:12px;font-weight:600}.detail-actions .status{white-space:nowrap;margin-left:8px}.confirm-shade{z-index:10;justify-content:center;align-items:center;padding:16px}.confirm-dialog{background:#fff;border-radius:12px;width:min(440px,100%);padding:25px;box-shadow:0 25px 60px #102a3650}.confirm-dialog h2{color:#273941;margin:0 0 10px;font-size:20px}.confirm-dialog p{color:#687b83;margin:0 0 20px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.confirm-actions button{font-weight:600}@media (width<=700px){.details-heading{display:block}.detail-actions{justify-content:flex-start;margin-top:16px}.detail-actions .status{margin-left:0}}.provider-proxy-panel{border:1px solid var(--graphite-border);background:var(--graphite-panel);color:var(--graphite-text);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:18px;display:flex}.provider-proxy-panel p{color:var(--graphite-secondary);margin:7px 0 0;font-size:12px}.provider-proxy-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.provider-proxy-controls label{font-size:12px}.provider-proxy-controls select{border:1px solid var(--graphite-border);background:var(--graphite-raised);max-width:100%;color:var(--graphite-text);border-radius:7px;padding:10px}.provider-proxy-controls button:disabled{opacity:.5;cursor:wait}.provider-proxy-controls .form-error{color:#ffc74f;flex-basis:100%}.monitor-page{max-width:none;padding:28px 32px 56px}.monitor-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.monitor-heading .crumb{align-items:center;gap:7px;margin-bottom:12px;display:flex}.monitor-heading h1{letter-spacing:-.6px;margin:0 0 5px;font-size:29px}.monitor-heading p{color:#718188;margin:0}.monitor-controls{align-items:center;gap:9px;display:flex}.monitor-controls label{color:#6f8087;font-size:12px;font-weight:600}.monitor-controls select{color:#30424a;background:#fff;border:1px solid #dce5e8;border-radius:7px;min-width:205px;height:39px;padding:0 11px}.monitor-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:18px;display:grid}.monitor-hosts,.monitor-panel,.monitor-device-head,.monitor-metric,.monitor-placeholder{background:#fff;border:1px solid #e4eaed;border-radius:11px}.monitor-hosts{position:sticky;top:16px;overflow:hidden}.monitor-hosts-head{justify-content:space-between;align-items:center;padding:19px 17px 15px;display:flex}.monitor-hosts-head small,.monitor-panel-head small{color:#8899a0;letter-spacing:.9px;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.monitor-hosts-head strong{font-size:17px}.monitor-hosts-head>span,.monitor-count{color:#51656d;background:#eef2f3;border-radius:14px;padding:4px 9px;font-size:12px;font-weight:700}.monitor-search{color:#8a9aa0;border:1px solid #e2e9eb;border-radius:7px;align-items:center;gap:8px;height:37px;margin:0 12px 12px;padding:0 10px;display:flex}.monitor-search input{color:#2c4149;border:0;outline:0;width:100%;min-width:0;font-size:12px}.monitor-host-list{min-height:180px;max-height:calc(100vh - 330px);padding:0 7px 8px;overflow:auto}.monitor-host{text-align:left;color:#384b53;background:0 0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:11px 9px;display:flex}.monitor-host:hover{background:#f5f7f8}.monitor-host-icon{background:#f0f4f5;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.monitor-host.selected .monitor-host-icon{background:#ffe0e2}.monitor-host-text{flex:1;min-width:0}.monitor-host-text strong,.monitor-host-text small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.monitor-host-text strong{font-size:12px}.monitor-host-text small{color:#89989e;margin-top:3px;font-size:11px}.monitor-led,.monitor-state span{background:#aab7bd;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.monitor-led.up,.monitor-state.online span{background:#21aa70}.monitor-led.off,.monitor-state.disabled span{background:#d94545}.monitor-content{min-width:0}.monitor-device-head{justify-content:space-between;align-items:center;gap:12px;padding:21px 23px;display:flex}.monitor-device-title{align-items:center;gap:14px;min-width:0;display:flex}.monitor-device-icon{color:#415864;background:#eef2f4;border-radius:10px;flex:none;place-items:center;width:45px;height:45px;display:grid}.monitor-device-title small{color:#8b9ba2;font-size:11px}.monitor-device-title h2{letter-spacing:-.3px;overflow-wrap:anywhere;margin:2px 0 3px;font-size:20px}.monitor-device-title p{color:#7e8d94;margin:0;font-size:11px}.monitor-state{white-space:nowrap;color:#53666d;border:1px solid #e2e9e9;border-radius:16px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.monitor-meta{color:#8a989e;flex-wrap:wrap;gap:17px;margin:12px 2px 17px;font-size:11px;display:flex}.monitor-meta span{align-items:center;gap:5px;display:inline-flex}.monitor-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px;display:grid}.monitor-metric{min-width:0;padding:16px 17px}.monitor-metric-icon{color:#d62e38;margin-bottom:10px;display:block}.monitor-metric small{color:#86959c;font-size:11px;font-weight:700;display:block}.monitor-metric strong{letter-spacing:-.4px;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 7px;font-size:21px;display:block;overflow:hidden}.monitor-metric-hint{color:#9aa8ad;font-size:10px;display:block}.monitor-section-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:16px;display:grid}.monitor-panel{min-width:0;padding:19px 20px}.monitor-panel-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:15px;display:flex}.monitor-panel-head h3{letter-spacing:-.2px;margin:0;font-size:16px}.monitor-panel-head p{color:#87979d;margin:5px 0 0;font-size:11px}.monitor-count.has-problems{color:#bb651b;background:#fff0e7}.monitor-problem-list{max-height:310px;overflow:auto}.monitor-problem{border-top:1px solid #edf1f2;gap:10px;padding:11px 0;display:flex}.monitor-problem strong{font-size:12px;line-height:1.4;display:block}.monitor-problem small{color:#91a0a5;margin-top:4px;font-size:10px;display:block}.monitor-severity{background:#d6a23a;border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.severity-4,.severity-5{background:#d94b45}.monitor-overflow{color:#87969c}.monitor-all-clear{color:#238f60;background:#edf9f2;border-radius:7px;align-items:center;gap:9px;padding:13px;font-size:12px;display:flex}.monitor-traffic-row{border-top:1px solid #edf1f2;grid-template-columns:minmax(100px,1fr) 90px 90px;align-items:center;gap:13px;padding:10px 0;display:grid}.monitor-traffic-name{min-width:0}.monitor-traffic-name strong,.monitor-traffic-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.monitor-traffic-name strong{font-size:11px}.monitor-traffic-name small{color:#99a6ab;margin-top:2px;font-size:10px}.monitor-flow span{color:#347eaf;white-space:nowrap;align-items:center;gap:2px;font-size:10px;display:flex}.monitor-flow.upload span{color:#b17148}.monitor-flow-track{background:#edf1f2;border-radius:4px;height:3px;margin-top:5px}.monitor-flow-track i{background:#4c9ec6;border-radius:4px;height:100%;display:block}.monitor-optics{margin-top:16px}.monitor-port-search{max-width:330px;margin:0 0 13px}.monitor-table-wrap{overflow:auto}.monitor-table{min-width:640px}.monitor-table th{background:#fafbfc;font-size:10px}.monitor-table td{padding:11px 15px;font-size:12px}.monitor-table td strong{color:#384a52;font-size:11px}.monitor-no-data{color:#a9b5ba}.monitor-placeholder{color:#98a8ae;flex-direction:column;justify-content:center;align-items:center;min-height:290px;display:flex}.monitor-placeholder h2{color:#34454d;margin:15px 0 0;font-size:17px}.monitor-placeholder p{font-size:12px}.monitor-empty{color:#97a6ac;padding:17px;font-size:12px}.monitor-error{color:#ad3c36;background:#fff0ee;border:1px solid #ffd5d0;border-radius:8px;align-items:center;gap:8px;margin:0 0 14px;padding:11px 14px;font-size:12px;display:flex}.monitor-spin{animation:1s linear infinite monitor-spin}@keyframes monitor-spin{to{transform:rotate(360deg)}}@media (width<=1200px){.monitor-layout{grid-template-columns:225px minmax(0,1fr)}.monitor-section-grid{grid-template-columns:1fr}.monitor-traffic-row{grid-template-columns:minmax(150px,1fr) 100px 100px}}@media (width<=800px){.monitor-page{padding:22px 15px}.monitor-heading{flex-direction:column;align-items:flex-start}.monitor-controls{flex-wrap:wrap;width:100%}.monitor-controls select{flex:1;min-width:130px}.monitor-layout{display:block}.monitor-hosts{margin-bottom:14px;position:static}.monitor-host-list{min-height:0;max-height:210px}.monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.monitor-device-head{flex-direction:column;align-items:flex-start}.monitor-traffic-row{grid-template-columns:minmax(90px,1fr) 72px 72px;gap:5px}.monitor-panel{padding:15px}.monitor-metric{padding:12px}.monitor-metric strong{font-size:17px}}.switch-model{white-space:nowrap;color:#4d6370;background:#f0f4f7;border-radius:15px;padding:7px 10px;font-size:11px;font-weight:700}@media (width<=800px){.switch-panel-head,.switch-port-detail{flex-direction:column;align-items:flex-start}.switch-legend{flex-wrap:wrap}}.switch-panel{margin-bottom:16px}.switch-panel-head{align-items:center}.switch-legend{color:#6c7f88;gap:17px;margin-bottom:13px;font-size:11px;display:flex}.switch-legend span{align-items:center;gap:6px;display:inline-flex}.switch-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.switch-legend .up{background:#18a875}.switch-legend .down{background:#e4a444}.switch-legend .unknown{background:#8b98a8}.switch-scroll{padding:8px 0 12px;overflow-x:auto}.switch-chassis{background:#c9d2dc;border-radius:5px;align-items:center;gap:12px;width:1125px;height:130px;padding:29px 13px 9px;display:flex;position:relative}.switch-chassis-top{background:#354253;border-bottom:4px solid #65768b;border-radius:5px 5px 0 0;height:26px;position:absolute;inset:0 0 auto}.switch-brand{color:#182b40;flex:none;align-self:flex-start;width:87px;padding-top:11px}.switch-brand strong{letter-spacing:.3px;font-size:13px;display:block}.switch-brand small{color:#738296;align-items:center;gap:6px;margin-top:12px;font-size:9px;display:flex}.switch-brand small i{background:#18a875;border-radius:50%;width:7px;height:7px}.switch-ten-grid{grid-template-rows:repeat(2,43px);grid-auto-columns:32px;grid-auto-flow:column;gap:0 4px;display:grid}.switch-hundred-grid{grid-template-rows:repeat(2,43px);grid-auto-columns:37px;grid-auto-flow:column;gap:0 6px;margin-left:auto;display:grid}.switch-port{color:#182b40;background:0 0;border-radius:3px;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;display:flex;position:relative}.switch-port:hover,.switch-port:focus-visible,.switch-port.selected{outline-offset:1px;outline:3px solid #2365e8}.switch-led{background:#8b98a8;border-radius:2px;width:9px;height:3px;position:absolute;top:1px;left:3px}.switch-port.up .switch-led{background:#18a875}.switch-port.down .switch-led{background:#e4a444}.switch-socket{background:#172334;border-radius:2px;place-items:center;width:29px;height:23px;display:grid}.switch-socket i{background:#080f19;border-top:2px solid #263447;border-radius:1px;width:22px;height:11px}.switch-port.qsfp .switch-socket{width:35px;height:23px}.switch-port.qsfp .switch-socket i{width:28px}.switch-port-number{height:14px;font-size:8px;line-height:14px}.switch-port-detail{border-top:1px solid #e9eff1;align-items:center;gap:20px;margin-top:4px;padding-top:15px;display:flex}.switch-port-heading{align-items:center;gap:9px;min-width:190px;max-width:260px;display:flex}.switch-detail-icon{color:#546b78;background:#edf2f6;border-radius:7px;place-items:center;padding:8px;display:grid}.switch-port-heading div{min-width:0}.switch-port-heading small,.switch-port-facts small{color:#94a3a9;letter-spacing:.5px;font-size:9px;font-weight:800;display:block}.switch-port-heading strong,.switch-port-heading span:not(.switch-detail-icon){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.switch-port-heading strong{margin-top:2px;font-size:12px}.switch-port-heading div>span{color:#86969d;margin-top:3px;font-size:10px}.switch-port-facts{flex-wrap:wrap;flex:1;gap:12px 20px;display:flex}.switch-port-facts>span{min-width:105px}.switch-port-facts strong{color:#344a55;align-items:center;gap:3px;margin-top:5px;font-size:11px;display:flex}.switch-port-facts .switch-state-up{color:#17885b}.switch-port-facts .switch-state-down{color:#ad7428}.switch-port-facts .switch-state-unknown{color:#73858d}.switch-hint{color:#87979d;align-items:center;gap:6px;margin:5px 0 0;font-size:11px;display:flex}@media (width<=800px){.switch-panel-head,.switch-port-detail{flex-direction:column;align-items:flex-start}.switch-legend{flex-wrap:wrap}}.switch-device-head{border:0;border-radius:0;gap:16px;padding:0 0 17px}.switch-meta{border-top:1px solid #e9eff1;border-bottom:1px solid #e9eff1;margin:0 0 17px;padding:12px 0}.switch-panel-head{margin-bottom:12px}.switch-panel-head p{margin:0}.switch-panel-head small{margin-bottom:5px}@media (width<=520px){.switch-device-head{flex-direction:column;align-items:flex-start}}.monitor-refresh-note{color:#87979d;white-space:nowrap;margin-left:8px;font-size:11px}.switch-device-head{border-bottom:1px solid #e9eff1;margin-bottom:17px;padding-bottom:18px}@media (width<=800px){.monitor-refresh-note{order:3;width:100%;margin:0}}.switch-port.up .switch-led{animation:2s ease-in-out infinite switch-led-blink;box-shadow:0 0 4px #18a87580}.switch-port.up:nth-child(3n) .switch-led{animation-delay:-.45s}.switch-port.up:nth-child(3n+1) .switch-led{animation-delay:-1.1s}@keyframes switch-led-blink{0%,to{opacity:1;box-shadow:0 0 5px #18a875b3}50%{opacity:.25;box-shadow:none}}@media (prefers-reduced-motion:reduce){.switch-port.up .switch-led{opacity:1;animation:none}}.monitor-group-filter{color:#718188;gap:7px;margin:0 12px 12px;font-size:11px;font-weight:700;display:grid}.monitor-group-filter select{color:#30424a;width:100%;height:38px;font:inherit;background:#fff;border:1px solid #e2e9eb;border-radius:7px;outline:none;padding:0 10px;font-size:12px;font-weight:600}.monitor-group-filter select:focus-visible{border-color:#e6323d;box-shadow:0 0 0 3px #e6323d33}.monitor-group-filter+.monitor-search{margin-bottom:10px}.sidebar{z-index:3;flex:none;transition:width .2s,padding .2s;position:relative}.sidebar .brand{white-space:nowrap;overflow:hidden}.sidebar .brand-mark{flex:none}.sidebar-collapse{color:#5b6e76;background:#f0f4f5;border-radius:6px;place-items:center;width:27px;height:27px;margin-left:auto;display:grid}.sidebar-collapse:hover{background:#e4ebed}.sidebar .nav-item,.sidebar .logout{white-space:nowrap;width:100%;min-height:43px;position:relative}.sidebar .nav-label{width:auto;min-width:0;font-size:14px}.sidebar-is-collapsed .sidebar{width:68px;padding-inline:8px}.sidebar-is-collapsed .sidebar .brand{justify-content:center;padding:0}.sidebar-is-collapsed .sidebar .brand strong,.sidebar-is-collapsed .sidebar nav>small,.sidebar-is-collapsed .sidebar .nav-label{display:none}.sidebar-is-collapsed .sidebar nav{margin-top:42px}.sidebar-is-collapsed .sidebar .nav-item,.sidebar-is-collapsed .sidebar .logout{justify-content:center;gap:0;padding:12px 0;font-size:14px}.sidebar-is-collapsed .sidebar .nav-item svg,.sidebar-is-collapsed .sidebar .logout svg{width:20px;height:20px}.sidebar-is-collapsed .sidebar .alert-count{text-align:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;line-height:15px;position:absolute;top:3px;right:3px}.sidebar-is-collapsed .sidebar [data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10;background:#24333c;border-radius:6px;padding:8px 11px;font-size:12px;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 6px 16px #1728302b}.sidebar-is-collapsed .sidebar [data-tooltip]:hover:after,.sidebar-is-collapsed .sidebar [data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.sidebar-is-collapsed .sidebar .nav-item:hover:not(.active-nav),.sidebar-is-collapsed .sidebar .logout:hover{color:#324953;background:#f0f4f5}.sidebar .nav-item:focus-visible,.sidebar .logout:focus-visible,.sidebar-collapse:focus-visible,.topbar .menu:focus-visible{outline-offset:2px;outline:2px solid #2365e8}.sidebar-is-collapsed .workspace{min-width:0}.topbar .menu{border-radius:6px;width:32px;height:32px}.topbar .menu:hover{background:#f0f4f5}@media (width<=1000px){.shell:not(.sidebar-is-collapsed) .sidebar{width:252px}.shell:not(.sidebar-is-collapsed) .sidebar .brand{justify-content:flex-start;padding:0 14px}.shell:not(.sidebar-is-collapsed) .sidebar .brand strong{display:block}.shell:not(.sidebar-is-collapsed) .sidebar nav>small{font-size:10px}.shell:not(.sidebar-is-collapsed) .sidebar .nav-item,.shell:not(.sidebar-is-collapsed) .sidebar .logout{justify-content:flex-start;gap:10px;font-size:14px}.shell:not(.sidebar-is-collapsed) .sidebar .nav-item svg,.shell:not(.sidebar-is-collapsed) .sidebar .logout svg{width:18px;height:18px}}@media (width<=650px){.sidebar-is-collapsed .sidebar{width:58px;padding-inline:5px}.shell:not(.sidebar-is-collapsed) .sidebar{z-index:20;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 30px #15293230}.shell:not(.sidebar-is-collapsed) .workspace{margin-left:58px}}.traffic-chart-card{margin-bottom:16px}.traffic-chart-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.traffic-chart-heading{align-items:center;gap:11px;min-width:0;display:flex}.traffic-chart-heading>div{min-width:0}.traffic-chart-icon{color:#447991;background:#edf4f8;border-radius:8px;flex:none;place-items:center;width:37px;height:37px;display:grid}.traffic-chart-heading small{color:#8a9ba3;letter-spacing:.7px;font-size:10px;font-weight:800;display:block}.traffic-chart-heading h3{overflow-wrap:anywhere;margin:3px 0 2px;font-size:16px}.traffic-chart-heading p{color:#81929a;overflow-wrap:anywhere;margin:0;font-size:11px}.traffic-chart-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.traffic-live-toggle,.traffic-refresh{color:#5d7079;white-space:nowrap;background:#fff;border:1px solid #dce5e8;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.traffic-live-toggle:disabled,.traffic-refresh:disabled{opacity:.5;cursor:not-allowed}.traffic-live-dot{background:#9facb1;border-radius:50%;width:7px;height:7px}.traffic-live-toggle.active .traffic-live-dot{background:#24b168;animation:1.8s ease-in-out infinite traffic-live-pulse;box-shadow:0 0 0 3px #24b16822}@keyframes traffic-live-pulse{50%{box-shadow:0 0 0 6px #24b16816}}.traffic-range{background:#f8fafb;border:1px solid #e5ebed;border-radius:7px;flex:none;align-items:center;gap:3px;padding:3px;display:flex}.traffic-range button{color:#71858e;white-space:nowrap;background:0 0;border-radius:5px;padding:7px 9px;font-size:11px;font-weight:600}.traffic-range button:hover{background:#eaf0f2}.traffic-range button.active{color:#fff;background:#263f4b}.traffic-chart-summary{color:#778991;border-top:1px solid #eaf0f1;flex-wrap:wrap;align-items:center;gap:17px;margin-top:17px;padding-top:14px;font-size:11px;display:flex}.traffic-chart-summary>span{align-items:center;gap:5px;display:flex}.traffic-chart-summary strong{color:#304750;margin-left:3px;font-size:13px}.traffic-chart-summary>span:first-child svg{color:#258dc3}.traffic-chart-summary>span:nth-child(2) svg{color:#d27a48}.traffic-chart-summary .traffic-loading{color:#9ba9af;margin-left:auto}.traffic-live-note{color:#167c47}.traffic-chart-canvas{width:100%;height:290px}.traffic-chart-empty{color:#8da0a8;text-align:center;border:1px dashed #dfe8eb;border-radius:8px;place-items:center;min-height:180px;margin:14px 0 0;padding:18px;font-size:12px;display:grid}.traffic-chart-foot{color:#9aa8ae;margin:0;font-size:10px}@media (width<=950px){.traffic-chart-head{flex-direction:column}.traffic-chart-actions{justify-content:flex-start}.traffic-range{max-width:100%;overflow-x:auto}}@media (width<=520px){.traffic-chart-canvas{height:245px}.traffic-range{width:100%}.traffic-range button{flex:1}.traffic-chart-summary{gap:9px 16px}}@media (prefers-reduced-motion:reduce){.traffic-live-toggle.active .traffic-live-dot{animation:none}}.traffic-zero-note{color:#60747d;background:#f8fafb;border:1px solid #e6ecef;border-radius:7px;margin:15px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.traffic-chart-card{animation:.24s cubic-bezier(.2,.8,.2,1) both traffic-card-appear}.traffic-chart-canvas{animation:.38s ease-out both traffic-chart-reveal}.traffic-chart-skeleton{color:#82949d;place-items:center;height:290px;margin-top:2px;display:grid;position:relative;overflow:hidden}.traffic-chart-skeleton-grid{opacity:.75;background:repeating-linear-gradient(#0000 0 45px,#eaf0f2 46px 47px);position:absolute;inset:18px 0 20px}.traffic-chart-skeleton-message{background:#fff;border:1px solid #e7edef;border-radius:7px;align-items:center;gap:9px;padding:10px 14px;font-size:11px;font-weight:600;display:inline-flex;position:relative;box-shadow:0 5px 18px #24333c0b}.traffic-chart-skeleton-message svg{color:#6d8997;animation:1.4s linear infinite traffic-chart-spin}@keyframes traffic-card-appear{0%{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes traffic-chart-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes traffic-chart-spin{to{transform:rotate(360deg)}}@media (width<=520px){.traffic-chart-skeleton{height:245px}}@media (prefers-reduced-motion:reduce){.traffic-chart-card,.traffic-chart-canvas,.traffic-chart-skeleton-message svg{animation:none}}.traffic-chart-summary{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.traffic-chart-summary>span{white-space:nowrap;flex:none}.traffic-series-mark{background:currentColor;border-radius:3px;width:14px;height:3px;display:inline-block;position:relative}.traffic-series-mark:after{content:"";background:#fff;border:2px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.traffic-flow-received .traffic-series-mark{color:#258dc3}.traffic-flow-sent .traffic-series-mark{color:#d27a48}.traffic-chart-head{border-bottom:1px solid #eaf0f1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding-bottom:16px;display:grid}.traffic-chart-heading{grid-area:1/1}.traffic-chart-head .traffic-chart-summary{border:0;grid-area:2/1;min-width:0;margin:0;padding:0}.traffic-chart-actions{grid-area:1/2/span 2}.traffic-chart-canvas,.traffic-chart-skeleton{margin-top:12px}@media (width<=1100px){.traffic-chart-head{grid-template-columns:minmax(0,1fr)}.traffic-chart-heading,.traffic-chart-head .traffic-chart-summary,.traffic-chart-actions{grid-area:auto/1}.traffic-chart-actions{justify-content:flex-start}}.switch-view-tabs{border-bottom:1px solid #e7ecef;gap:22px;margin:-3px 0 20px;display:flex;overflow-x:auto}.switch-view-tabs button{white-space:nowrap;color:#748790;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:0 3px 12px;font-size:12px;font-weight:700;display:inline-flex}.switch-view-tabs button:focus-visible{outline-offset:-2px;outline:2px solid #2365e8}.traffic-dashboard{min-width:0}.traffic-dashboard-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px;display:flex}.traffic-dashboard-head small{letter-spacing:.8px;color:#8b9ca3;font-size:10px;font-weight:800;display:block}.traffic-dashboard-head h3{color:#263a44;margin:3px 0 2px;font-size:18px}.traffic-dashboard-head p{color:#889aa2;margin:0;font-size:11px}.traffic-dashboard-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.traffic-dashboard-search{color:#8598a0;border:1px solid #e0e8eb;border-radius:7px;align-items:center;gap:7px;min-width:210px;height:35px;padding:0 10px;display:flex}.traffic-dashboard-search input{color:#304550;border:0;outline:0;width:100%;min-width:0;font-size:11px}.traffic-dashboard-refresh{color:#5b717b;background:#fff;border:1px solid #e0e8eb;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.traffic-dashboard-refresh:hover:not(:disabled){background:#f5f8f9}.traffic-dashboard-refresh:disabled{opacity:.55}.traffic-dashboard-meta{color:#8a9ba3;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:11px;display:flex}.traffic-dashboard-meta span:first-child{align-items:center;gap:6px;display:flex}.traffic-dashboard-meta i{border-radius:3px;width:13px;height:3px;display:inline-block}.traffic-dashboard-meta i.received{background:#258dc3}.traffic-dashboard-meta i.sent{background:#d27a48}.traffic-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.traffic-dashboard-tile{background:#fff;border:1px solid #e5ebee;border-radius:9px;min-width:0;padding:14px 15px}.traffic-dashboard-tile-head{justify-content:space-between;align-items:start;gap:8px;display:flex}.traffic-dashboard-tile-head>div{min-width:0}.traffic-dashboard-tile-head strong,.traffic-dashboard-tile-head small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.traffic-dashboard-tile-head strong{color:#2a3f48;font-size:13px}.traffic-dashboard-tile-head small{color:#8799a1;margin-top:3px;font-size:11px}.traffic-dashboard-status{background:#a9b7bd;border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.traffic-dashboard-status.up{background:#1caa73}.traffic-dashboard-status.down{background:#dda13c}.traffic-dashboard-values{color:#71858e;flex-wrap:wrap;gap:7px 16px;margin-top:13px;font-size:11px;display:flex}.traffic-dashboard-values span{align-items:center;gap:4px;display:flex}.traffic-dashboard-values span:first-child svg{color:#258dc3}.traffic-dashboard-values span:last-child svg{color:#d27a48}.traffic-dashboard-values strong{color:#304751}.traffic-dashboard-chart{height:185px;margin-top:6px}.traffic-dashboard-no-data{color:#9aabb1;place-items:center;height:185px;font-size:11px;display:grid}.traffic-dashboard-empty{text-align:center;color:#8c9ea6;padding:30px}.traffic-dashboard-pagination{color:#8598a0;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;font-size:11px;display:flex}.traffic-dashboard-pagination>div{align-items:center;gap:8px;display:flex}.traffic-dashboard-pagination button{color:#5b707a;background:#fff;border:1px solid #e1e8eb;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.traffic-dashboard-pagination button:disabled{opacity:.4}@media (width<=1250px){.traffic-dashboard-head{flex-direction:column;align-items:start}.traffic-dashboard-tools{width:100%}.traffic-dashboard-search{flex:1}}@media (width<=900px){.traffic-dashboard-grid{grid-template-columns:1fr}}@media (width<=520px){.traffic-dashboard-meta{flex-direction:column}.traffic-dashboard-tools .traffic-range{order:2;width:100%;overflow:auto}.traffic-dashboard-search{min-width:0}}.switch-device-head{grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:20px;display:grid}.switch-header-metrics{grid-template-columns:repeat(5,max-content);align-items:center;gap:0;min-width:0;display:grid}.switch-header-metrics>span{border-left:1px solid #e8eef0;min-width:0;padding:2px 12px;display:block}.switch-header-metrics small,.switch-header-metrics strong{white-space:nowrap;display:block}.switch-header-metrics small{color:#899aa1;margin-bottom:5px;font-size:10px;font-weight:700}.switch-header-metrics strong{color:#304650;font-size:12px}.switch-device-head .monitor-state{justify-self:end}@media (width<=1550px){.switch-device-head{grid-template-columns:minmax(240px,1fr) auto;gap:14px}.switch-header-metrics{border-top:1px solid #edf1f3;grid-area:2/1/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:13px}.switch-header-metrics>span:first-child{border-left:0;padding-left:0}}@media (width<=650px){.switch-device-head{grid-template-columns:1fr}.switch-device-head .monitor-state{grid-row:2;justify-self:start}.switch-header-metrics{grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.switch-header-metrics>span:nth-child(3),.switch-header-metrics>span:nth-child(5){border-left:0;padding-left:0}.switch-header-metrics strong{white-space:normal}}.switch-header-metrics small{align-items:center;gap:5px;display:flex}.switch-header-metrics small svg{color:#d62e38;flex:none}.traffic-dashboard-active-filter{color:#526771;white-space:nowrap;background:#fff;border:1px solid #dce5e8;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:35px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.traffic-dashboard-active-filter.active{color:#c82734;background:#fff0f1;border-color:#d82c34}.traffic-dashboard-active-filter:hover{border-color:#d82c34}@media (width<=520px){.traffic-dashboard-active-filter{order:1;width:100%}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--graphite-bg:#171b20;--graphite-panel:#23282e;--graphite-raised:#2b3138;--graphite-hover:#343b43;--graphite-border:#414a53;--graphite-text:#f4f6f8;--graphite-secondary:#c4cdd5;--graphite-muted:#a9b5bf}body{background:var(--graphite-bg);color:var(--graphite-text)}button,input,select{color:var(--graphite-text)}input::placeholder{color:var(--graphite-muted);opacity:1}input:focus-visible,select:focus-visible,button:focus-visible{outline-color:#8bb8ed}.sidebar,.topbar,.metric,.table-card,.monitor-hosts,.monitor-panel,.monitor-device-head,.monitor-metric,.monitor-placeholder,.login form,.shade article,.confirm-dialog,.provider-modal,.modal-heading,.provider-modal .form-actions,.detail-grid>div,.inline-access,.alerts-popover,.alert-entry,.traffic-dashboard-tile{background:var(--graphite-panel);border-color:var(--graphite-border);box-shadow:none}.brand-mark,.avatar,.primary,.active-nav{color:#fff;box-shadow:none;background:#4d5965}.primary:hover,.active-nav:hover{background:#5d6b77}.crumb b,.modal-heading small{color:#e5ebf0}.monitor-metric-icon,.switch-header-metrics small svg{color:#f02d3e}.inline-details,.provider-row:hover,.provider-row.expanded,.alert-entry:hover{background:#292f36}.sidebar,.topbar,.metric,.table-card,.monitor-hosts,.monitor-panel,.monitor-device-head,.monitor-metric,.monitor-placeholder,.traffic-dashboard-tile{border-color:var(--graphite-border)}.sidebar .brand,.brand,.brand strong,.title-row h1,.monitor-heading h1,.monitor-device-title h2,.monitor-placeholder h2,.monitor-hosts-head strong,.monitor-panel-head h3,.monitor-metric strong,.details-heading h3,.detail-grid p,.inline-access strong,.confirm-dialog h2,.modal-heading h2,.provider-modal .section-heading h3,.shade h2,.traffic-chart-heading h3,.traffic-dashboard-head h3,.traffic-dashboard-tile-head strong,.switch-port-heading strong,.switch-port-facts strong,.switch-header-metrics strong,.monitor-traffic-name strong,.monitor-problem strong{color:var(--graphite-text)}.page p,.title-row p,.monitor-heading p,.monitor-device-title p,.monitor-panel-head p,.monitor-host-text small,.monitor-traffic-name small,.monitor-problem small,.details-heading p,.detail-grid b,.inline-access p,.confirm-dialog p,.modal-heading p,.section-heading p,.traffic-chart-heading p,.traffic-dashboard-head p,.traffic-dashboard-tile-head small,.traffic-chart-summary,.traffic-dashboard-values,.monitor-metric-hint,.monitor-empty,.monitor-placeholder p,.traffic-chart-empty,.traffic-dashboard-empty,.traffic-dashboard-no-data{color:var(--graphite-secondary)}.crumb,.crumb span,.monitor-heading .crumb,.sidebar nav small,.metric small,.monitor-hosts-head small,.monitor-panel-head small,.monitor-metric small,.traffic-chart-heading small,.traffic-dashboard-head small,.traffic-dashboard-meta,.traffic-dashboard-pagination,.switch-header-metrics small,.switch-port-heading small,.switch-port-facts small,.switch-legend,.switch-hint,.monitor-refresh-note,.table-footer,.details b,.form-actions>span{color:var(--graphite-muted)}.nav-item,.logout,.top-actions,.menu,.sidebar-collapse,.more,.alert-bell{color:var(--graphite-secondary)}.nav-item.active-nav{color:#fff;background:#4d5965}.nav-item:hover:not(.active-nav),.logout:hover,.sidebar-collapse:hover,.topbar .menu:hover,.sidebar-is-collapsed .sidebar .nav-item:hover:not(.active-nav),.sidebar-is-collapsed .sidebar .logout:hover,.alert-bell:hover,.alert-bell[aria-expanded=true]{background:var(--graphite-hover);color:var(--graphite-text)}.sidebar-collapse,.monitor-host-icon,.monitor-device-icon,.switch-detail-icon,.traffic-chart-icon,.traffic-dashboard-refresh,.icon-button,.outline,.secondary,.detail-actions button,.table-footer button,.traffic-live-toggle,.traffic-refresh,.traffic-range,.traffic-range button.active,.traffic-chart-skeleton-message,.traffic-dashboard-search,.traffic-dashboard-pagination button{background:var(--graphite-raised);border-color:var(--graphite-border);color:var(--graphite-text)}.traffic-range button.active,.table-footer .page-number{color:#fff;background:#4b5763}.traffic-range button:hover,.traffic-dashboard-refresh:hover:not(:disabled),.monitor-host:hover{background:var(--graphite-hover);color:var(--graphite-text)}.environment,.monitor-state,.provider-code,.details>div,.inline-access,.detail-grid>div,.traffic-dashboard-tile,.traffic-chart-empty,.traffic-zero-note,.traffic-chart-skeleton-message{border-color:var(--graphite-border)}.environment,.monitor-state,.provider-code,.monitor-hosts-head>span,.monitor-count,.initial,.metric-icon,.form-error,.traffic-zero-note,.access,.section-heading>span{background:var(--graphite-raised);color:var(--graphite-text)}.metric-icon.blue{color:#7dbbff;background:#21384c}.metric-icon.green{color:#74dca0;background:#203d30}.metric-icon.yellow{color:#f5c56c;background:#433824}.metric-icon.red{color:#f02d3e;background:#493035}.monitor-host.selected{color:#ffd7dc;background:#493036}.monitor-host.selected .monitor-host-icon{color:#ffe8eb;background:#60363c}.provider-row:hover td,.provider-row.expanded td{background:#292f36}.provider-name,.provider-name strong,.provider-form label,.provider-modal .provider-form label,.details-heading h3,.detail-actions button,.monitor-host-text strong,.monitor-table td strong,.traffic-dashboard-values strong,.traffic-chart-summary strong,.traffic-chart-heading h3,.switch-panel-head,.switch-port-facts strong,.monitor-state,.monitor-device-title small,.monitor-hosts-head strong{color:var(--graphite-text)}.provider-name small,.contact small,.details-heading small,.details-heading p,.detail-grid b,.inline-access p,.monitor-host-text small,.switch-port-heading div>span,.traffic-chart-heading p,.traffic-dashboard-tile-head small{color:var(--graphite-secondary)}.toolbar,.inline-details,.modal-heading,.form-section,.provider-modal .form-actions,.traffic-chart-head,.traffic-chart-summary,.switch-device-head,.switch-view-tabs,.switch-port-detail,.monitor-problem,.monitor-traffic-row,.traffic-dashboard-pagination,.alerts-heading,.alert-entry{border-color:var(--graphite-border)}th,.monitor-table th{color:var(--graphite-secondary);border-color:var(--graphite-border);background:#2b3138}td,.monitor-table td,.expanded-row>td{color:var(--graphite-text);border-color:var(--graphite-border)}.search,.monitor-search,.traffic-dashboard-search,.monitor-controls select,.provider-form input,.provider-form select,.access input,.access-action input,.login input,.traffic-range{background:var(--graphite-raised);border-color:var(--graphite-border);color:var(--graphite-text)}.search input,.monitor-search input,.traffic-dashboard-search input{color:var(--graphite-text);background:0 0}.provider-form input,.provider-form select,.access input,.access-action input,.login input,.monitor-controls select{color:var(--graphite-text)}.provider-form input:disabled,.provider-form select:disabled{color:var(--graphite-muted);opacity:.7}.detail-actions .delete-link{color:#ff9da5;border-color:#78464b}.notice,.monitor-all-clear{color:#b9f5d5;background:#1e3c32}.notice button{color:inherit}.monitor-error,.form-error{color:#ffd3d5;background:#432a2d;border-color:#774249}.status.active,.traffic-live-note,.switch-port-facts .switch-state-up{color:#72dca4}.status.implementation,.switch-port-facts .switch-state-down{color:#f1bd68}.status.suspended,.detail-actions .delete-link{color:#ff9da5}.traffic-live-toggle.active{color:#a5f0bd;background:#1f4030;border-color:#367c53}.traffic-chart-skeleton-grid{background:repeating-linear-gradient(#0000 0 45px,#3b444d 46px 47px)}.traffic-chart-skeleton-message,.traffic-zero-note,.traffic-chart-empty{background:var(--graphite-raised);color:var(--graphite-secondary)}.traffic-series-mark:after,.traffic-dashboard-tile,.traffic-dashboard-no-data{background:var(--graphite-panel)}.traffic-dashboard-search input{color:var(--graphite-text)}.traffic-dashboard-active-filter{background:var(--graphite-raised);border-color:var(--graphite-border);color:var(--graphite-secondary)}.traffic-dashboard-active-filter:hover,.traffic-dashboard-active-filter.active{color:#ffadb4;background:#442a2f;border-color:#f02d3e}.monitor-flow-track{background:#3a434c}.monitor-flow-track i{background:#4f9ec5}.monitor-flow.upload i{background:#d59a70}.switch-view-tabs button{color:var(--graphite-secondary)}.switch-view-tabs button:hover{color:var(--graphite-text)}.switch-view-tabs button.active{color:#f02d3e;border-bottom-color:#f02d3e}.switch-header-metrics>span{border-color:var(--graphite-border)}.switch-header-metrics strong.healthy{color:#72dca4}.switch-panel .switch-brand,.switch-panel .switch-port,.switch-panel .switch-port-number{color:#182b40}.alerts-popover{border-color:var(--graphite-border);box-shadow:0 18px 48px #080b0db3}.brand-mark,.avatar{color:#fff;background:#e6323d}.nav-item.active-nav svg{color:#f02d3e}.traffic-chart-icon{color:#74b9df;background:#203849}.section-heading>span,.alert-entry-icon{color:#f02d3e;background:#493035}.alerts-heading,.alert-entry strong{color:var(--graphite-text)}.alerts-heading button,.alert-entry small,.alerts-empty{color:var(--graphite-secondary)}.alert-count{color:#ffbdc2;background:#4a3034}.alert-dot{border-color:var(--graphite-panel)}.modal-shade,.confirm-shade,.shade{background:#090c10b8}.sidebar-is-collapsed .sidebar [data-tooltip]:after{color:#fff;background:#414b55}@media (width<=1450px){.switch-header-metrics{border-color:var(--graphite-border)}}.monitor-group-filter{color:var(--graphite-secondary)}.monitor-group-filter select{background:var(--graphite-raised);border-color:var(--graphite-border);color:var(--graphite-text)}.signal-dashboard{min-width:0}.signal-dashboard-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.signal-dashboard-heading small{color:var(--graphite-muted);letter-spacing:.8px;font-size:10px;font-weight:800;display:block}.signal-dashboard-heading h3{color:var(--graphite-text);margin:4px 0 5px;font-size:18px}.signal-dashboard-heading p{color:var(--graphite-secondary);margin:0;font-size:11px;line-height:1.5}.signal-dashboard-count{border:1px solid var(--graphite-border);color:var(--graphite-secondary);border-radius:7px;flex:none;padding:7px 10px;font-size:11px;font-weight:700}.signal-dashboard-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.signal-dashboard-rupture-count{color:#ff8790;white-space:nowrap;background:#442b32;border:1px solid #98444a;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800}.signal-dashboard-attenuation-count{color:#f0bd70;white-space:nowrap;background:#44382b;border:1px solid #957040;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800}.signal-dashboard-open,.signal-overview-back{color:#fff;white-space:nowrap;cursor:pointer;background:#d72835;border:1px solid #b53d48;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:33px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.signal-dashboard-open:hover,.signal-overview-back:hover{background:#ec3543}.signal-interface-picker{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.signal-interface-picker label{color:var(--graphite-secondary);white-space:nowrap;font-size:12px;font-weight:700}.signal-interface-picker select{border:1px solid var(--graphite-border);background:var(--graphite-raised);min-width:260px;max-width:540px;height:38px;color:var(--graphite-text);border-radius:7px;flex:1;padding:0 11px;font-size:12px}.signal-interface-picker span{color:var(--graphite-muted);font-size:11px}.signal-dashboard-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.signal-dashboard-search{border:1px solid var(--graphite-border);background:var(--graphite-raised);max-width:380px;height:37px;color:var(--graphite-muted);border-radius:7px;flex:1;align-items:center;gap:8px;padding:0 11px;display:flex}.signal-dashboard-search input{width:100%;min-width:0;color:var(--graphite-text);background:0 0;border:0;outline:0;font-size:12px}.signal-dashboard-filters{border:1px solid var(--graphite-border);background:var(--graphite-raised);border-radius:7px;gap:3px;padding:3px;display:flex}.signal-dashboard-filters button{color:var(--graphite-secondary);white-space:nowrap;background:0 0;border-radius:5px;padding:7px 10px;font-size:11px;font-weight:700}.signal-dashboard-filters button:hover{background:var(--graphite-hover);color:var(--graphite-text)}.signal-dashboard-filters button.active{color:#ff737e;background:#493035}.signal-dashboard-filters button.rupture{color:#ff9aa2}.signal-dashboard-filters button.rupture.active{color:#fff;background:#713139}.signal-dashboard-filters button.attenuation{color:#f0bd70}.signal-dashboard-filters button.attenuation.active{color:#fff;background:#66502f}.signal-dashboard-note{color:var(--graphite-muted);align-items:center;gap:7px;margin:0 0 15px;font-size:11px;line-height:1.5;display:flex}.signal-dashboard-note svg{color:#f02d3e;flex:none}.signal-dashboard-table-wrap{border:1px solid var(--graphite-border);border-radius:8px;max-height:600px;overflow:auto}.signal-dashboard-table{border-collapse:collapse;width:100%;min-width:920px}.signal-dashboard-table th{z-index:1;background:var(--graphite-raised);border-bottom:1px solid var(--graphite-border);color:var(--graphite-muted);letter-spacing:.4px;text-align:left;padding:12px 14px;font-size:10px;position:sticky;top:0}.signal-dashboard-table td{border-bottom:1px solid var(--graphite-border);color:var(--graphite-secondary);white-space:nowrap;padding:12px 14px;font-size:11px}.signal-dashboard-table tbody tr:last-child td{border-bottom:0}.signal-dashboard-table tbody tr:hover{background:var(--graphite-raised)}.signal-dashboard-table tbody tr.signal-rupture-row{background:#37282e}.signal-dashboard-table tbody tr.signal-rupture-row:hover{background:#433038}.signal-dashboard-table tbody tr.signal-attenuation-row{background:#39342c}.signal-dashboard-table tbody tr.signal-attenuation-row:hover{background:#494033}.signal-dashboard-table td.signal-dashboard-port{color:var(--graphite-text);font-weight:700}.signal-dashboard-port button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.signal-dashboard-port button:hover,.signal-dashboard-port button:focus-visible{color:#ff6371;text-decoration:underline}.signal-dashboard-table tbody tr.selected{background:#352c33}.signal-dashboard-table tbody tr.selected .signal-dashboard-port{color:#ff737e}.signal-dashboard-table td.signal-dashboard-alias{text-overflow:ellipsis;max-width:260px;overflow:hidden}.signal-dashboard-status{color:var(--graphite-secondary);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.signal-dashboard-status i{background:#8c9ba5;border-radius:50%;width:7px;height:7px}.signal-dashboard-status.up i{background:#20b77b}.signal-dashboard-status.down i{background:#e3a343}.signal-dashboard-table td.signal-dashboard-value{font-variant-numeric:tabular-nums;color:var(--graphite-text);font-weight:700}.signal-dashboard-table td.signal-dashboard-value.rupture{color:#ff8c95}.signal-dashboard-table td.signal-dashboard-value.attenuation{color:#f0bd70}.signal-dashboard-rupture{color:#ff9da5;white-space:nowrap;background:#512d35;border:1px solid #98444a;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.signal-dashboard-attenuation{color:#f0bd70;white-space:nowrap;background:#4b3c2b;border:1px solid #957040;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.signal-dashboard-normal{color:var(--graphite-muted);font-size:10px}.signal-dashboard-table td.signal-dashboard-temperature,.signal-dashboard-table td.signal-dashboard-stale{color:var(--graphite-muted)}.signal-dashboard-table td.signal-dashboard-module{text-overflow:ellipsis;max-width:180px;color:var(--graphite-secondary);overflow:hidden}.signal-dashboard-table td.signal-dashboard-empty{text-align:center;color:var(--graphite-muted);padding:35px}.signal-dashboard-footer{color:var(--graphite-muted);padding:13px 2px 2px;font-size:11px}.signal-chart{border:1px solid var(--graphite-border);background:var(--graphite-raised);border-radius:10px;margin:0 0 20px;padding:19px 20px 15px}.signal-chart-head,.signal-chart-title,.signal-chart-actions,.signal-chart-ranges,.signal-chart-metrics{align-items:center;display:flex}.signal-chart-head{flex-wrap:wrap;justify-content:space-between;gap:16px}.signal-chart-title{gap:12px;min-width:0}.signal-chart-title>svg{color:#f02d3e;flex:none}.signal-chart-title small{color:var(--graphite-muted);letter-spacing:.7px;font-size:10px;font-weight:800}.signal-chart-title h4{color:var(--graphite-text);margin:3px 0;font-size:17px}.signal-chart-title p{color:var(--graphite-secondary);margin:0;font-size:11px}.signal-chart-actions{flex-wrap:wrap;gap:8px}.signal-chart-auto{color:var(--graphite-muted);font-size:11px}.signal-chart-actions>button,.signal-chart-ranges button{border:1px solid var(--graphite-border);background:var(--graphite-surface,#23282e);color:var(--graphite-secondary);cursor:pointer;border-radius:6px}.signal-chart-actions>button{place-items:center;width:32px;height:30px;display:grid}.signal-chart-actions>button:disabled{opacity:.5;cursor:default}.signal-chart-ranges{gap:3px}.signal-chart-ranges button{padding:7px 9px;font-size:11px}.signal-chart-ranges button.active{color:#ff737e;background:#493035;border-color:#96404a}.signal-chart-metrics{border-top:1px solid var(--graphite-border);min-width:0;color:var(--graphite-secondary);white-space:nowrap;scrollbar-width:thin;flex-wrap:nowrap;gap:clamp(10px,1.2vw,18px);margin:17px 0 5px;padding:14px 0 7px;font-size:12px;overflow-x:auto}.signal-chart-metrics span{flex:none;align-items:center;gap:6px;display:inline-flex}.signal-chart-metrics strong{color:var(--graphite-text);font-weight:700}.signal-chart-metrics i{background:#34a8df;border-radius:50%;width:7px;height:7px}.signal-chart-metrics .tx i{background:#30bc80}.signal-chart-metrics .rx.rupture i{background:#ff6371}.signal-chart-metrics .rx.rupture strong,.signal-chart-metrics .rx.rupture b{color:#ff8c95}.signal-chart-metrics .rx.rupture b{font-size:10px}.signal-chart-metrics .rx.attenuation i{background:#e9a94c}.signal-chart-metrics .rx.attenuation strong,.signal-chart-metrics .rx.attenuation b{color:#f0bd70}.signal-chart-metrics .rx.attenuation b{font-size:10px}.signal-chart-metrics small{color:var(--graphite-muted);flex:none;margin-left:auto;font-size:11px}.signal-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.signal-chart-panel{border:1px solid var(--graphite-border);background:var(--graphite-surface,#23282e);border-radius:8px;min-width:0;padding:11px 12px 4px}.signal-chart-panel-head{color:var(--graphite-text);align-items:center;gap:7px;font-size:12px;display:flex}.signal-chart-panel-head span{background:#34a8df;border-radius:50%;width:8px;height:8px}.signal-chart-panel-head span.tx{background:#30bc80}.signal-chart-panel-head small{color:var(--graphite-muted);margin-left:auto;font-size:10px}.signal-chart-canvas{width:100%;height:185px}.signal-chart-no-series{height:185px;color:var(--graphite-muted);place-items:center;margin:0;font-size:11px;display:grid}.signal-chart-state,.signal-chart-error{min-height:180px;color:var(--graphite-muted);place-items:center;margin:0;font-size:12px;display:grid}.signal-chart-error{color:#ff737e;min-height:40px}@media (width<=800px){.signal-chart-grid{grid-template-columns:1fr}}@media (width<=650px){.signal-chart{padding:15px 12px}.signal-chart-metrics{gap:15px}.signal-chart-metrics small{margin-left:0}.signal-chart-canvas,.signal-chart-no-series{height:175px}.signal-interface-picker select{min-width:100%;max-width:none}}@media (width<=900px){.signal-dashboard-heading{flex-direction:column;align-items:flex-start;gap:10px}.signal-dashboard-controls{flex-direction:column;align-items:stretch}.signal-dashboard-search{max-width:none}.signal-dashboard-filters{align-self:flex-start;max-width:100%;overflow:auto}}.signal-overview{min-width:0}.signal-overview-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.signal-overview-title{align-items:center;gap:12px;min-width:0;display:flex}.signal-overview-title>svg{color:#f02d3e;flex:none}.signal-overview-title small{color:var(--graphite-muted);letter-spacing:.7px;font-size:10px;font-weight:800}.signal-overview-title h3{color:var(--graphite-text);margin:3px 0;font-size:19px}.signal-overview-title p{color:var(--graphite-secondary);margin:0;font-size:11px}.signal-overview-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.signal-overview-kpi{border:1px solid var(--graphite-border);background:var(--graphite-raised);min-width:0;min-height:94px;color:var(--graphite-secondary);text-align:left;cursor:pointer;border-radius:9px;flex-direction:column;align-items:flex-start;padding:13px 14px;display:flex}.signal-overview-kpi:hover,.signal-overview-kpi.active{background:#303840;border-color:#76838c}.signal-overview-kpi.active{box-shadow:inset 0 2px #f02d3e}.signal-overview-kpi span{font-size:11px;font-weight:700}.signal-overview-kpi strong{color:var(--graphite-text);margin:5px 0 3px;font-size:24px;line-height:1}.signal-overview-kpi small{color:var(--graphite-muted);font-size:10px;line-height:1.3}.signal-overview-kpi.attenuation strong{color:#f0bd70}.signal-overview-kpi.rupture strong{color:#ff8790}.signal-overview-workspace{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.signal-overview-list{border:1px solid var(--graphite-border);background:var(--graphite-raised);border-radius:9px;min-width:0;overflow:hidden}.signal-overview-list-head{border-bottom:1px solid var(--graphite-border);padding:14px 12px 11px}.signal-overview-list-head>div{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.signal-overview-list-head strong{color:var(--graphite-text);font-size:12px}.signal-overview-list-head span{color:var(--graphite-muted);font-size:10px}.signal-overview-list-head label{border:1px solid var(--graphite-border);height:34px;color:var(--graphite-muted);border-radius:6px;align-items:center;gap:7px;padding:0 9px;display:flex}.signal-overview-list-head input{width:100%;min-width:0;color:var(--graphite-text);background:0 0;border:0;outline:0;font-size:11px}.signal-overview-list-scroll{max-height:545px;overflow-y:auto}.signal-overview-row{border:0;border-bottom:1px solid var(--graphite-border);width:100%;color:var(--graphite-text);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.signal-overview-row:last-child{border-bottom:0}.signal-overview-row:hover,.signal-overview-row.selected{background:#343a42}.signal-overview-row.selected{box-shadow:inset 3px 0 #f02d3e}.signal-overview-row-main,.signal-overview-row-reading{flex-direction:column;gap:3px;min-width:0;display:flex}.signal-overview-row-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.signal-overview-row-main small{color:var(--graphite-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.signal-overview-row-reading{flex:none;align-items:flex-end}.signal-overview-row-reading strong{font-variant-numeric:tabular-nums;font-size:11px}.signal-overview-row-reading small{color:var(--graphite-muted);white-space:nowrap;font-size:9px}.signal-overview-row.attenuation .signal-overview-row-reading strong,.signal-overview-row.attenuation .signal-overview-row-reading small{color:#f0bd70}.signal-overview-row.rupture .signal-overview-row-reading strong,.signal-overview-row.rupture .signal-overview-row-reading small{color:#ff8790}.signal-overview-detail{min-width:0}.signal-overview-detail .signal-chart{margin:0}.signal-overview-empty{color:var(--graphite-muted);text-align:center;padding:32px 12px;font-size:11px}@media (width<=1100px){.signal-overview-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-overview-workspace{grid-template-columns:minmax(220px,270px) minmax(0,1fr)}}@media (width<=760px){.signal-overview-head{flex-direction:column;align-items:flex-start}.signal-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-overview-workspace{grid-template-columns:1fr}.signal-overview-list-scroll{max-height:230px}}.ne8000-view{gap:16px;display:grid}.ne8000-panel{padding:0;overflow:hidden}.ne8000-device-head{border:0;border-bottom:1px solid var(--graphite-border);border-radius:0}.ne8000-head-facts{align-items:center;gap:20px;margin-left:auto;display:flex}.ne8000-head-facts>span{white-space:nowrap;grid-template-columns:16px auto;align-items:center;column-gap:7px;display:grid}.ne8000-head-facts svg{color:#f02d3e;grid-row:span 2}.ne8000-head-facts small{color:var(--graphite-muted);font-size:10px}.ne8000-head-facts strong{color:var(--graphite-text);font-size:12px}.ne8000-chassis-head{justify-content:space-between;align-items:center;gap:16px;padding:22px 25px 0;display:flex}.ne8000-chassis-head small{color:var(--graphite-muted);letter-spacing:.1em;font-size:10px;font-weight:800}.ne8000-chassis-head h3{color:var(--graphite-text);margin:4px 0 0;font-size:18px}.ne8000-chassis-head>span{color:var(--graphite-secondary);font-size:12px}.ne8000-chassis{background:#f3f5f6;border-radius:12px;justify-content:center;margin:8px 25px 0;padding:14px;display:flex;overflow:auto}.ne8000-chassis img{width:100%;min-width:720px;max-width:1280px;height:auto;display:block}.ne8000-chassis-note{color:var(--graphite-muted);margin:12px 25px 22px;font-size:11px}.ne8000-data{padding:0;overflow:hidden}.ne8000-summary{border-bottom:1px solid var(--graphite-border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ne8000-summary>span{border-right:1px solid var(--graphite-border);padding:18px 22px}.ne8000-summary>span:last-child{border-right:0}.ne8000-summary strong,.ne8000-summary small{display:block}.ne8000-summary strong{color:var(--graphite-text);font-size:24px;line-height:1}.ne8000-summary small{color:var(--graphite-secondary);margin-top:8px;font-size:11px}.ne8000-summary .up strong{color:#72dca4}.ne8000-summary .attention strong{color:#f1bd68}.ne8000-data-toolbar{border-bottom:1px solid var(--graphite-border);justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex}.ne8000-data-toolbar .switch-view-tabs{border:0}.ne8000-data-toolbar .monitor-search{width:100%;max-width:260px;margin:0}.ne8000-table{border-collapse:collapse;width:100%;min-width:690px}.ne8000-table th,.ne8000-table td{text-align:left;white-space:nowrap;padding:12px 18px}.ne8000-table th{letter-spacing:.06em;color:var(--graphite-muted);font-size:10px}.ne8000-table td{color:var(--graphite-text);font-size:12px}.ne8000-table td svg{vertical-align:middle}.ne8000-table tbody tr:hover,.ne8000-table tbody tr.selected{background:var(--graphite-hover)}.ne8000-status{align-items:center;gap:6px;font-weight:700;display:inline-flex}.ne8000-status:before{content:"";background:#9aabb2;border-radius:50%;width:7px;height:7px}.ne8000-status.up{color:#72dca4}.ne8000-status.up:before{background:#21aa70}.ne8000-status.down{color:#f1bd68}.ne8000-status.down:before{background:#e2a94d}.ne8000-status.unknown{color:var(--graphite-muted)}.ne8000-interface-link{color:var(--graphite-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.ne8000-interface-link:hover{color:#f02d3e}@media (width<=1250px){.ne8000-device-head{flex-wrap:wrap}.ne8000-head-facts{order:3;width:100%;margin-left:59px}.ne8000-summary>span{padding:15px}}@media (width<=760px){.ne8000-device-head{padding:18px}.ne8000-head-facts{flex-wrap:wrap;gap:12px;margin-left:0}.ne8000-chassis-head{padding:18px 16px 0}.ne8000-chassis{margin:8px 16px 0;padding:8px}.ne8000-chassis-note{margin:10px 16px 18px}.ne8000-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ne8000-summary>span:nth-child(2){border-right:0}.ne8000-summary>span:nth-child(-n+2){border-bottom:1px solid var(--graphite-border)}.ne8000-data-toolbar{flex-direction:column;align-items:stretch;padding:0 12px 12px}.ne8000-data-toolbar .monitor-search{max-width:none}}.ne8000-chassis-head{padding-top:15px}.ne8000-chassis{margin-top:6px;padding:8px}.ne8000-chassis img{width:min(100%,860px);min-width:0;max-width:860px}.ne8000-chassis-note{margin-top:8px;margin-bottom:15px}@media (width<=760px){.ne8000-chassis img{min-width:600px}}.bgp-routes-view{padding:20px 22px 24px}.bgp-routes-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.bgp-routes-heading small{color:var(--graphite-muted);letter-spacing:.08em;font-size:10px;font-weight:800}.bgp-routes-heading h3{color:var(--graphite-text);margin:4px 0;font-size:18px}.bgp-routes-heading p{color:var(--graphite-secondary);margin:0;font-size:12px}.bgp-routes-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.bgp-routes-controls>span{color:var(--graphite-muted);font-size:11px}.bgp-routes-controls>.outline{place-items:center;min-width:34px;padding:7px 9px;display:grid}.bgp-routes-summary{color:var(--graphite-secondary);flex-wrap:wrap;align-items:center;gap:25px;margin:20px 0 10px;font-size:12px;display:flex}.bgp-routes-summary>span{align-items:center;gap:7px;display:inline-flex}.bgp-routes-summary svg{color:#f02d3e}.bgp-routes-summary strong{color:var(--graphite-text);font-size:17px}.bgp-routes-canvas{width:100%;height:310px}@media (width<=1100px){.bgp-routes-heading{flex-direction:column}.bgp-routes-controls{justify-content:flex-start}}@media (width<=760px){.bgp-routes-view{padding:16px 12px}.bgp-routes-summary{gap:12px}.bgp-routes-canvas{height:260px}}.bgp-dashboard{gap:16px;padding:20px;display:grid}.bgp-dashboard-intro{justify-content:space-between;align-items:end;gap:20px;display:flex}.bgp-dashboard-intro small,.bgp-family-head small{letter-spacing:.1em;color:#f02d3e;font-size:10px;font-weight:800}.bgp-dashboard-intro h2{color:var(--graphite-text);margin:4px 0;font-size:21px}.bgp-dashboard-intro p,.bgp-dashboard-intro>span{color:var(--graphite-muted);margin:0;font-size:12px}.bgp-state-cards{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.bgp-state-card{border:1px solid var(--graphite-border);border-radius:10px;grid-template-columns:8px 1fr;align-items:center;column-gap:8px;min-width:0;padding:11px 12px;display:grid}.bgp-state-card i,.bgp-family-legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.bgp-state-card span{color:var(--graphite-secondary);text-overflow:ellipsis;font-size:11px;overflow:hidden}.bgp-state-card strong{color:var(--graphite-text);grid-column:2;font-size:22px;line-height:1.3}.bgp-families{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.bgp-family,.bgp-dashboard-section{border:1px solid var(--graphite-border);border-radius:12px;min-width:0;overflow:hidden}.bgp-family-head{justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.bgp-family-head h3{color:var(--graphite-text);margin:3px 0 0;font-size:18px}.bgp-family-head>strong{color:var(--graphite-text);font-size:20px}.bgp-state-track{background:var(--graphite-hover);border-radius:8px;height:8px;margin:0 18px;display:flex;overflow:hidden}.bgp-family-legend{color:var(--graphite-secondary);flex-wrap:wrap;gap:8px 14px;padding:12px 18px;font-size:11px;display:flex}.bgp-family-legend span{align-items:center;gap:5px;display:inline-flex}.bgp-family-legend strong{color:var(--graphite-text)}.bgp-family-table-wrap{border-top:1px solid var(--graphite-border);max-height:315px;overflow:auto}.bgp-dashboard-bottom{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:14px;display:grid}.bgp-section-heading{border-bottom:1px solid var(--graphite-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.bgp-section-heading h3{color:var(--graphite-text);margin:0;font-size:15px}.bgp-section-heading span{color:var(--graphite-muted);font-size:11px}.bgp-incidents ul{max-height:380px;margin:0;padding:0;list-style:none;overflow:auto}.bgp-incidents li{border-bottom:1px solid var(--graphite-border);gap:10px;padding:12px 16px;display:flex}.bgp-incidents li:last-child{border-bottom:0}.bgp-incident-mark{background:#ef4653;border-radius:50%;flex:none;width:7px;height:7px;margin-top:5px}.bgp-incidents li div{min-width:0}.bgp-incidents li strong{color:var(--graphite-text);overflow-wrap:anywhere;font-size:12px;font-weight:600}.bgp-incidents li small{color:var(--graphite-muted);margin-top:5px;display:block}.bgp-no-incidents{color:var(--graphite-muted);padding:16px;font-size:12px}@media (width<=1200px){.bgp-state-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.bgp-dashboard-bottom{grid-template-columns:1fr}}@media (width<=850px){.bgp-families{grid-template-columns:1fr}}@media (width<=650px){.bgp-dashboard{padding:12px}.bgp-dashboard-intro{display:block}.bgp-dashboard-intro>span{margin-top:8px;display:block}.bgp-state-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.bgp-dashboard{background:#101820;gap:9px;padding:12px}.bgp-dashboard-intro{padding:3px 4px 6px}.bgp-dashboard-intro h2{font-size:19px}.bgp-state-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.bgp-state-card{background:#17222c;border-radius:3px;grid-template-columns:8px 1fr auto;padding:7px 9px}.bgp-state-card strong{grid-area:1/3;font-size:19px}.bgp-families,.bgp-route-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bgp-family,.bgp-dashboard-section{background:#17222c;border-radius:4px}.bgp-family-head{border-bottom:1px solid var(--graphite-border);padding:8px 12px}.bgp-family-head h3{font-size:14px}.bgp-family-head>strong{font-size:15px}.bgp-family-body{grid-template-columns:minmax(0,1fr) minmax(160px,.78fr);display:grid}.bgp-family-table-wrap{border-top:0;border-right:1px solid var(--graphite-border);max-height:245px}.bgp-family-table-wrap .ne8000-table{min-width:0}.bgp-family-table-wrap .ne8000-table th,.bgp-family-table-wrap .ne8000-table td{padding:5px 9px;font-size:10px}.bgp-family-table-wrap .ne8000-table td{font-size:10px}.bgp-family-table-wrap .ne8000-table td strong{font-weight:500}.bgp-family-table-wrap .bgp-peer-alert{background:#ef465326}.bgp-donut-panel{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.bgp-donut-panel>small{color:var(--graphite-secondary);text-align:center;font-size:9px;font-weight:700}.bgp-donut{aspect-ratio:1;border-radius:50%;place-items:center;width:120px;display:grid}.bgp-donut>span{aspect-ratio:1;width:70px;color:var(--graphite-text);background:#17222c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.bgp-donut strong{font-size:23px;line-height:1}.bgp-donut em{color:var(--graphite-muted);font-size:10px;font-style:normal}.bgp-family-legend{justify-content:center;gap:4px 9px;padding:0;font-size:9px}.bgp-route-panels .bgp-routes-view{padding:11px}.bgp-route-panels .bgp-routes-heading h3{font-size:13px}.bgp-route-panels .bgp-routes-heading small,.bgp-route-panels .bgp-routes-controls>span{font-size:9px}.bgp-route-panels .bgp-routes-summary{margin:8px 0 2px;font-size:10px}.bgp-route-panels .bgp-routes-summary strong{font-size:12px}.bgp-route-panels .bgp-routes-canvas{height:190px}.bgp-data-caveat{color:var(--graphite-muted);margin:0 4px;font-size:10px}.bgp-dashboard-bottom{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:8px}.bgp-dashboard-bottom .ne8000-table th,.bgp-dashboard-bottom .ne8000-table td{padding:7px 9px;font-size:10px}.bgp-dashboard-bottom .ne8000-table{min-width:650px}.bgp-section-heading{padding:10px 12px}.bgp-section-heading h3{font-size:12px}.bgp-incidents li{padding:8px 10px}.bgp-incidents li strong{font-size:10px}@media (width<=1250px){.bgp-dashboard-bottom{grid-template-columns:1fr}}@media (width<=900px){.bgp-families,.bgp-route-panels{grid-template-columns:1fr}}@media (width<=700px){.bgp-state-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.bgp-family-body{grid-template-columns:minmax(0,1fr) minmax(135px,.8fr)}.bgp-donut{width:94px}.bgp-donut>span{width:54px}}@media (width<=500px){.bgp-state-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bgp-family-body{grid-template-columns:1fr}.bgp-family-table-wrap{border-right:0}.bgp-donut-panel{border-top:1px solid var(--graphite-border)}}.ne8000-data-toolbar{min-height:48px;padding:0 16px}.ne8000-data-toolbar .switch-view-tabs{align-items:stretch;gap:18px;height:48px;margin:0;overflow:auto hidden}.ne8000-data-toolbar .switch-view-tabs button{box-sizing:border-box;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 6px;line-height:1;display:inline-flex}.ne8000-data-toolbar .switch-view-tabs button svg{flex:none}.bgp-state-cards{border:1px solid var(--graphite-border);border-radius:5px;gap:0;overflow:hidden}.bgp-state-card{border:0;border-right:1px solid var(--graphite-border);white-space:nowrap;border-radius:0;gap:8px;min-height:42px}.bgp-state-card:last-child{border-right:0}.bgp-state-card span{font-size:11px}.bgp-state-card strong{font-variant-numeric:tabular-nums;font-size:17px}.bgp-family-head{box-sizing:border-box;min-height:38px}.bgp-family-head>div{align-items:center;gap:7px;min-width:0;display:flex}.bgp-family-head small{font-size:10px}.bgp-family-head h3{margin:0;font-size:13px}.bgp-family-head>strong{font-variant-numeric:tabular-nums}.bgp-family-body{min-width:0}@media (width<=1100px){.bgp-state-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.bgp-state-card:nth-child(3){border-right:0}.bgp-state-card:nth-child(-n+3){border-bottom:1px solid var(--graphite-border)}}@media (width<=650px){.ne8000-data-toolbar{padding:0 10px}.ne8000-data-toolbar .switch-view-tabs{gap:12px;width:100%}.bgp-state-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bgp-state-card:nth-child(3){border-right:1px solid var(--graphite-border)}.bgp-state-card:nth-child(2n){border-right:0}.bgp-state-card:nth-child(-n+4){border-bottom:1px solid var(--graphite-border)}}.bgp-prefix-dashboard{border:1px solid var(--graphite-border);background:#17222c;border-radius:4px;gap:10px;min-width:0;padding:12px;display:grid}.bgp-prefix-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.bgp-prefix-toolbar small{letter-spacing:.08em;color:var(--graphite-muted);font-size:9px;font-weight:800}.bgp-prefix-toolbar h3{color:var(--graphite-text);margin:2px 0 0;font-size:14px}.bgp-prefix-toolbar>div:last-child{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bgp-prefix-toolbar>div:last-child>span{color:var(--graphite-muted);font-size:10px}.bgp-prefix-toolbar .outline{place-items:center;padding:6px;display:grid}.bgp-prefix-family-label{letter-spacing:.08em;color:#f02d3e;border-bottom:1px solid var(--graphite-border);padding:5px 0;font-size:10px;font-weight:800}.bgp-prefix-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.bgp-prefix-tile{border:1px solid var(--graphite-border);background:#1d2832;border-radius:4px;min-width:0;padding:9px}.bgp-prefix-tile header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.bgp-prefix-tile header small{color:var(--graphite-muted);font-size:9px;display:block}.bgp-prefix-tile h4{color:var(--graphite-text);margin:2px 0;font-size:12px}.bgp-prefix-tile header strong{color:var(--graphite-text);font-variant-numeric:tabular-nums;font-size:12px}.bgp-prefix-chart,.bgp-prefix-no-data{width:100%;height:172px}.bgp-prefix-no-data{text-align:center;color:var(--graphite-muted);place-items:center;font-size:10px;display:grid}.bgp-prefix-dashboard .bgp-data-caveat{margin:0}@media (width<=1100px){.bgp-prefix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.bgp-prefix-toolbar{flex-direction:column;align-items:flex-start}.bgp-prefix-grid{grid-template-columns:1fr}.bgp-prefix-chart,.bgp-prefix-no-data{height:190px}}.bgp-detail-section{min-width:0}.bgp-detail-scroll{scrollbar-gutter:stable;max-height:clamp(220px,31vh,320px);overflow:auto}.bgp-detail-scroll .ne8000-table{min-width:1120px}.bgp-detail-scroll .ne8000-table th,.bgp-detail-scroll .ne8000-table td{padding:7px 10px;font-size:10px}.bgp-detail-scroll .ne8000-table thead th{z-index:1;box-shadow:0 1px 0 var(--graphite-border);background:#17222c;position:sticky;top:0}.bgp-detail-scroll .ne8000-table tbody tr:not(:last-child){border-bottom:1px solid #ffffff0b}.bgp-detail-scroll .bgp-peer-name{text-overflow:ellipsis;white-space:nowrap;max-width:240px;color:var(--graphite-secondary);overflow:hidden}.bgp-incidents ul{max-height:220px}@media (width<=700px){.bgp-detail-scroll{max-height:270px}}.ne8000-interfaces-view{min-width:0;padding:16px}@media (width<=760px){.ne8000-interfaces-view{padding:12px}}.observa-login{color:#f3f6fa;background:#20232b;grid-template-columns:minmax(0,51.6667%) minmax(0,48.3333%);min-height:100vh;font-family:Roboto,Arial,sans-serif;display:grid}.observa-login p,.observa-login h1,.observa-login h2{margin:0}.observa-presentation{background:#191d24;min-height:960px;padding:56px 64px 100px;position:relative}.observa-brand{align-items:flex-start;gap:14px;display:flex}.observa-mark{background:#061b2b;border-radius:14px;flex:none;width:47.6px;height:47.6px;position:relative}.observa-mark i{background:#29d4b8;border-radius:2.8px;width:5.6px;height:19.6px;position:absolute;top:14px;left:11.2px}.observa-mark i:nth-child(2){background:#70ebd6;height:28px;top:9.8px;left:21px}.observa-mark i:nth-child(3){height:14px;top:16.8px;left:30.8px}.observa-brand strong{font-size:34px;font-weight:700;line-height:40px;display:block}.observa-brand small{color:#a1acbc;margin:4px 0 0 2px;font-size:10px;line-height:12px;display:block}.observa-intro{margin-top:112px}.observa-intro h1{letter-spacing:0;font-size:44px;font-weight:700;line-height:53px}.observa-intro p{color:#a1acbc;margin-top:9px;font-size:19px;line-height:29px}.observa-preview{background:#252a33;border:1px solid #3b4350;border-radius:20px;height:292px;margin-top:46px;padding:21px 23px;position:relative}.observa-preview-heading{justify-content:space-between;align-items:center;font-size:11px;line-height:13px;display:flex}.observa-preview-heading strong{color:#a1acbc;font-size:11px}.observa-preview-heading span{color:#36e49c;margin-right:41px}.observa-preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:17px;display:grid}.observa-preview-metrics>div{background:#303641;border-radius:10px;height:77px;padding:12px 14px}.observa-preview-metrics span{color:#a1acbc;font-size:11px;line-height:13px;display:block}.observa-preview-metrics strong{color:#31d7e8;margin-top:7px;font-size:25px;line-height:30px;display:block}.observa-preview-metrics>div:nth-child(2) strong{color:#36e49c}.observa-preview-metrics>div:nth-child(3) strong{color:#ffc74f}.observa-traffic-heading{justify-content:space-between;align-items:center;margin-top:22px;font-size:13px;line-height:16px;display:flex}.observa-traffic-heading>div{gap:28px;margin-right:49px;font-size:11px;display:flex}.observa-traffic-heading span:first-child{color:#31d7e8}.observa-traffic-heading span:last-child{color:#b78aff}.observa-traffic-asset{height:83px;margin-top:18px;overflow:hidden;container-type:inline-size}.observa-traffic-asset img{transform-origin:0 0;transform:scale(min(1,calc(100cqw / 566px)));display:block}.observa-illustration-note{color:#778396;font-size:9px;position:absolute;bottom:14px;right:43px}.observa-promise{margin-top:48px}.observa-promise strong{font-size:18px;line-height:22px}.observa-promise p{color:#a1acbc;margin-top:11px;font-size:14px;line-height:17px}.observa-presentation>footer{color:#a1acbc;font-size:12px;line-height:14px;position:absolute;bottom:50px;left:64px}.observa-access{justify-content:center;min-width:0;min-height:960px;padding:223px 40px 130px;display:flex;position:relative}.observa-form{align-self:flex-start;width:400px;min-width:0;max-width:100%}.observa-form h2{font-size:30px;font-weight:700;line-height:36px}.observa-form-subtitle{color:#a1acbc;font-size:15px;line-height:18px}.observa-credentials{flex-direction:column;gap:22px;padding-top:36px;display:flex}.observa-credentials>label{color:#d5dce5;flex-direction:column;gap:9px;font-size:13px;font-weight:700;line-height:16px;display:flex}.observa-credentials input{color:#f3f6fa;background:#282d37;border:1px solid #46505f;border-radius:10px;width:100%;height:56px;margin:0;padding:0 16px;font:400 15px Roboto,Arial,sans-serif;display:block}.observa-credentials input::placeholder{color:#8996a9;opacity:1}.observa-password-field{display:block;position:relative}.observa-password-field input{padding-right:52px}.observa-password-toggle{background:0 0;border:0;width:22px;height:22px;padding:0;position:absolute;top:16px;right:18px}.observa-password-toggle img{display:block}.observa-login-options{color:#a1acbc;justify-content:space-between;align-items:center;gap:16px;padding:18px 0 26px;font-size:12px;line-height:16px;display:flex}.observa-login-options label{cursor:pointer;align-items:center;gap:10px;display:flex}.observa-login-options input{appearance:none;cursor:pointer;background:0 0;border:1px solid #6c7a8d;border-radius:4px;width:16px;height:16px;margin:0}.observa-login-options input:checked{background:#31d7e8;border-color:#31d7e8;box-shadow:inset 0 0 0 3px #20232b}.observa-login-options button{color:#31d7e8;font:inherit;background:0 0;margin-right:68px;padding:0}.observa-submit{color:#172027;background:#31d7e8;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;padding:0;font-size:16px;font-weight:700;display:flex}.observa-submit span{font-size:20px;font-weight:400}.observa-submit:hover:not(:disabled){background:#70ebd6}.observa-submit:disabled{opacity:.6;cursor:wait}.observa-support{text-align:center;color:#a1acbc;padding-top:24px;font-size:12px;line-height:21px}.observa-support a{color:#31d7e8;text-decoration:none}.observa-access-footer{color:#8996a9;justify-content:space-between;width:400px;max-width:calc(100% - 80px);font-size:12px;line-height:14px;display:flex;position:absolute;bottom:50px}.observa-login-message{color:#ffc74f;border:1px solid #ffc74f55;border-radius:8px;padding:12px;font-size:13px;line-height:20px;margin-top:18px!important}.observa-login :focus-visible{outline-offset:4px;outline:2px solid #31d7e8}@media (width>=1441px){.observa-presentation,.observa-access{min-height:100vh}.observa-access{padding-top:calc(50vh - 257px)}}@media (width>=1001px) and (width<=1300px){.observa-presentation{padding-left:40px;padding-right:40px}.observa-presentation>footer{left:40px}.observa-intro h1{font-size:36px}.observa-intro p{font-size:17px}.observa-preview-heading span,.observa-traffic-heading>div{margin-right:0}.observa-preview-metrics{gap:10px}.observa-promise strong{font-size:16px}.observa-form h2{font-size:27px}}@media (width<=1000px){.observa-login-options button{margin-right:0}.observa-login{grid-template-columns:minmax(0,1fr)}.observa-presentation{background:#191d24;min-height:0;padding:32px 24px}.observa-brand{max-width:400px;margin:auto}.observa-intro,.observa-preview,.observa-promise,.observa-presentation>footer{display:none}.observa-access{min-height:calc(100svh - 120px);padding:60px 24px 100px}.observa-access-footer{max-width:calc(100% - 48px);bottom:28px}}@media (width<=420px){.observa-form h2{font-size:26px}.observa-access{padding-top:40px}.observa-login-options{gap:8px;font-size:11px}}.observa-login.observa-first-access{grid-template-columns:minmax(0,1fr)}.observa-first-access .observa-access{align-items:center;min-height:100vh;padding:64px 24px}.observa-first-access .observa-form{width:100%;max-width:440px}.observa-first-access .observa-submit{margin-top:20px}.observa-first-access .secondary{margin-top:14px}