:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#ecf4f8;background:#061019}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#061019;font-feature-settings:"tnum" 1}.shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.rail{display:flex;flex-direction:column;min-height:100vh;padding:28px 18px;background:linear-gradient(180deg,#0b1b29,#07131e);border-right:1px solid #1d3444}.rail-brand img{display:block;width:110px;height:63px;object-fit:contain;object-position:left}.brand-rule{width:29px;height:2px;background:#32c6e3;margin:12px 0}.rail-brand span{font-size:12px;font-weight:800;letter-spacing:.17em;line-height:1.55;color:#b8d2de}.rail-status{display:flex;align-items:center;gap:11px;margin-top:49px;padding:13px;border:1px solid #2c615c;border-radius:10px;background:#102c2e}.rail-light{width:9px;height:9px;flex:none;border-radius:50%;background:#4ae0aa;box-shadow:0 0 14px #4ae0aa}.rail-status.offline{border-color:#7a4752;background:#2b2028}.rail-status.offline .rail-light{background:#ff8294;box-shadow:0 0 12px #ff8294}.rail-status small{display:block;color:#85aab7;font-size:9px;font-weight:800;letter-spacing:.12em}.rail-status strong{display:block;margin-top:3px;font-size:13px}.rail-section{margin-top:45px}.rail-section-label{display:block;padding:0 12px;margin-bottom:14px;color:#5d8091;font-size:10px;font-weight:800;letter-spacing:.15em}.rail-item{display:flex;align-items:center;gap:11px;padding:14px 12px;border-radius:9px;color:#8da8b6;font-size:13px;font-weight:650}.rail-item span{width:20px;color:#6c95a6;font-size:20px}.rail-item.active{color:#e1faff;background:#143849;box-shadow:inset 2px 0 #39c8e6}.rail-item.active span{color:#59d5ed}.rail-bottom{margin-top:auto}.rail-date{font-size:14px;font-weight:700;color:#bcd5df}.rail-device{margin-top:8px;font-size:11px;color:#6d94a5}.rail-foot{margin-top:25px;padding-top:15px;border-top:1px solid #1b3444;color:#4e7385;font-size:9px;font-weight:800;letter-spacing:.12em}.main{display:grid;grid-template-rows:76px 312px minmax(280px,1fr) 124px 21px;gap:13px;min-width:0;min-height:100vh;padding:20px 22px 16px;background:radial-gradient(ellipse 50% 30% at 55% -12%,#154057 0,transparent 80%),#07121b}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #1b3647}.overline{color:#53bfd8;font-size:10px;font-weight:800;letter-spacing:.16em}.overline b{padding:0 6px;color:#426e81}.topbar h1{margin:5px 0 0;font-size:clamp(25px,1.9vw,38px);font-weight:650;letter-spacing:-.045em}.topbar-right{display:flex;align-items:center;gap:22px}.live-pill{display:flex;align-items:center;gap:8px;border:1px solid #266861;border-radius:99px;padding:8px 12px;color:#73dcb7;background:#102d2c;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.live-pill i{width:6px;height:6px;border-radius:50%;background:#4bdfa8;box-shadow:0 0 10px #4bdfa8}.topbar time{font-size:30px;font-weight:650;font-variant-numeric:tabular-nums}.panel{min-width:0;min-height:0;border:1px solid #244253;border-radius:13px;background:linear-gradient(145deg,#102536,#0c1c2a 65%,#0b1a27);box-shadow:inset 0 1px #b9edff0d,0 12px 35px #0002}.overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(510px,1fr);gap:12px;min-height:0}.hero{padding:19px 21px;display:flex;flex-direction:column;overflow:hidden}.hero-top,.section-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.hero h2,.section-top h2{margin:5px 0 0;font-size:clamp(19px,1.4vw,29px);letter-spacing:-.03em}.host-badge{padding:7px 10px;border:1px solid #388470;border-radius:7px;color:#80e6b8;background:#143e37;font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.host-badge.offline{border-color:#a35866;color:#ff9dad;background:#472b35}.hero-body{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:end;flex:1;min-height:0}.hero-number{padding-bottom:23px}.hero-label{display:block;color:#88aeba;font-size:11px;font-weight:800;letter-spacing:.13em}.hero-number strong{display:block;margin:10px 0 5px;color:#f2fcff;font-size:clamp(64px,5.8vw,116px);font-weight:700;line-height:.95;letter-spacing:-.09em;font-variant-numeric:tabular-nums;white-space:nowrap}.hero-sub{color:#68adc2;font-size:11px;letter-spacing:.05em}.hero-graph{display:flex;flex-direction:column;min-width:0;height:185px;padding-bottom:2px}.graph-grid{position:absolute;display:none}.hero-graph svg{width:100%;height:160px;background:repeating-linear-gradient(to top,#294a5b66 0 1px,transparent 1px 39px);border-bottom:1px solid #2a5267}.graph-footer{display:flex;justify-content:space-between;padding-top:8px;color:#5f8b9e;font-size:9px;font-weight:800;letter-spacing:.13em}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.stat{position:relative;overflow:hidden;padding:13px 16px}.stat:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#3cbee2,transparent 80%)}.stat:nth-child(2):before{background:linear-gradient(90deg,#ef9b5f,transparent 80%)}.stat:nth-child(3):before{background:linear-gradient(90deg,#5addad,transparent 80%)}.stat:nth-child(4):before{background:linear-gradient(90deg,#a997ef,transparent 80%)}.stat-top{display:flex;align-items:center;gap:8px;color:#97bac8;font-size:10px;font-weight:800;letter-spacing:.14em}.stat-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:16px}.stat-icon.blue{color:#5fcbef;background:#1e5162}.stat-icon.orange{color:#ffbd84;background:#564032}.stat-icon.green{color:#7be8b9;background:#245343}.stat-icon.violet{color:#c0afff;background:#413e68}.stat-value{margin:7px 0 3px;font-size:clamp(28px,2.25vw,45px);font-weight:700;letter-spacing:-.06em;line-height:1.1;white-space:nowrap}.stat-detail{color:#819fad;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{height:5px;margin-top:9px;border-radius:8px;background:#1e4050;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f98df,#67d4ee);border-radius:8px;transition:width .7s}.stat-foot{display:flex;justify-content:space-between;gap:5px;margin-top:11px;color:#5e8294;font-size:9px;font-weight:800;letter-spacing:.09em}.stat-foot span{color:#7bd5b0}.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:12px;min-height:0}.services,.storage{padding:19px 20px;overflow:hidden}.section-top{margin-bottom:16px}.section-counter{padding:7px 10px;border-radius:7px;background:#173d41;color:#69dfb8;font-size:11px;font-weight:800;white-space:nowrap}.section-meta{color:#6d91a4;font-size:10px;font-weight:800;letter-spacing:.12em}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;height:calc(100% - 62px)}.service{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid #285261;border-radius:9px;background:#123342}.service.down{border-color:#6b4650;background:#302830}.service-symbol{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#1c725b;color:#78ecc0;font-weight:800}.service.down .service-symbol{background:#754351;color:#ffabbb}.service-copy{min-width:0;flex:1}.service strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,.85vw,17px)}.service small{display:block;margin-top:4px;color:#59d7a7;font-size:11px}.service.down small{color:#ff9ba7}.service-spark{flex:none;width:36px;height:15px;opacity:.7}.storage #disks{margin-top:16px}.disk{margin-bottom:19px}.disk-top{display:flex;align-items:center;gap:10px}.disk-letter{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #35657a;border-radius:8px;background:#173b4a;color:#c1e9f6;font-size:12px;font-weight:800}.disk-meta{min-width:0;flex:1}.disk-meta strong{display:block;font-size:13px}.disk-meta small{display:block;margin-top:3px;color:#7394a5;font-size:11px;white-space:nowrap}.disk-percent{font-size:16px;font-weight:700}.disk-track{height:6px;margin-top:10px;border-radius:8px;background:#1c3d4e;overflow:hidden}.disk-track i{display:block;height:100%;background:linear-gradient(90deg,#278dc9,#68d1e9);border-radius:8px}.disk.warn .disk-track i{background:linear-gradient(90deg,#d4824e,#ffbd72)}.continuity{display:grid;grid-template-columns:1.08fr 1fr 1.14fr;gap:10px;min-height:0}.continuity-card{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 15px;border:1px solid #2b5360;border-radius:11px;background:linear-gradient(120deg,#102d39,#102330)}.continuity-card.cloud{border-color:#277269;background:linear-gradient(120deg,#0c3838,#112c38)}.continuity-card.alerts{border-color:#645348;background:linear-gradient(120deg,#292b2d,#172b36)}.continuity-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:10px;background:#205368;color:#9bddea;font-size:20px;font-weight:800}.drive-icon{background:#ebf5f6}.drive-icon svg{width:26px;height:26px}.alerts .continuity-icon{background:#694e35;color:#ffca89}.continuity-text{min-width:0;flex:1}.continuity-text span{display:block;color:#84afbc;font-size:9px;font-weight:800;letter-spacing:.14em}.continuity-text strong{display:block;margin-top:5px;font-size:clamp(14px,1vw,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continuity-text small{display:block;margin-top:5px;color:#91b0bb;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continuity-state{color:#65dfad;font-size:10px;font-weight:800;white-space:nowrap}.alert-count{font-size:25px;font-weight:700;color:#ffc580}footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5f8495;font-size:10px;letter-spacing:.05em;white-space:nowrap}footer i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#43dca7}@media(min-width:1101px) and (min-height:800px){.shell{height:100vh;min-height:0}.rail{min-height:0}.main{height:100vh;min-height:0;grid-template-rows:76px 312px minmax(0,1fr) 124px 21px}}@media(max-width:1300px){.shell{grid-template-columns:170px minmax(0,1fr)}.rail{padding:20px 12px}.main{grid-template-rows:70px 300px minmax(300px,1fr) 115px 20px;padding:16px;gap:10px}.hero-body{grid-template-columns:150px minmax(0,1fr)}.hero-number strong{font-size:70px}.overview{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)}}@media(max-width:1100px){.shell{display:block}.rail{display:none}.main{display:flex;flex-direction:column;min-height:100vh}.overview,.workspace{grid-template-columns:1fr}.hero{min-height:290px}.stat-grid{min-height:300px}.services{min-height:350px}.storage{min-height:280px}.continuity{grid-template-columns:1fr 1fr}.continuity-card{min-height:105px}}@media(max-width:650px){.topbar-right{display:block;text-align:right}.live-pill{display:none}.topbar time{font-size:23px}.topbar h1{font-size:23px}.overview{display:block}.hero{margin-bottom:10px}.hero-body{grid-template-columns:1fr;gap:0}.hero-number{padding:8px 0}.hero-number strong{font-size:62px}.hero-graph{height:140px}.hero-graph svg{height:120px}.stat-grid{min-height:280px}.stat{padding:11px}.stat-value{font-size:27px}.stat-foot{display:none}.service-list{grid-template-columns:1fr 1fr}.service-spark{display:none}.continuity{grid-template-columns:1fr}footer{white-space:normal}.continuity-card{min-height:95px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.rail-item{text-decoration:none}.continuity-text strong span{display:inline;color:inherit;font-size:inherit;letter-spacing:inherit}

.continuity-detail{display:none;padding:18px 20px;overflow:hidden}.continuity-detail .section-top{margin-bottom:13px}.backup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:7px;height:calc(100% - 58px)}.backup-row{display:grid;grid-template-columns:minmax(85px,.8fr) minmax(0,1.6fr) auto auto;align-items:center;gap:9px;min-width:0;padding:8px 11px;border:1px solid #25485a;border-radius:8px;background:#102b39;font-size:11px}.backup-row strong,.backup-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-row strong{color:#d9eff8}.backup-row span{color:#8fadb9}.backup-row time{color:#72a1b2;white-space:nowrap}.backup-row b{color:#5ed9aa;white-space:nowrap}.main[data-view="sistemas"]{grid-template-rows:76px minmax(0,1fr) 21px}.main[data-view="sistemas"] .overview,.main[data-view="sistemas"] .continuity{display:none}.main[data-view="sistemas"] .workspace{grid-row:2;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}.main[data-view="sistemas"] .service-list{height:calc(100% - 66px);gap:13px}.main[data-view="sistemas"] .service{padding:17px}.main[data-view="sistemas"] .service-symbol{width:45px;height:45px;font-size:22px}.main[data-view="sistemas"] .service strong{font-size:20px}.main[data-view="sistemas"] .service small{font-size:13px}.main[data-view="sistemas"] .disk{margin-bottom:26px}.main[data-view="continuidade"]{grid-template-rows:76px 165px minmax(0,1fr) 21px}.main[data-view="continuidade"] .overview,.main[data-view="continuidade"] .workspace{display:none}.main[data-view="continuidade"] .continuity{grid-row:2}.main[data-view="continuidade"] .continuity-detail{display:block;grid-row:3}.main[data-view="continuidade"] .continuity-card{padding:20px}.main[data-view="continuidade"] .continuity-icon{width:48px;height:48px}.main[data-view="continuidade"] .continuity-text strong{font-size:23px}.main[data-view="continuidade"] .continuity-text small{font-size:13px}@media(max-width:1100px){.main[data-view="sistemas"],.main[data-view="continuidade"]{display:flex}.main[data-view="sistemas"] .workspace{display:grid}.main[data-view="continuidade"] .continuity{display:grid}.main[data-view="continuidade"] .continuity-detail{min-height:460px}.backup-list{grid-template-columns:1fr;height:auto}.backup-row{min-height:47px}}@media(max-width:650px){.backup-row{grid-template-columns:1fr auto}.backup-row span{grid-column:1/3}.backup-row time{grid-column:1}.backup-row b{grid-column:2}}