:root{--navy:#142a34;--ink:#17313a;--muted:#6e7f85;--line:#dfe7e9;--bg:#f3f6f6;--teal:#236e66;--gold:#c69337;--red:#a4463d}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.srOnly{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;color:var(--navy);background:#fff;padding:10px 14px;position:fixed;top:-100px;left:12px}.skip:focus{top:12px}.appShell{grid-template-columns:76px 1fr;min-height:100vh;display:grid}.appShell>aside{background:var(--navy);z-index:30;flex-direction:column;align-items:center;height:100vh;padding:23px 0;display:flex;position:sticky;top:0}.logo,.avatar{background:var(--teal);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font:21px Georgia,serif;display:grid}.appShell nav{gap:12px;margin-top:47px;display:grid}.appShell nav button{color:#78919a;background:0 0;border:0;border-radius:7px;place-items:center;width:42px;height:42px;display:grid;position:relative}.appShell nav button:hover,.appShell nav button.active{color:#fff;background:#ffffff10}.appShell nav button.active:before{content:"";background:var(--gold);width:2px;height:23px;position:absolute;left:-17px}.appShell nav svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:18px;height:18px}.appShell nav span{display:none}.appShell nav i{background:#d39a38;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:8px}.navBottom{gap:16px;margin-top:auto;display:grid}.navBottom>button{color:#9cb0b7;background:0 0;border:1px solid #fff2;border-radius:50%;width:29px;height:29px}.avatar{background:var(--gold);color:var(--navy);border-radius:50%;font:800 9px Inter,system-ui}.workspace{min-width:0;padding:35px clamp(28px,5vw,74px)}.workspace>header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.workspace header p{text-transform:uppercase;letter-spacing:.13em;color:#85949a;margin:0 0 7px;font-size:8px}.workspace h1{margin:0;font:500 32px Georgia,serif}.headerActions{align-items:center;gap:16px;display:flex}.health{color:#357467;font-size:9px}.health i{background:#40a079;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.primary,.secondary{border:1px solid var(--line);height:39px;color:var(--navy);background:#fff;border-radius:4px;padding:0 15px;font-weight:650}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.primary:hover{background:#195a53}.secondary:hover{background:#f3f7f6}.menu{display:none}.boundary{background:#edf4f3;border:1px solid #d6e4e1;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;margin:22px 0 8px;padding:11px 13px;display:grid}.boundary svg{fill:none;width:20px;stroke:var(--teal);stroke-width:1.7px}.boundary strong,.boundary span{display:block}.boundary strong{font-size:9px}.boundary span{color:#667b78;margin-top:2px;font-size:8px}.boundary button{color:var(--teal);background:0 0;border:0;font-size:8px;font-weight:750}.prototype{color:#7c6b47;border-left:3px solid var(--gold);background:#fff8e8;margin-bottom:15px;padding:7px 11px;font-size:8px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px;display:grid}.metrics article,.panel{border:1px solid var(--line);background:#fff;box-shadow:0 4px 18px #14313a08}.metrics article{padding:18px;position:relative}.metrics span,.metrics small,.metrics i{color:var(--muted);font-size:8px;display:block}.metrics strong{margin:8px 0;font:27px Georgia,serif;display:block}.metrics i{margin-top:8px;font-style:normal}.metrics .trend,.metrics .good{color:#327664}.metrics .warning{color:#936a23}.dashboardGrid{grid-template-columns:minmax(600px,1.5fr) 310px;gap:17px;display:grid}.panel{padding:20px}.panelHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:15px;display:flex}.panelHead h2{margin:0 0 4px;font:500 19px Georgia,serif}.panelHead p{color:var(--muted);margin:0;font-size:8px}.eyebrow{color:#8d774e;text-transform:uppercase;letter-spacing:.13em;margin-bottom:6px;font-size:7px;font-weight:800;display:block}.textButton{color:var(--teal);background:0 0;border:0;font-size:8px;font-weight:750}.period{border:1px solid var(--line);color:var(--muted);white-space:nowrap;padding:6px 8px;font-size:8px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#88979c;height:37px;font-size:7px}td{color:#53666d;border-top:1px solid #edf1f2;height:58px;padding-right:10px;font-size:9px}tbody tr{cursor:pointer}tbody tr:hover,tbody tr:focus{background:#f7faf9;outline:none}.tenantName{color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:9px;font-weight:700;display:flex}.tenantName i,.tenantTitle>i{width:29px;height:29px;color:var(--teal);background:#e8f2f0;border-radius:5px;place-items:center;font-size:8px;font-style:normal;display:grid}.status{color:#256f5d;background:#e5f3ee;border-radius:12px;padding:4px 8px;font-size:7px}.status.onboarding{color:#86621d;background:#fff3d7}.status.suspended{color:#98433b;background:#f6e8e6}.dots{color:#809096;background:0 0;border:0}.bars{gap:17px;padding:24px 2px 20px;display:grid}.bars span{justify-content:space-between;margin-bottom:6px;font-size:8px;display:flex}.bars span b{font-size:8px}.bars div>i{background:#edf1f0;border-radius:5px;height:6px;display:block}.bars em{background:var(--teal);border-radius:5px;height:100%;display:block}.residency{color:#327461;background:#edf6f2;padding:11px;font-size:8px}.lowerGrid{grid-template-columns:1.3fr 1fr;gap:17px;margin-top:17px;display:grid}.serviceGrid{grid-template-columns:1fr 1fr;column-gap:25px;display:grid}.serviceGrid article{border-bottom:1px solid #edf1f2;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:14px 0;display:grid}.serviceGrid i,.serviceRow i{background:#36a079;border-radius:50%;width:7px;height:7px}.serviceGrid b,.serviceGrid span{display:block}.serviceGrid b{font-size:9px}.serviceGrid span{color:#39806c;margin-top:3px;font-size:7px}.serviceGrid strong{font-size:8px}.events>article{border-bottom:1px solid #edf1f2;align-items:center;gap:10px;padding:11px 0;display:flex}.events>article>i{width:27px;height:27px;color:var(--teal);background:#edf3f1;border-radius:50%;place-items:center;font-size:7px;font-style:normal;display:grid}.events b,.events span{display:block}.events b{font-size:8px}.events span{color:var(--muted);margin-top:3px;font-size:7px}.fullPanel{min-height:570px}.filtersHead{align-items:center}.filters{gap:8px;display:flex}.filters input,.filters select{border:1px solid var(--line);height:34px;color:var(--ink);background:#fff;padding:0 10px;font-size:9px}.filters input{width:205px}.empty{text-align:center;color:var(--muted);padding:70px}.empty b,.empty span{display:block}.empty span{margin-top:5px;font-size:8px}.opsHero{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;margin-bottom:17px;padding:27px;display:flex}.opsHero h2,.settingsIntro h2{margin:0 0 5px;font:500 24px Georgia,serif}.opsHero p{color:#9eb2b8;margin:0;font-size:8px}.opsHero>span{background:#ffffff12;padding:9px 12px;font-size:9px}.opsHero>span i{background:#51b38d;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.opsGrid,.securityGrid{grid-template-columns:1.4fr .8fr;gap:17px;display:grid}.serviceRow{border-bottom:1px solid #edf1f2;grid-template-columns:10px 1fr 70px 60px;align-items:center;gap:8px;padding:15px 0;font-size:8px;display:grid}.serviceRow span{color:var(--muted)}.serviceRow strong{text-align:right}.backupScore{text-align:center;padding:24px}.backupScore strong,.backupScore span{display:block}.backupScore strong{color:var(--teal);font:35px Georgia,serif}.backupScore span{color:var(--muted);font-size:8px}.opsFacts,.tenantFacts{margin:0}.opsFacts div{border-top:1px solid #edf1f2;justify-content:space-between;padding:12px 0;display:flex}.opsFacts dt,.opsFacts dd{font-size:8px}.opsFacts dt{color:var(--muted)}.opsFacts dd{margin:0;font-weight:700}.alertList article{border-bottom:1px solid #edf1f2;grid-template-columns:45px 1fr auto auto;align-items:center;gap:13px;padding:17px 0;display:grid}.alertList>article>b{color:#80601c;text-align:center;background:#fff1d5;padding:4px;font-size:7px}.alertList>article>b.info{color:#3c6f7a;background:#e9f2f4}.alertList strong,.alertList span{display:block}.alertList strong{font-size:9px}.alertList span,.alertList time{color:var(--muted);margin-top:4px;font-size:7px}.alertList button{color:var(--teal);background:0 0;border:0;font-size:8px;font-weight:700}.accessCard{text-align:center}.lock{width:47px;height:47px;color:var(--teal);background:#eaf3f1;border-radius:50%;place-items:center;margin:10px auto 15px;font-size:22px;display:grid}.accessCard h2{margin:0;font:500 20px Georgia,serif}.accessCard>p{color:var(--muted);font-size:8px;line-height:1.6}.accessCard dl{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:22px 0;display:grid}.accessCard dl div{padding:14px 5px}.accessCard dt,.accessCard dd{font-size:7px}.accessCard dt{color:var(--muted)}.accessCard dd{margin:5px 0 0;font:20px Georgia,serif}.settingsIntro{background:#e9f2f0;justify-content:space-between;align-items:center;margin-bottom:15px;padding:23px 25px;display:flex}.settingsIntro p{color:var(--muted);margin:0;font-size:8px}.settingsIntro>span{color:var(--teal);font-size:8px}.settingsCards{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.settingsCards article{border:1px solid var(--line);background:#fff;flex-direction:column;min-height:170px;padding:20px;display:flex}.settingsCards h3{margin:0 0 5px;font:500 16px Georgia,serif}.settingsCards p,.settingsCards small{color:var(--muted);font-size:8px}.settingsCards small{margin-top:auto;padding-top:20px}.settingsCards button{border:0;border-top:1px solid var(--line);text-align:left;color:var(--teal);background:0 0;margin-top:12px;padding:13px 0 0;font-size:8px;font-weight:700}.scrim{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10272f70;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(470px,100%);height:100%;padding:27px;animation:.2s slide;overflow:auto;box-shadow:-15px 0 40px #10272f33}.drawerHead{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:17px;display:flex}.tenantTitle{align-items:center;gap:11px;display:flex}.tenantTitle>i{width:38px;height:38px}.drawerHead h2{margin:0;font:500 21px Georgia,serif}.drawerHead>button{color:var(--muted);background:0 0;border:0;font-size:25px}.noAccess{background:#eef4f3;grid-template-columns:27px 1fr;gap:10px;margin:16px 0;padding:14px;display:grid}.noAccess svg{fill:none;width:23px;stroke:var(--teal);stroke-width:1.7px}.noAccess b,.noAccess p{font-size:8px}.noAccess p{color:var(--muted);margin:4px 0 0;line-height:1.5}.tenantFacts{border:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.tenantFacts div{border-bottom:1px solid var(--line);padding:12px}.tenantFacts div:nth-child(odd){border-right:1px solid var(--line)}.tenantFacts dt{color:var(--muted);text-transform:uppercase;font-size:7px}.tenantFacts dd{margin:5px 0 0;font-size:9px;font-weight:650}.tenantFacts dd small{color:var(--muted);margin-top:2px;font-size:6px;display:block}.configuration h3{margin:22px 0 8px;font:500 15px Georgia,serif}.configuration p{border-bottom:1px solid #edf1f2;justify-content:space-between;margin:0;padding:10px 0;font-size:8px;display:flex}.configuration p span{color:var(--muted)}.drawerActions{gap:8px;margin-top:20px;display:flex}.drawerActions button{flex:1}.toast{z-index:80;background:var(--navy);color:#fff;border-left:3px solid #51b38d;max-width:400px;padding:13px 16px;font-size:9px;position:fixed;bottom:22px;right:22px;box-shadow:0 9px 30px #10272f38}@keyframes slide{0%{opacity:0;transform:translate(30px)}}@media (max-width:1120px){.metrics{grid-template-columns:1fr 1fr}.dashboardGrid,.lowerGrid{grid-template-columns:1fr}.settingsCards{grid-template-columns:1fr 1fr}}@media (max-width:760px){.appShell{grid-template-columns:1fr}.appShell>aside{align-items:stretch;width:200px;padding:22px;transition:left .2s;position:fixed;left:-220px}.appShell>aside.open{left:0;box-shadow:12px 0 30px #10272f45}.logo{margin-left:0}.appShell nav{margin-top:35px}.appShell nav button{justify-content:flex-start;gap:12px;width:100%;padding:0 12px;display:flex}.appShell nav span{display:block}.appShell nav button.active:before{left:-22px}.navBottom{display:none}.workspace{padding:21px 15px}.workspace>header{align-items:center}.menu{background:#fff;border:0;width:38px;height:38px;display:block}.workspace header>div:nth-child(2){flex:1}.workspace h1{font-size:25px}.headerActions .health{display:none}.headerActions .primary{width:39px;padding:0;font-size:0}.headerActions .primary:first-letter{font-size:18px}.boundary{grid-template-columns:24px 1fr}.boundary button{display:none}.prototype{line-height:1.5}.securityGrid,.opsGrid,.settingsCards{grid-template-columns:1fr}.filtersHead{display:block}.filters{margin-top:14px}.filters input{width:100%}.opsHero{align-items:flex-start;gap:15px}.toast{bottom:15px;left:15px;right:15px}}@media (max-width:430px){.metrics,.serviceGrid{grid-template-columns:1fr}.filters{display:grid}.settingsIntro{display:block}.settingsIntro>span{margin-top:14px;display:block}.drawer{padding:20px}.tenantFacts{grid-template-columns:1fr}.tenantFacts div:nth-child(odd){border-right:0}.alertList article{grid-template-columns:40px 1fr auto}.alertList time{display:none}}
