:root{--ink:#17201d;--muted:#6f7975;--line:#e6e9e6;--paper:#f5f6f2;--white:#fff;--green:#0e5b46;--green-2:#128365;--mint:#baf5d9;--mint-soft:#e7f9ef;--coral:#f27865;--blue:#5c8bea;--violet:#806bd9;--shadow:0 18px 50px rgba(30,48,40,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#133d32;color:#dcebe5;padding:30px 20px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:800 24px Manrope;margin:0 10px 45px}.brand>span:last-child span{color:#83e6b7}.brand-mark{width:35px;height:35px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;padding:7px;border:1px solid rgba(255,255,255,.2);border-radius:10px}.brand-mark i{display:block;background:#9aebbd;border-radius:2px}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:13px}.nav-label,.overline{font-size:10px;letter-spacing:1.7px;font-weight:700}.nav-label{color:#83a69b;margin:0 12px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{height:46px;display:flex;align-items:center;gap:13px;border-radius:11px;padding:0 13px;color:#adc6bd;text-decoration:none;font-weight:600}.nav-item svg{width:19px}.nav-item b{margin-left:auto;font-size:11px;background:rgba(255,255,255,.09);padding:2px 7px;border-radius:10px}.nav-item:hover,.nav-item.active{background:#e8f8ef;color:#153f33}.nav-item.active b{background:#bcefd5}.sidebar-status{margin-top:auto;border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:14px;display:flex;align-items:center;gap:11px}.sidebar-status strong,.sidebar-footer strong{display:block;font-size:12px;color:#f3fbf7}.sidebar-status small,.sidebar-footer small{color:#8fb0a6;font-size:10px}.pulse-dot{width:9px;height:9px;background:#79e2aa;border-radius:50%;box-shadow:0 0 0 5px rgba(121,226,170,.12)}.sidebar-footer{display:flex;align-items:center;gap:10px;padding:18px 7px 0;margin-top:16px;border-top:1px solid rgba(255,255,255,.09)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#27594b;color:#9ce6bd;font-weight:700;font-size:11px}main{margin-left:244px;min-height:100vh}.topbar{height:112px;padding:27px 4vw 20px;display:flex;align-items:center;gap:18px;background:rgba(245,246,242,.88);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(213,218,213,.7)}.topbar-copy p{margin:0 0 5px;color:#699085;font-size:9px;letter-spacing:2px;font-weight:700}.topbar h1{font:700 23px Manrope;margin:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.date-pill{color:#75807c;font-size:12px;padding:10px 14px;border-right:1px solid #d8dcd9}.primary-btn,.secondary-btn,.light-btn,.danger-btn{border:0;border-radius:10px;padding:11px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-btn{background:var(--green);color:#fff;box-shadow:0 5px 15px rgba(14,91,70,.18)}.primary-btn:hover{background:#0a4938;transform:translateY(-1px)}.secondary-btn{background:#eef0ed;color:#3e4945}.danger-btn{background:#d84d45;color:#fff}.light-btn{background:#f5fff9;color:#174c3d}.light-btn:hover{background:#fff;transform:translateY(-1px)}.primary-btn svg,.secondary-btn svg{width:16px}.icon-btn{border:1px solid var(--line);background:#fff;width:39px;height:39px;border-radius:10px;display:grid;place-items:center;color:#59645f}.menu-btn{display:none}.page{display:none;padding:30px 4vw 55px;animation:fadeUp .35s ease}.page.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.hero-card{min-height:295px;border-radius:24px;background:linear-gradient(125deg,#0f5441 0%,#0d6a50 60%,#168064 100%);color:#fff;padding:42px 5%;display:flex;align-items:center;overflow:hidden;position:relative;box-shadow:0 18px 40px rgba(20,87,69,.15)}.hero-card>div:first-child{position:relative;z-index:2;max-width:570px}.hero-kicker{font-size:9px;letter-spacing:2px;font-weight:700;color:#b6ecd1;display:flex;align-items:center;gap:8px}.hero-kicker i{width:6px;height:6px;border-radius:50%;background:#8de9bb}.hero-card h2{font:700 37px/1.13 Manrope;margin:17px 0 12px;letter-spacing:-1.3px}.hero-card h2 em{color:#9ae8bd;font-style:normal}.hero-card p{max-width:510px;color:#c1dad2;line-height:1.65;margin:0 0 24px}.hero-visual{position:absolute;right:4%;width:300px;height:300px}.core{position:absolute;left:100px;top:100px;width:100px;height:100px;border-radius:27px;background:linear-gradient(145deg,#e1fff0,#8ee2b5);display:grid;place-items:center;transform:rotate(8deg);box-shadow:0 20px 50px rgba(0,25,18,.3)}.core strong{color:#0d6148;font:800 26px Manrope;transform:rotate(-8deg)}.core-grid{position:absolute;inset:12px;background-image:linear-gradient(rgba(16,110,79,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(16,110,79,.08) 1px,transparent 1px);background-size:12px 12px;border-radius:14px}.orbit{position:absolute;border:1px solid rgba(185,247,217,.22);border-radius:50%;inset:36px}.orbit-two{inset:4px}.orbit span,.node{position:absolute;border-radius:50%;background:#aaf0ca;box-shadow:0 0 0 5px rgba(170,240,202,.12)}.orbit-one span{width:7px;height:7px;top:15px;right:35px}.orbit-two span{width:9px;height:9px;bottom:27px;left:34px}.node{width:5px;height:5px}.n1{top:50px;left:65px}.n2{right:40px;top:130px}.n3{left:45px;bottom:60px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:18px 0}.metric{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;align-items:center;gap:17px}.metric-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--mint-soft);color:var(--green-2)}.metric-icon.blue{background:#e9f0ff;color:var(--blue)}.metric-icon.violet{background:#efecff;color:var(--violet)}.metric p{margin:0 0 3px;color:var(--muted);font-size:12px}.metric strong{font:800 27px Manrope;margin-right:9px}.metric small{color:#a0a7a4;font-size:10px}.split-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.overline{color:#73958b;margin:0 0 5px}.panel h3{margin:0;font:700 17px Manrope}.text-btn{border:0;background:transparent;color:var(--green-2);font-weight:700;font-size:12px}.router-mini{display:flex;align-items:center;padding:12px 2px;border-top:1px solid #eff1ef;gap:12px}.router-mini:first-child{border-top:0}.device-dot{width:38px;height:38px;border-radius:11px;background:#edf7f2;display:grid;place-items:center;color:var(--green)}.device-dot svg{width:18px}.router-mini strong{font-size:13px;display:block}.router-mini small{color:#89918e}.router-mini .owner-tag{margin-left:auto;background:#f2f3f0;border-radius:20px;padding:5px 9px;font-size:10px;color:#626b68}.quick-action{width:100%;border:1px solid #edf0ed;background:#fff;border-radius:13px;padding:13px;display:flex;align-items:center;text-align:left;gap:12px;margin-top:10px}.quick-action:hover{border-color:#b9ddcd;transform:translateX(2px)}.quick-icon{width:39px;height:39px;border-radius:10px;background:#e4f7ec;color:#16845f;display:grid;place-items:center}.quick-icon.coral{background:#fff0ed;color:var(--coral)}.quick-action span:nth-child(2){flex:1}.quick-action strong{display:block;font-size:12px}.quick-action small{display:block;color:#959c99;font-size:10px;margin-top:3px}.quick-action b{color:#8b9591}.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-toolbar p{color:var(--muted)}.toolbar-actions{display:flex;gap:10px}.search-box{height:41px;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px}.search-box svg{width:16px;color:#929b98}.search-box input{border:0;outline:0;width:100%;color:var(--ink)}.router-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.router-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;position:relative;overflow:hidden}.router-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#b9eacb}.router-card-top{display:flex;align-items:start;gap:12px}.router-card .device-dot{width:43px;height:43px}.router-card-name{flex:1}.router-card h3{margin:2px 0 3px;font:700 15px Manrope}.router-card-name small{color:#8a9490;font-size:11px}.protocol{font-size:9px;font-weight:800;letter-spacing:.8px;color:#387967;background:#e9f8f0;padding:5px 7px;border-radius:7px}.router-details{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0;padding:15px 0;border-top:1px solid #eff1ef;border-bottom:1px solid #eff1ef}.router-details span{font-size:9px;color:#9aa19e;display:block;margin-bottom:3px;text-transform:uppercase;letter-spacing:.6px}.router-details strong{font-size:11px;font-weight:600}.card-actions{display:flex;gap:7px}.card-actions button{flex:1;padding:8px;border:0;border-radius:8px;background:#f1f3f0;color:#52605b;font-size:10px;font-weight:700}.card-actions .test-btn{background:#e7f6ed;color:#15664d}.card-actions .delete-btn{flex:0 0 34px;color:#c65b52}.empty-state{text-align:center;padding:45px 20px;color:#89928e}.empty-state.large{padding:90px 20px}.empty-art{width:64px;height:64px;border-radius:18px;background:#e3f5eb;color:#188264;display:grid;place-items:center;margin:0 auto 17px}.empty-art svg{width:27px;height:27px}.empty-state h3{font:700 17px Manrope;color:#27312e;margin:0 0 8px}.empty-state p{max-width:420px;margin:auto;line-height:1.6}.monitor-picker{display:flex;align-items:center;gap:15px;margin-bottom:18px}.monitor-picker>div{margin-right:auto}.monitor-picker h3{margin-bottom:4px}.monitor-picker p:last-child{margin:0;color:var(--muted);font-size:11px}.monitor-picker select,.backup-controls select{min-width:230px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.health-grid article{background:#fff;border:1px solid var(--line);padding:18px;border-radius:15px}.health-grid span{font-size:9px;letter-spacing:1px;color:#8b9692;font-weight:700}.health-grid strong{display:block;font:700 19px Manrope;margin:10px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-grid small{color:#909995;font-size:10px}.progress{height:5px;background:#edf0ed;border-radius:5px;margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#43bd87;border-radius:5px;transition:.4s}.coral-bar i{background:var(--coral)}.traffic-layout{display:grid;gap:17px}.live-label{font-size:9px;font-weight:800;letter-spacing:1px;color:#16805f;display:flex;align-items:center;gap:6px}.live-label i{width:7px;height:7px;background:#3dcc8d;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px rgba(61,204,141,.15)}}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:9px;letter-spacing:.8px;color:#8d9692;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #eff1ef;font-size:11px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.status-dot{display:inline-flex;align-items:center;gap:6px}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#45c98b}.status-dot.off:before{background:#bbc1be}.rate{font-variant-numeric:tabular-nums;font-weight:600}.spark{width:80px;height:7px;border-radius:6px;background:#edf0ed;overflow:hidden}.spark i{height:100%;display:block;background:linear-gradient(90deg,#8fe0b7,#1d9d70);border-radius:6px}.backup-banner{background:#153f34;color:#fff;border-radius:20px;padding:27px 30px;display:flex;align-items:center;gap:20px;margin-bottom:18px}.backup-icon{width:58px;height:58px;border-radius:17px;background:#286553;display:grid;place-items:center;color:#a5ebc4}.backup-icon svg{width:27px;height:27px}.backup-banner h2{font:700 21px Manrope;margin:3px 0 4px}.backup-banner p{margin:0;color:#afcac1;font-size:11px}.backup-controls{margin-left:auto;display:flex;gap:8px}.download-btn{display:inline-flex;color:#12664e;text-decoration:none;font-weight:700;gap:4px}.badge-success,.badge-failed{display:inline-flex;border-radius:12px;padding:4px 8px;font-weight:700;font-size:9px}.badge-success{background:#e5f7ed;color:#137052}.badge-failed{background:#fff0ee;color:#b84d44}.modal-backdrop,.confirm-backdrop{position:fixed;inset:0;background:rgba(15,27,23,.52);backdrop-filter:blur(5px);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.2)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:24px 27px;border-bottom:1px solid var(--line)}.modal-head h2{font:700 20px Manrope;margin:0}.modal form{padding:24px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label>span{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.form-grid label>span small{font-weight:400;color:#9aa29f}.span-2{grid-column:span 2}input,select,textarea{width:100%;border:1px solid #dfe4e0;background:#fbfcfa;border-radius:9px;padding:11px 12px;outline:0;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#71bca0;box-shadow:0 0 0 3px rgba(69,169,132,.1)}textarea{resize:vertical}.password-field{position:relative}.password-field input{padding-right:42px}.password-field button{position:absolute;right:4px;top:3px;width:35px;height:35px;border:0;background:transparent;color:#89938f}.password-field svg{width:17px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;background:#f7f8f6;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.switch-row>span{margin:0!important}.switch-row small{display:block;margin-top:2px}.switch-row input{display:none}.switch-row i{width:38px;height:21px;border-radius:20px;background:#cfd5d1;position:relative;transition:.2s}.switch-row i:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;background:#fff;border-radius:50%;transition:.2s}.switch-row input:checked+i{background:#1c8b68}.switch-row input:checked+i:after{transform:translateX(17px)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.confirm-box{width:min(390px,100%);background:#fff;border-radius:18px;padding:28px;text-align:center}.confirm-symbol{width:48px;height:48px;border-radius:50%;background:#fff0ed;color:#d6574d;display:grid;place-items:center;font:800 21px Manrope;margin:auto}.confirm-box h3{font:700 18px Manrope;margin:15px 0 7px}.confirm-box p{color:var(--muted);font-size:12px;margin:0 0 22px}.confirm-box>div:last-child{display:flex;justify-content:center;gap:8px}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:100;display:grid;gap:8px}.toast{background:#183d33;color:#fff;border-radius:12px;padding:13px 17px;box-shadow:0 14px 40px rgba(0,0,0,.2);min-width:280px;display:flex;gap:10px;align-items:center;animation:toastIn .25s ease}.toast.error{background:#7c312d}.toast i{width:8px;height:8px;background:#6ee0a5;border-radius:50%}.toast.error i{background:#ff9c91}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}}.hidden{display:none!important}.loading{opacity:.55;pointer-events:none}.skeleton{height:48px;border-radius:8px;margin:8px 0;background:linear-gradient(90deg,#f0f2ef 25%,#fafbfa 50%,#f0f2ef 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:1050px){.router-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{opacity:.55;right:-3%}.health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:20px 0 50px rgba(0,0,0,.2)}.sidebar.open{transform:none}main{margin-left:0}.menu-btn{display:grid}.topbar{height:88px;padding:18px 20px}.topbar-copy p,.date-pill{display:none}.topbar h1{font-size:18px}.top-actions .primary-btn{font-size:0;padding:11px}.top-actions .primary-btn svg{margin:0}.page{padding:20px}.hero-card{padding:30px 25px;min-height:320px}.hero-card h2{font-size:30px}.hero-visual{opacity:.22;right:-80px}.metric-grid,.split-grid{grid-template-columns:1fr}.metric-grid{gap:10px}.section-toolbar{align-items:stretch;gap:12px;flex-direction:column}.toolbar-actions{flex-wrap:wrap}.search-box{flex:1;min-width:180px}.router-grid{grid-template-columns:1fr}.monitor-picker{align-items:stretch;flex-direction:column}.monitor-picker select{width:100%}.health-grid{grid-template-columns:1fr 1fr}.backup-banner{align-items:flex-start;flex-wrap:wrap}.backup-controls{width:100%;margin:0;flex-wrap:wrap}.backup-controls select{flex:1;min-width:160px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
@media(max-width:430px){.topbar-copy{display:none}.top-actions{margin-left:auto}.health-grid{grid-template-columns:1fr}.hero-card h2{font-size:27px}.modal-head,.modal form{padding:20px}.router-details{grid-template-columns:1fr}.toolbar-actions .primary-btn{width:100%}}
.brand-copy{display:flex;align-items:baseline;line-height:1}.brand-copy small{margin-left:7px;color:#91b7aa;font:600 8px "DM Sans";letter-spacing:.5px;white-space:nowrap}
.logout-btn{margin-left:auto;border:0;background:transparent;color:#8fb0a6;font-size:18px;padding:6px}.logout-btn:hover{color:#fff}.sidebar-footer form{margin-left:auto}
.login-body{min-height:100vh;background:#eef2ee}.login-shell{min-height:100vh;margin:0;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr)}.login-brand-panel{position:relative;overflow:hidden;padding:48px 7vw;color:#fff;background:linear-gradient(145deg,#0c3d31,#0c674c);display:flex;flex-direction:column}.login-brand{display:flex;align-items:baseline;gap:9px;position:relative;z-index:2}.login-brand .brand-mark{margin-right:4px;transform:translateY(8px)}.login-brand strong{font:800 25px Manrope}.login-brand strong span{color:#8fe5b6}.login-brand>small{color:#9bc4b5;font-weight:600}.login-message{margin:auto 0;position:relative;z-index:2;max-width:560px}.login-message h1{font:700 43px/1.13 Manrope;letter-spacing:-1.5px;margin:18px 0}.login-message h1 em{font-style:normal;color:#97e6b9}.login-message>p{color:#bad1c9;line-height:1.75;max-width:490px}.login-copyright{color:#80a79a;position:relative;z-index:2}.login-nodes{position:absolute;width:470px;height:470px;border:1px solid rgba(166,235,198,.13);border-radius:50%;right:-180px;bottom:-80px}.login-nodes:before,.login-nodes:after{content:"";position:absolute;border:1px solid rgba(166,235,198,.13);border-radius:50%;inset:60px}.login-nodes:after{inset:130px}.login-nodes b{position:absolute;inset:190px;display:grid;place-items:center;border-radius:25px;background:#a5ecc5;color:#126047;font:800 24px Manrope;transform:rotate(8deg)}.login-nodes i{position:absolute;width:8px;height:8px;border-radius:50%;background:#9ce8bd;box-shadow:0 0 0 6px rgba(156,232,189,.1)}.login-nodes i:nth-child(1){left:58px;top:150px}.login-nodes i:nth-child(2){right:105px;top:55px}.login-nodes i:nth-child(3){left:100px;bottom:55px}.login-nodes i:nth-child(4){right:26px;bottom:175px}.login-form-panel{background:#fff;display:grid;place-items:center;padding:35px}.login-form{width:min(390px,100%)}.login-form h2{font:700 28px Manrope;margin:6px 0}.login-lead{color:#818c87;margin:0 0 28px}.login-form label{display:block;margin:17px 0}.login-form label span{display:block;font-weight:700;font-size:11px;margin-bottom:7px}.login-form input{padding:13px}.login-submit{width:100%;padding:13px;margin-top:6px}.login-submit span{margin-left:auto}.login-error{background:#fff0ee;color:#a9443d;padding:11px 13px;border-radius:9px;font-size:11px;margin:15px 0}.login-secure{display:flex;justify-content:center;align-items:center;gap:7px;color:#8b9692;font-size:10px;margin-top:22px}.login-secure i{width:7px;height:7px;border-radius:50%;background:#42c587}
@media(max-width:820px){.login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:280px;padding:34px}.login-message{margin:55px 0 25px}.login-message h1{font-size:31px}.login-message>p,.login-copyright{display:none}.login-form-panel{padding:45px 25px}.login-nodes{opacity:.35}}

/* Live monitor sorting and link diagnostics */
.sort-hint{display:block;color:#9aa29f;font-size:10px;margin-top:4px}.sort-button{border:0;background:transparent;padding:0;color:inherit;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;white-space:nowrap}.sort-button:after{content:" ↕";opacity:.35}.sort-button.active{color:#176b52}.sort-button.active.asc:after{content:" ↑";opacity:1}.sort-button.active.desc:after{content:" ↓";opacity:1}.rate .spark{margin-top:5px}.diagnostic-panel{margin-bottom:17px}.diagnostic-controls{display:flex;align-items:flex-end;gap:9px}.diagnostic-controls label{flex:1}.diagnostic-controls label span{display:block;font-size:10px;font-weight:700;margin-bottom:6px;color:#68736f}.diagnostic-empty{padding:18px 0 2px;color:#8a9490;font-size:11px}.diagnostic-summary{margin-top:17px;padding:13px;border-radius:12px;display:flex;align-items:center;gap:10px;background:#edf8f2}.diagnostic-summary>span{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#38bd7f}.diagnostic-summary strong{display:block;font-size:12px}.diagnostic-summary p{margin:2px 0 0;color:#60706a;font-size:11px}.diagnostic-summary b{margin-left:auto;font-size:11px}.diagnostic-summary.degraded{background:#fff7e5}.diagnostic-summary.degraded>span{background:#e5a52e}.diagnostic-summary.down{background:#fff0ee}.diagnostic-summary.down>span{background:#d95b51}.diagnostic-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.diagnostic-metrics>div{border:1px solid var(--line);border-radius:10px;padding:12px}.diagnostic-metrics span{display:block;color:#929b98;font-size:9px;letter-spacing:.7px}.diagnostic-metrics strong{display:block;margin-top:5px;font-size:12px}
@media(max-width:760px){.diagnostic-controls{align-items:stretch;flex-direction:column}.diagnostic-metrics{grid-template-columns:1fr}.diagnostic-summary{align-items:flex-start;flex-wrap:wrap}.diagnostic-summary b{width:100%;margin-left:19px}}

/* Consistent custom dropdowns */
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:42px;background-color:#fbfcfa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2352605b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px;cursor:pointer}select:hover{border-color:#b9c9c1;background-color:#fff}select:focus{background-color:#fff}select:disabled{cursor:not-allowed;opacity:.6}select option{background:#fff;color:var(--ink)}.backup-kind{display:inline-flex;border-radius:7px;padding:4px 7px;background:#e8f7ef;color:#176b52;font-size:9px;font-weight:800;letter-spacing:.6px}.backup-kind.binary{background:#e9f0ff;color:#416ebf}

select{min-height:42px;border:1px solid #cad5cf!important;border-radius:11px!important;background-color:#fff!important;box-shadow:0 1px 2px rgba(20,55,44,.04),inset 0 0 0 1px rgba(255,255,255,.7);font-weight:600;color:#26332f}select:hover{border-color:#7fb59f!important;box-shadow:0 3px 12px rgba(20,90,68,.08)}select:focus{border-color:#29936d!important;box-shadow:0 0 0 3px rgba(41,147,109,.13)!important}select::-ms-expand{display:none}.linked-row{cursor:pointer;border-radius:10px;padding-left:7px;padding-right:7px}.linked-row:hover,.linked-row:focus{background:#f2faf6;outline:none}.linked-row>b{color:#6f8d82}.relation-link{border:0;background:transparent;padding:0;color:#14694f;font-weight:700;cursor:pointer}.relation-link:hover{text-decoration:underline}.row-actions{display:flex;align-items:center;gap:11px}.detail-modal{width:min(720px,100%)}.detail-body{padding:24px 27px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-grid>div{border:1px solid var(--line);border-radius:11px;padding:12px}.detail-grid span,.detail-notes>span{display:block;font-size:9px;letter-spacing:.8px;color:#8d9692;font-weight:700}.detail-grid strong{display:block;margin-top:5px;font-size:12px;overflow-wrap:anywhere}.detail-notes{margin-top:11px;background:#f7f9f6;border-radius:11px;padding:12px}.detail-notes p{margin:5px 0 0;color:#5f6c67;font-size:11px;line-height:1.55}.related-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px}.related-head h3{margin:0;font:700 15px Manrope}.related-backups>div{display:flex;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid #eff1ef}.related-backups>div>div{flex:1;min-width:0}.related-backups strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.related-backups small{display:block;color:#929b98;font-size:9px;margin-top:2px}.detail-actions{margin:0 27px 24px}.viewer-modal{width:min(1000px,96vw);height:min(780px,90vh);display:flex;flex-direction:column;overflow:hidden}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px;background:#f6f8f5;border-bottom:1px solid var(--line)}.viewer-toolbar>span{color:#74807b;font-size:10px}.viewer-toolbar>div{display:flex;gap:8px}.viewer-toolbar a{text-decoration:none}.viewer-modal pre{flex:1;overflow:auto;margin:0;padding:22px;background:#15201c;color:#ccebdc;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:2}
@media(max-width:760px){.detail-grid{grid-template-columns:1fr 1fr}.viewer-toolbar{align-items:flex-start;flex-direction:column}.viewer-modal{height:92vh}.related-backups>div{flex-wrap:wrap}.monitor-picker #monitorRouterDetail{width:100%}}
@media(max-width:430px){.detail-grid{grid-template-columns:1fr}.detail-body{padding:20px}.detail-actions{margin:0 20px 20px;flex-wrap:wrap}.detail-actions button{flex:1}.viewer-toolbar>div{width:100%}.viewer-toolbar button,.viewer-toolbar a{flex:1}}

/* Fully custom dropdown component; native select remains for form submission. */
.custom-select{position:relative;width:100%;min-width:0}.native-select-hidden{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;opacity:0!important;pointer-events:none!important}.custom-select-trigger{width:100%;min-height:42px;border:1px solid #cad5cf;border-radius:11px;background:linear-gradient(180deg,#fff,#f8faf8);box-shadow:0 1px 2px rgba(20,55,44,.04);padding:10px 42px 10px 13px;color:#26332f;font-weight:600;text-align:left;position:relative}.custom-select-trigger:hover{border-color:#7fb59f;background:#fff}.custom-select-trigger:focus{outline:0;border-color:#29936d;box-shadow:0 0 0 3px rgba(41,147,109,.13)}.custom-select-trigger.placeholder{color:#7f8985;font-weight:500}.custom-select-trigger i{position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid #4f615a;border-bottom:2px solid #4f615a;transform:translateY(-70%) rotate(45deg);transition:.18s}.custom-select.open .custom-select-trigger i{transform:translateY(-30%) rotate(225deg)}.custom-select-menu{display:none;position:absolute;z-index:80;left:0;right:0;top:calc(100% + 6px);max-height:245px;overflow:auto;padding:6px;background:#fff;border:1px solid #d8e0dc;border-radius:12px;box-shadow:0 18px 45px rgba(24,55,45,.17)}.custom-select.open .custom-select-menu{display:grid;animation:dropdownIn .16s ease}.custom-select-menu button{border:0;border-radius:8px;background:transparent;padding:10px 11px;text-align:left;color:#47544f;font-size:12px}.custom-select-menu button:hover,.custom-select-menu button:focus{outline:0;background:#edf8f2;color:#126049}.custom-select-menu button.selected{background:#e2f4ea;color:#0e5b46;font-weight:700}.custom-select-menu button.selected:after{content:"✓";float:right}.monitor-picker>.custom-select,.backup-controls>.custom-select{min-width:230px;width:auto;flex:0 1 280px}.form-grid label>.custom-select{width:100%}@keyframes dropdownIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:760px){.monitor-picker>.custom-select{width:100%;min-width:0}.backup-controls>.custom-select{flex:1;min-width:170px}}