:root{font-family:Inter,system-ui,Arial,sans-serif;color:#e5eff9;background:#0b1422;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#111e30;border-bottom:1px solid #26374a;padding:17px max(22px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center}.brand{font-size:21px;font-weight:850;display:flex;gap:9px;align-items:center;letter-spacing:.2px}.brand span{font-weight:400;color:#45cffa}.container{max-width:1220px;margin:auto;padding:27px 20px}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}h1{font-size:27px;margin:0}h2{font-size:17px;margin:0 0 20px;display:flex;align-items:center;gap:8px}p{color:#9aadc1}button{background:#0f9fc0;color:#fff;border:0;padding:11px 15px;border-radius:7px;cursor:pointer;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{filter:brightness(1.13)}button:disabled{opacity:.5;cursor:not-allowed}.ghost{background:#26374a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.card{background:#152337;border:1px solid #2b3c51;border-radius:12px;padding:22px;box-shadow:0 6px 25px #0001}.stat svg{color:#52bbdf}.stat p{font-size:13px;margin:12px 0 2px}.stat strong{font-size:30px}section{margin-bottom:18px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}td,th{padding:13px 9px;border-bottom:1px solid #2b3c51;vertical-align:top}th{color:#9aacbc;font-size:12px;white-space:nowrap}td small{display:block;color:#91a9bf;font-size:11px;margin-top:5px;max-width:200px;overflow:hidden;text-overflow:ellipsis}td b{white-space:nowrap}.pill{display:inline-block;padding:4px 8px;border-radius:15px;font-size:11px;background:#34465b}.online{color:#58e4a2;background:#124a39}.offline{color:#ff9eab;background:#542938}.pending{color:#f4d286}.actions{white-space:nowrap}.actions button{padding:7px;margin-right:4px}.danger{color:#ff9aa8}.empty{text-align:center;color:#9db0c4;padding:30px}.cols{display:grid;grid-template-columns:1fr 1.5fr;gap:18px}form{display:flex;flex-direction:column;gap:15px}label{display:flex;flex-direction:column;gap:7px;color:#bac8d8;font-size:12px}input,select{background:#0b1726;border:1px solid #38506a;border-radius:7px;padding:12px;color:#e4edf5;width:100%;font:inherit;min-width:0}input:focus,select:focus{outline:2px solid #138db7}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint,footer{font-size:12px}footer{text-align:center;color:#7f94a8;padding:20px}.error{color:#fda4af}.box{padding:12px;border:1px solid #783746;border-radius:8px;margin:10px 0}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,425px)}.login-card .brand{margin-bottom:6px}.login-card>p{margin-bottom:30px}.login-card small{display:block;margin-top:18px;color:#9cb0c1}@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}.cols,.two{grid-template-columns:1fr}.brand{font-size:18px}.heading{align-items:flex-start}}.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.trend{background:#0e1a2b;border:1px solid #304157;border-radius:10px;padding:16px;min-width:0}.trend h3{margin:0 0 10px;font-size:14px}.chart{width:100%;height:170px;display:block}.legend{display:flex;gap:15px;font-size:12px}.trend small{font-size:11px;color:#9aadc1}.filters{display:flex;gap:12px;max-width:490px;margin:14px 0}.filters label{flex:1}.interface-list{display:flex;flex-wrap:wrap;gap:8px}.interface-list button{font-size:12px}.selected{outline:1px solid #2cc0e8}.up{color:#4ade80}.down{color:#fb7185}@media(max-width:800px){.monitor-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}}.header-actions{display:flex;align-items:center;gap:9px}.login-theme{position:fixed;top:18px;right:24px;z-index:2}.theme-toggle{white-space:nowrap}:root[data-theme=light]{color-scheme:light;color:#17283d;background:#f3f7fb}:root[data-theme=light] header{background:#fff;border-color:#d8e2ed}:root[data-theme=light] .card{background:#fff;border-color:#d8e2ed;box-shadow:0 6px 24px #243d5910}:root[data-theme=light] .trend{background:#f9fbfe;border-color:#d7e2ed}:root[data-theme=light] p{color:#536a81}:root[data-theme=light] label{color:#41566e}:root[data-theme=light] input,:root[data-theme=light] select{background:#fff;color:#152a41;border-color:#bdcfdf}:root[data-theme=light] input::placeholder{color:#768ba0}:root[data-theme=light] .ghost{background:#e8f0f7;color:#17334d}:root[data-theme=light] .ghost:hover{background:#d7e7f3;filter:none}:root[data-theme=light] td,:root[data-theme=light] th{border-color:#dce5ee}:root[data-theme=light] th,:root[data-theme=light] td small,:root[data-theme=light] .empty{color:#587086}:root[data-theme=light] .online{background:#daf7e8;color:#096b40}:root[data-theme=light] .offline{background:#ffe0e4;color:#a52541}:root[data-theme=light] .pending{background:#fff2d2;color:#875900}:root[data-theme=light] .danger{color:#b42338}:root[data-theme=light] .error{color:#b42338}:root[data-theme=light] .box{border-color:#e4b3bd}:root[data-theme=light] .hint,:root[data-theme=light] footer,:root[data-theme=light] .login-card small,:root[data-theme=light] .trend small{color:#60778c}:root[data-theme=light] .stat svg{color:#097da3}:root[data-theme=light] .up{color:#078348}:root[data-theme=light] .down{color:#b42338}:root[data-theme=light] .selected{outline-color:#168bae}:root[data-theme=light] .chart text{fill:#536a81}:root[data-theme=light] .chart line{stroke:#d3dfe9}@media(max-width:530px){.header-actions{gap:4px}.theme-toggle{padding:9px}.theme-toggle span{display:none}.login-theme{top:12px;right:12px}}.shell{display:flex;min-height:100vh}.sidebar{width:235px;flex:0 0 235px;background:#10243b;color:#eef6ff;display:flex;flex-direction:column;min-height:100vh}.sidebar-brand{padding:22px 19px;display:flex;align-items:center;gap:10px;color:#51b9fb;font-size:18px;font-weight:800}.sidebar-brand small{display:block;font-size:12px;font-weight:400}.sidebar nav{display:grid;gap:5px;padding:10px}.nav-item{justify-content:flex-start;background:transparent;color:#dfebf8;padding:13px 12px;text-align:left}.nav-item.active,.nav-item:hover{background:#24558e;color:#fff}.sidebar-foot{margin-top:auto;padding:20px;font-size:11px;color:#a4bfd7;border-top:1px solid #31506e}.workspace{min-width:0;flex:1}.topbar{padding:13px 26px}.top-brand{font-weight:800;font-size:17px}.top-brand span{font-weight:400;color:#219ad1}.content{max-width:1600px;padding:26px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.page-heading p{margin:8px 0 0}.fleet-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.fleet-stat{display:flex;align-items:center;gap:14px;padding:18px;min-width:0}.fleet-stat>svg{color:#3b82cf;flex-shrink:0}.fleet-stat small,.fleet-stat span{display:block;font-size:11px;color:#879bad}.fleet-stat strong{display:block;font-size:25px;margin:3px 0}.device-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:12px;margin:0 0 14px}.device-toolbar label{min-width:130px;flex:0 1 170px}.device-toolbar label span{font-size:11px}.device-toolbar .search-wrap{position:relative;display:flex;align-items:center;flex:1 1 280px}.search-wrap svg{position:absolute;left:12px;color:#8194a9}.search-wrap input{padding-left:36px}.device-toolbar-actions{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.view-switch{display:flex;gap:4px}.view-switch button{background:#e9eff7;color:#28506f}.view-switch button.chosen{background:#286ecb;color:#fff}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:12px}.device-tile{padding:14px 14px 13px;min-width:0}.device-top{display:flex;align-items:center;justify-content:space-between;height:37px}.vendor-icon{height:36px;width:36px;object-fit:contain}.state-dot{width:7px;height:7px;border-radius:50%}.green-dot{background:#22a365}.grey-dot{background:#8c9baa}.device-state{font-size:12px;margin:7px 0 5px}.state-online{color:#12925b}.state-offline{color:#c44753}.device-title{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-client{font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#91a9bf}.device-wan{display:flex;align-items:center;gap:5px;font-size:12px;color:#90a8c2;margin:8px 0 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-row{display:flex;justify-content:space-between;font-size:12px;margin:8px 0 4px}.meter{height:5px;border-radius:50px;background:#304055;overflow:hidden}.meter>span{display:block;height:100%;background:#139d71;border-radius:50px}.device-meta{display:flex;justify-content:space-between;gap:6px;color:#91a9bf;font-size:11px;margin:15px 0 10px}.device-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.device-actions button{font-size:11px;padding:9px 4px}.device-actions .tile-outline{background:transparent;color:#59c9f5;border:1px solid #3c92d5}.device-error{display:block;color:#ef8192;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:6px}.monitor-selector{max-width:350px;margin:20px 0}.empty-message{text-align:center;padding:24px}.mobile-menu{display:none}:root[data-theme=light] .device-client,:root[data-theme=light] .device-wan,:root[data-theme=light] .device-meta{color:#637991}:root[data-theme=light] .meter{background:#e5ecf4}:root[data-theme=light] .device-actions .tile-outline{color:#2367c6;border-color:#397edb}:root[data-theme=light] .device-error{color:#ba2940}@media(max-width:1050px){.fleet-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:190px;flex-basis:190px}}@media(max-width:680px){.sidebar{width:60px;flex-basis:60px}.sidebar-brand{font-size:0;padding:16px}.sidebar-brand small,.nav-item{font-size:0}.nav-item{justify-content:center;padding:12px}.sidebar-foot{display:none}.content{padding:14px}.topbar{padding:13px}.device-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.fleet-stat{padding:12px}.page-heading h1{font-size:23px}}.monitor-intro{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:8px 0 16px}.monitor-intro h2{margin:0 0 5px;font-size:19px}.monitor-intro p{margin:0 0 6px}.monitor-updated{font-size:12px;color:#90a5ba}.monitor-control{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:14px 0}.monitor-control label{width:min(100%,330px)}.period-switch{display:flex;gap:4px;flex-wrap:wrap}.period-switch button{background:#253950;color:#d5e5f1;padding:10px 12px}.period-switch button.active{background:#2269cc;color:#fff}.monitor-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:16px 0}.monitor-kpi{padding:16px;min-width:0}.monitor-kpi>span{display:block;font-size:12px;color:#9baec3}.monitor-kpi strong{display:block;font-size:21px;white-space:nowrap;margin:9px 0}.monitor-kpi small{font-size:10px;color:#97a9bd;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.monitor-charts .trend{background:#152337;min-width:0}.monitor-ifaces{margin-top:15px}.monitor-ifaces h2{margin-bottom:12px}.monitor-ifaces tbody tr{cursor:pointer}.monitor-selected{background:#2563eb22}.monitor-ifaces>small{font-size:11px;color:#91a9bf}.client-section{margin:20px 0}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}.client-tile{padding:18px}.client-title{display:flex;align-items:center;gap:9px}.client-title svg{color:#35a7dc}.client-tile p,.client-tile button{font-size:12px}:root[data-theme=light] .period-switch button{background:#e7edf6;color:#24415e}:root[data-theme=light] .period-switch button.active{background:#286dcc;color:#fff}:root[data-theme=light] .monitor-charts .trend{background:#fff}:root[data-theme=light] .monitor-kpi>span,:root[data-theme=light] .monitor-kpi small,:root[data-theme=light] .monitor-updated{color:#647b90}@media(max-width:1300px){.monitor-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.monitor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-charts{grid-template-columns:1fr}}@media(max-width:500px){.monitor-summary{grid-template-columns:1fr}.monitor-intro{align-items:flex-start;flex-direction:column}}.sidebar nav .unifi-nav{display:flex;align-items:center;gap:12px;width:100%;text-decoration:none;color:inherit;padding:12px 14px;border-radius:8px;font-weight:600;font-size:inherit}.sidebar nav .unifi-nav:hover,.sidebar nav .unifi-nav:focus-visible{background:#5196e538}.sidebar nav .unifi-nav span{margin-left:auto;opacity:.75}.iface-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:10px 0 16px}.iface-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:180px}.iface-toolbar input,.iface-toolbar select{padding:9px 12px;min-height:38px;border-radius:6px;border:1px solid var(--border, #40516b);background:var(--input-bg,transparent);color:inherit}.iface-toolbar input{width:min(100%,290px)}.monitor-ifaces tbody tr.traffic-med{box-shadow:inset 3px 0 #eab308;background:#eab30817}.monitor-ifaces tbody tr.traffic-high{box-shadow:inset 3px 0 #ef4444;background:#ef44441a}.monitor-ifaces tbody tr:focus-visible{outline:2px solid #38bdf8;outline-offset:-2px}.monitor-ifaces .table-wrap{overflow:auto}.monitor-ifaces table{min-width:850px}.dubtec-alerts{margin-top:20px;padding:20px}.dubtec-alerts h2{margin-top:0}.dubtec-alerts p{line-height:1.5}.dubtec-alerts table{width:100%}.wan-page{display:grid;gap:16px}.wan-actions{display:flex;gap:10px;align-items:center;margin-top:12px}.wan-editor form{display:grid;gap:12px}.wan-editor small{opacity:.8}.wan-test-option{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:13px}.wan-test-option input{width:auto;min-width:16px;min-height:16px}.wan-test-tag{display:inline-block;margin-left:8px;padding:2px 6px;border:1px solid #d6a03a;border-radius:7px;color:#ddac51;font-size:10px}.wan-page table{min-width:1150px}.wan-page td small{display:block;color:#849bb2;font-size:10px;margin-top:4px}.menu-editor{margin-top:20px;padding:18px}.menu-permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:14px 0}.permission-check{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border,#d2dbe5);border-radius:8px;cursor:pointer}.permission-check input{width:16px;height:16px;flex-shrink:0}.detail-view{display:flex;flex-direction:column;gap:16px}.detail-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.detail-head h2,.detail-head p{margin:0 0 6px}.detail-tabs{display:flex;flex-wrap:wrap;gap:8px}.detail-tabs button{border:1px solid var(--line,#556477);background:transparent;color:inherit;padding:9px 14px;border-radius:8px;cursor:pointer}.detail-tabs button.active{background:#1275b8;color:#fff}.detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.detail-stat{display:flex;flex-direction:column;gap:10px}.detail-stat strong{font-size:20px}.detail-stat small{opacity:.72}.detail-info p{margin:12px 0}.detail-view .monitor-page{margin-top:0}@media(max-width:600px){.detail-head{align-items:flex-start;flex-direction:column}}.monitor-memory-logs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;grid-column:1/-1;min-width:0}.monitor-memory-logs>*{min-width:0}.monitor-inline-logs ul{list-style:none;padding:0;margin:8px 0 0;max-height:220px;overflow-y:auto}.monitor-inline-logs li{border-bottom:1px solid var(--border-color,rgba(135,155,180,.2));padding:7px 0;overflow-wrap:anywhere}.monitor-inline-logs li small{opacity:.75;display:block;margin-bottom:2px}@media(max-width:980px){.monitor-memory-logs{grid-template-columns:1fr}}.remote-preview{display:grid;gap:16px;max-width:1450px}.remote-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px}.remote-intro h2{margin:0 0 6px}.remote-intro p{margin:0;opacity:.75}.remote-tag{font-size:12px;border:1px solid #18a2ce;border-radius:999px;padding:7px 12px;color:#16a0d2;white-space:nowrap}.remote-controls{padding:16px;display:grid;grid-template-columns:minmax(260px,1fr) 1fr;gap:16px;align-items:center}.remote-controls label{display:grid;gap:7px}.remote-controls select{width:100%}.remote-target{display:flex;flex-direction:column;gap:5px}.remote-target small,.remote-method small{opacity:.75}.remote-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.remote-method{display:flex;flex-direction:column;gap:9px;padding:16px;min-height:122px;border-top:3px solid #13a1d0}.remote-method span{font-size:11px;color:#159ec8;margin-top:auto}.remote-session{padding:0;overflow:hidden}.remote-session-head{padding:13px 18px;background:#255b9526;display:flex;justify-content:space-between;gap:12px}.remote-session-head span{font-size:12px;color:#e39148}.remote-session-body{min-height:280px;padding:40px 28px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#1736570d}.remote-session-symbol{font-size:50px;opacity:.28}.remote-session-body h3{font-size:17px;margin:12px 0}.remote-session-body p{max-width:580px;line-height:1.6;opacity:.75}.remote-security{font-size:12px;opacity:.75}.monitor-charts .trend,.monitor-charts>.card{min-width:0;border-radius:13px}.monitor-charts{gap:16px}.monitor-charts svg{max-width:100%;height:auto}.monitor-page .card,.detail-view .card{border-radius:13px}.detail-view .monitor-charts{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}@media(max-width:700px){.remote-intro{flex-direction:column;align-items:flex-start}.remote-controls{grid-template-columns:1fr}.remote-methods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.remote-methods{grid-template-columns:1fr}}.dub-dashboard{display:grid;gap:16px}.dash-intro{display:flex;justify-content:space-between;gap:16px;align-items:center}.dash-intro p{margin:0}.dash-intro small,.dub-dashboard small{opacity:.72}.dash-vendors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dash-vendor{padding:18px;display:grid;gap:14px}.dash-vendor-head{display:flex;align-items:center;gap:10px}.dash-vendor-head>div:nth-child(2){display:grid;gap:3px;min-width:0}.dash-vendor-head>div:nth-child(2) strong{font-size:16px}.dash-vendor-head>div:nth-child(2) small{font-size:12px}.dash-vendor-head b{margin-left:auto;font-size:22px}.dash-brand-icon{font-size:27px;color:#1795e4}.dash-meter-line{display:flex;justify-content:space-between;gap:10px;font-size:13px}.dash-vendor-actions{margin-top:auto}.dash-controls{display:flex;align-items:end;gap:14px;padding:12px 18px}.dash-controls label{flex:1;min-width:150px}.dash-controls>span{font-size:12px;opacity:.7;margin-bottom:12px}.dash-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dash-visual{min-width:0;padding:16px}.dash-visual h3,.dash-charts h3,.dash-bottom h3,.dash-remote h3{margin:0 0 12px;font-size:15px}.dash-donut-row{display:flex;align-items:center;justify-content:center;gap:12px;min-height:150px}.dash-donut{--ring:#1d9af2;width:136px;height:136px;flex:none;border-radius:50%;background:conic-gradient(var(--ring) var(--pct),#a6b9d226 0);display:grid;place-items:center}.dash-donut.ram{--ring:#16b68d}.dash-donut>div{width:72%;height:72%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--card-bg,var(--surface,#fff));background-color:color-mix(in srgb,var(--bg,#fff) 93%,var(--ring) 7%);box-shadow:inset 0 0 0 1px #6a80931c}.dash-donut strong{font-size:23px}.dash-donut small{font-size:11px}.dash-donut-label{flex:1;display:grid;gap:10px;min-width:95px;font-size:12px}.dash-donut-label>div{display:flex;justify-content:space-between;gap:8px}.dash-dot{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:4px}.dash-dot.blue{background:#169eed}.dash-dot.pale{background:#a6b9d2}.dash-severity{display:flex;align-items:center;gap:18px;min-height:135px}.dash-sev-count{height:115px;width:115px;flex:none;border-radius:50%;border:17px solid #2d9ae3;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:28px;font-weight:700}.dash-sev-count small{font-size:11px;font-weight:400}.dash-severity>div:last-child{flex:1;min-width:80px}.dash-severity>div:last-child>div{display:flex;justify-content:space-between;font-size:12px;margin:8px 0}.dash-resource{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px;margin:14px 0}.dash-resource .meter{grid-column:1/-1}.dash-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dash-charts>.card{min-width:0;padding:18px}.dash-charts .trend{margin:0}.dash-charts .chart{width:100%;height:180px}.dash-top-rate{padding:30px 0}.dash-top-rate strong{overflow-wrap:anywhere}.dash-bottom{display:grid;grid-template-columns:1.25fr 1fr 1.5fr;gap:12px}.dash-bottom>.card{min-width:0;padding:18px}.dash-bottom table{font-size:12px}.dash-wan p{font-size:13px}.dash-log-list{display:grid;gap:8px;margin-bottom:12px}.dash-log-list>div{display:grid;grid-template-columns:140px 1fr;gap:3px 8px;font-size:12px;padding:7px 0;border-bottom:1px solid #7892a130}.dash-log-list>div span{grid-column:1/-1;overflow-wrap:anywhere}.dash-remote{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.dash-remote p{margin:4px 0}.dash-remote button{white-space:nowrap}@media(max-width:1300px){.dash-vendors,.dash-visual-grid,.dash-charts,.dash-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-bottom>.card:last-child{grid-column:1/-1}}@media(max-width:700px){.dash-vendors,.dash-visual-grid,.dash-charts,.dash-bottom{grid-template-columns:minmax(0,1fr)}.dash-bottom>.card:last-child{grid-column:auto}.dash-intro,.dash-remote,.dash-controls{flex-direction:column;align-items:stretch}.dash-donut-row{justify-content:flex-start}.dash-sev-count{width:104px;height:104px}}.dub-dashboard{--dash-text:#e7f1fb;--dash-muted:#afc3d8;--dash-panel:#152337;--dash-border:#334761;--dash-track:#31445d;--dash-ring-center:#152337;--dash-blue:#22aafa;--dash-green:#20c69e;color:var(--dash-text);width:100%;max-width:100%;min-width:0}:root[data-theme=light] .dub-dashboard{--dash-text:#162a42;--dash-muted:#516a84;--dash-panel:#fff;--dash-border:#d9e5f1;--dash-track:#e3edf7;--dash-ring-center:#fff;--dash-blue:#087ec5;--dash-green:#049f79}.dub-dashboard .card{color:var(--dash-text);min-width:0;border-color:var(--dash-border)}.dub-dashboard h3,.dub-dashboard strong,.dub-dashboard b,.dub-dashboard .dash-donut strong{color:var(--dash-text)}.dub-dashboard p,.dub-dashboard small,.dub-dashboard .hint,.dub-dashboard time{color:var(--dash-muted)}.dub-dashboard .dash-intro{min-width:0;flex-wrap:wrap;row-gap:5px}.dub-dashboard .dash-intro p{font-size:14px;line-height:1.5}.dub-dashboard .dash-intro small{font-size:12px;text-align:right}.dub-dashboard .dash-vendor{gap:12px;padding:18px;position:relative;overflow:hidden}.dub-dashboard .dash-vendor:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--dash-blue),var(--dash-green))}.dub-dashboard .dash-vendor-head small{color:var(--dash-muted);opacity:1}.dub-dashboard .dash-brand-icon{width:35px;height:35px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--dash-blue) 13%,transparent);border-radius:9px;color:var(--dash-blue)}.dub-dashboard .dash-meter-line{align-items:center;line-height:1.4;color:var(--dash-text)}.dub-dashboard .dash-vendor-actions{padding-top:5px}.dub-dashboard .dash-vendor-actions button{background:color-mix(in srgb,var(--dash-blue) 17%,var(--dash-panel));border:1px solid color-mix(in srgb,var(--dash-blue) 36%,var(--dash-border));color:var(--dash-text)}.dub-dashboard .dash-controls{flex-wrap:wrap;row-gap:10px}.dub-dashboard .dash-controls label{color:var(--dash-muted)}.dub-dashboard .dash-controls select{min-height:42px;max-width:100%}.dub-dashboard .dash-controls>span{margin-bottom:7px;color:var(--dash-muted)}.dub-dashboard .dash-visual{padding:19px;display:flex;flex-direction:column;gap:7px}.dub-dashboard .dash-visual h3{font-size:15px;line-height:1.35;min-height:20px;margin-bottom:4px}.dub-dashboard .dash-donut-row{min-height:156px;justify-content:flex-start;gap:15px}.dub-dashboard .dash-donut{width:132px;height:132px;background:conic-gradient(var(--ring) var(--pct),var(--dash-track) 0);box-shadow:0 0 0 1px var(--dash-border);--ring:var(--dash-blue)}.dub-dashboard .dash-donut.ram{--ring:var(--dash-green)}.dub-dashboard .dash-donut>div{width:73%;height:73%;background:var(--dash-ring-center)!important;background-color:var(--dash-ring-center)!important;box-shadow:0 0 0 1px var(--dash-border)}.dub-dashboard .dash-donut strong{font-size:22px;font-weight:800;line-height:1.2;color:var(--dash-text)!important;opacity:1!important;text-shadow:none!important}.dub-dashboard .dash-donut small{font-size:12px;color:var(--dash-muted)!important;opacity:1!important}.dub-dashboard .dash-donut-label{gap:12px;font-size:12px;color:var(--dash-text)}.dub-dashboard .dash-donut-label>div{align-items:center;gap:5px}.dub-dashboard .dash-donut-label strong{white-space:nowrap}.dub-dashboard .dash-dot.blue{background:var(--dash-blue)}.dub-dashboard .dash-dot.pale{background:var(--dash-track);outline:1px solid var(--dash-border)}.dub-dashboard .dash-severity{gap:14px}.dub-dashboard .dash-sev-count{width:112px;height:112px;border-width:14px;border-color:var(--dash-blue);background:var(--dash-panel);color:var(--dash-text);line-height:1.2}.dub-dashboard .dash-sev-count small{max-width:64px;text-align:center;line-height:1.3;font-size:10px}.dub-dashboard .dash-severity>div:last-child>div{gap:12px}.dub-dashboard .dash-severity>div:last-child span{color:var(--dash-muted)}.dub-dashboard .dash-resource .meter{background:var(--dash-track);height:7px;border-radius:99px;overflow:hidden}.dub-dashboard .dash-resource .meter span{background:var(--dash-green);height:100%;border-radius:99px;display:block}.dub-dashboard .dash-charts>.card,.dub-dashboard .dash-bottom>.card{padding:19px}.dub-dashboard .dash-charts .trend{background:transparent;border:0;padding:0}.dub-dashboard .dash-charts .trend svg{width:100%;max-width:100%}.dub-dashboard .dash-top-rate{padding:30px 0 15px}.dub-dashboard .dash-top-rate p{font-size:14px}.dub-dashboard .dash-bottom .table-wrap{overflow:auto}.dub-dashboard .dash-bottom table{width:100%;font-variant-numeric:tabular-nums}.dub-dashboard .dash-bottom td,.dub-dashboard .dash-bottom th{border-color:var(--dash-border)}.dub-dashboard .dash-bottom th{color:var(--dash-muted)}.dub-dashboard .dash-bottom tbody tr:hover{background:color-mix(in srgb,var(--dash-blue) 6%,transparent)}.dub-dashboard .dash-log-list>div{border-color:var(--dash-border)}.dub-dashboard .dash-wan span{display:inline-block;margin:10px 0;color:var(--dash-green)}.dub-dashboard .dash-remote{gap:20px;flex-wrap:wrap}.dub-dashboard .dash-remote button{max-width:100%;white-space:normal;text-align:center}.dub-dashboard button:focus-visible,.dub-dashboard select:focus-visible{outline:3px solid var(--dash-blue);outline-offset:2px}@media(min-width:1450px){.dub-dashboard .dash-visual-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1180px){.dub-dashboard .dash-donut-row{flex-wrap:wrap;justify-content:center}.dub-dashboard .dash-donut-label{width:100%}}@media(max-width:700px){.dub-dashboard .dash-donut-row{flex-direction:row;justify-content:flex-start}.dub-dashboard .dash-donut-label{width:auto}.dub-dashboard .dash-intro small{text-align:left}.dub-dashboard .dash-controls{align-items:stretch}}@media(max-width:390px){.dub-dashboard .dash-donut-row{flex-direction:column}.dub-dashboard .dash-donut-label{width:100%}}.dub-dashboard .dash-devices-section{min-width:0;display:grid;gap:12px}.dub-dashboard .dash-devices-header{display:flex;justify-content:space-between;align-items:end;gap:16px;color:var(--dash-text,#e7f1fb)}.dub-dashboard .dash-devices-header h3{font-size:17px;margin:0 0 4px}.dub-dashboard .dash-devices-header p{margin:0;color:var(--dash-muted,#a9bbd0);font-size:12px}.dub-dashboard .dash-devices-header>span{font-size:12px;color:var(--dash-muted,#a9bbd0);white-space:nowrap}.dub-dashboard .dash-device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dub-dashboard .dash-device-tile{min-width:0;padding:15px;display:flex;flex-direction:column;gap:13px;border:1px solid var(--dash-border,#34465a);border-radius:14px;background:var(--dash-panel,#17273a);color:var(--dash-text,#e7f1fb);box-shadow:0 2px 7px #0000000b}.dub-dashboard .dash-device-tile.dash-device-active{border-color:#249de9;box-shadow:0 0 0 1px #249de950}.dub-dashboard .dash-device-state{display:flex;gap:7px;align-items:center;font-weight:700;font-size:12px;color:var(--dash-green,#22a98d)}.dub-dashboard .dash-state-dot{width:8px;height:8px;background:#e3a62c;border-radius:50%;flex:none}.dub-dashboard .dash-state-dot.on{background:#229567}.dub-dashboard .dash-state-dot.off{background:#d85260}.dub-dashboard .dash-device-kind{margin-left:auto;color:var(--dash-muted,#acbdd0);font-weight:500}.dub-dashboard .dash-device-info{display:flex;gap:10px;align-items:center;min-width:0}.dub-dashboard .dash-device-logo{width:41px;height:41px;display:grid;place-items:center;flex:none;background:#158cd01f;color:#4ba9ef;border-radius:11px;font-size:22px;font-weight:900}.dub-dashboard .dash-device-logo.linux{background:#d6a42b20}.dub-dashboard .dash-device-logo.pfsense{background:#126bd327;color:#2280f7;font-style:italic}.dub-dashboard .dash-device-logo.windows{background:#1286e329;color:#188df1}.dub-dashboard .dash-device-ident{display:grid;gap:3px;min-width:0}.dub-dashboard .dash-device-ident strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dub-dashboard .dash-device-ident small{color:var(--dash-muted,#a9bbd0);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dub-dashboard .dash-device-stats{display:grid;gap:10px;margin-top:1px}.dub-dashboard .dash-device-stats label{display:flex;align-items:center;justify-content:space-between;font-size:12px}.dub-dashboard .dash-device-stats label b{font-size:12px}.dub-dashboard .dash-tile-track{height:6px;border-radius:8px;background:var(--dash-track,#33455d);overflow:hidden;margin-top:5px}.dub-dashboard .dash-tile-track>span{display:block;height:100%;background:var(--dash-green,#22b996);border-radius:8px}.dub-dashboard .dash-device-uptime{display:flex;gap:8px;justify-content:space-between;font-size:11px;color:var(--dash-muted,#a9bbd0)}.dub-dashboard .dash-device-uptime strong{color:var(--dash-text,#e7f1fb);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dub-dashboard .dash-device-buttons{display:flex;gap:8px;margin-top:auto}.dub-dashboard .dash-device-buttons button{flex:1;min-width:0;white-space:normal;font-size:11px;min-height:36px;padding:7px 8px}@media(max-width:1350px){.dub-dashboard .dash-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:990px){.dub-dashboard .dash-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.dub-dashboard .dash-device-grid{grid-template-columns:minmax(0,1fr)}.dub-dashboard .dash-devices-header{align-items:start;flex-direction:column}}.dub-dashboard .dash-device-logo img,.dub-dashboard .dash-brand-icon img{display:block;width:30px;height:30px;object-fit:contain;max-width:100%}.dub-dashboard .dash-device-logo,.dub-dashboard .dash-brand-icon{display:flex;align-items:center;justify-content:center}.remote-config{padding:18px}.remote-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.remote-config-grid label{display:grid;gap:5px;font-size:12px}.remote-config-grid input{width:100%}.remote-console{padding:12px;background:#0c1525;color:#d5e8fa}.remote-console pre{min-height:280px;max-height:450px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 monospace}.remote-console-actions{display:flex;gap:8px;flex-wrap:wrap}.remote-console-actions input{flex:1;min-width:180px;background:#1d2c43;color:#fff}.remote-console-actions button{width:auto}@media(max-width:700px){.remote-config-grid{grid-template-columns:1fr}}.remote-key-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.remote-key-review{margin-top:16px;border:1px solid var(--line,#6087a5);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.remote-key-review code{overflow-wrap:anywhere;word-break:break-word;padding:8px;background:#3288cd1a;border-radius:5px}.remote-key-review label{display:flex;gap:8px;align-items:flex-start}.remote-session-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.remote-session-tools button{padding:5px 9px}.remote-session-full{position:fixed;top:18px;right:18px;bottom:18px;left:18px;z-index:2000;display:flex;flex-direction:column;max-height:calc(100vh - 36px);overflow:auto}.remote-session-full .remote-console{flex:1;min-height:0;display:flex;flex-direction:column}.remote-session-full .remote-console pre{flex:1;max-height:none;overflow:auto}.remote-live-terminal{display:block;min-height:300px;max-height:500px;overflow:auto;outline:none;cursor:text;background:#0c1525;color:#d5e8fa;border:1px solid #34465d;border-radius:7px;padding:12px}.remote-live-terminal:focus{border-color:#10a8d6;box-shadow:0 0 0 2px #10a8d638}.remote-live-terminal pre{min-height:270px;max-height:none!important;margin:0;pointer-events:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;overflow:visible!important}.remote-cursor{animation:dubtecCursor 1s step-end infinite;color:#14b7e7}@keyframes dubtecCursor{50%{opacity:0}}.remote-console-actions{justify-content:space-between;align-items:center;margin-top:10px}.remote-console-actions small{color:#b6c9dc}.remote-session-full .remote-live-terminal{flex:1;max-height:none;min-height:0}.remote-rdp-link{display:inline-block;padding:11px 18px;border-radius:8px;background:#0879be;color:#fff!important;text-decoration:none;font-weight:700}.remote-rdp{display:grid;gap:10px}.remote-rdp-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.remote-rdp-frame{width:100%;height:min(68vh,740px);min-height:420px;position:relative;border:1px solid #54708c;border-radius:10px;overflow:hidden;background:#080f1c}.remote-rdp-frame iframe{height:calc(100% - 45px);width:100%;border:0;display:block;background:#fff}.remote-rdp-frame-actions{display:flex;justify-content:flex-end;gap:8px;padding:5px 10px;height:45px}.remote-rdp-expanded{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:9999;width:auto;height:auto;max-height:none;box-shadow:0 0 0 100vmax #000000c7}@media(max-width:600px){.remote-rdp-frame{min-height:360px}}.cloud-logo{color:#26bffa;flex:none;vertical-align:middle;filter:drop-shadow(0 0 5px rgba(38,191,250,.12))}.brand,.sidebar-brand,.top-brand{display:flex;align-items:center;gap:10px}.brand span,.top-brand span{font-weight:500;color:#44baff}.sidebar-brand small{display:block;font-size:.73em;font-weight:500;color:#53bdf5}.cloud-theme-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(121,164,213,.35);border-radius:10px;background:#5082b417}.cloud-theme-option{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px!important;margin:0!important;border:1px solid transparent!important;border-radius:7px!important;font-size:12px!important;white-space:nowrap}.cloud-theme-option.selected{background:#27a4f129!important;border-color:#36a9ed!important;color:#37b8ff!important}html[data-theme=light-blue]{color-scheme:light;--bg:#eaf5ff;--background:#eaf5ff;--panel:#fff;--card:#fff;--surface:#fff;--text:#173d67;--muted:#52789f;--border:#bcd9f4;--accent:#167bd2;--primary:#167bd2;--sidebar:#d3eafe;--line:#bddcf4}html[data-theme=light-blue] body,html[data-theme=light-blue] .shell,html[data-theme=light-blue] .workspace,html[data-theme=light-blue] .content,html[data-theme=light-blue] .login{background:#eaf5ff!important;color:#173d67!important}html[data-theme=light-blue] .sidebar{background:linear-gradient(180deg,#d0e8ff,#e3f2ff)!important;border-color:#b6d4ef!important;color:#1a4c7b!important}html[data-theme=light-blue] .topbar{background:#f5fbff!important;border-color:#c2ddf5!important;color:#173d67!important}html[data-theme=light-blue] .card,html[data-theme=light-blue] .trend,html[data-theme=light-blue] .monitor-control{background:#fff!important;border-color:#bbd8f0!important;color:#173d67!important;box-shadow:0 3px 14px #1863a10b}html[data-theme=light-blue] .nav-item{color:#26567e!important}html[data-theme=light-blue] .nav-item.active{background:#d5ecff!important;color:#086cbd!important;border-color:#93c8f3!important}html[data-theme=light-blue] .page-heading p,html[data-theme=light-blue] .hint,html[data-theme=light-blue] small{color:#537da0}html[data-theme=light-blue] input,html[data-theme=light-blue] select,html[data-theme=light-blue] textarea{background:#f4faff!important;border-color:#afd0ec!important;color:#163d65!important}html[data-theme=light-blue] table{color:#173d67!important}html[data-theme=light-blue] th{background:#d9edff!important;color:#1c5687!important}html[data-theme=light-blue] td{border-color:#d8eafa!important}html[data-theme=light-blue] tr:nth-child(2n){background:#f2f8ff!important}html[data-theme=light-blue] button.ghost{color:#1267a7}@media(max-width:750px){.cloud-theme-switch{gap:0}.cloud-theme-option{padding:6px!important}.cloud-theme-option span{font-size:11px}.top-brand .cloud-logo{display:none}}