@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--ink:#12201d;--muted:#71817d;--line:#e2ebe7;--paper:#f6faf8;--white:#fff;--green:#166b52;--mint:#d9f1e6;--orange:#bd6c3c;--shadow:0 14px 40px #12201d0f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}.shell{min-height:100vh;display:flex}.sidebar{color:#dcece6;background:#10251f;flex-direction:column;width:240px;padding:30px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:10px;font-family:Space Grotesk;font-size:20px;font-weight:700;display:flex}.brand-mark,.mini-mark{color:#12352a;background:#c5f1d4;border-radius:9px;place-items:center;width:29px;height:29px;font-family:Space Grotesk;font-weight:700;display:grid}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#90aaa2;margin:0;font:500 10px DM Mono}.sidebar .eyebrow{color:#6f9689;margin:62px 10px 20px}.sidebar nav{gap:6px;display:grid}.sidebar nav a{color:#8ea9a0;border-radius:9px;align-items:center;gap:13px;padding:12px 13px;font-size:14px;text-decoration:none;display:flex}.sidebar nav a span{text-align:center;width:18px;font-size:17px}.sidebar nav a:hover,.sidebar nav .nav-active{color:#fff;background:#214339}.sidebar-footer{color:#b6cdc5;border-top:1px solid #29473e;margin-top:auto;padding:18px 8px;font-size:12px;line-height:1.7}.sidebar-footer small{color:#6f9689;font-size:10px}.online-dot{background:#6ff2ae;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.content{width:calc(100% - 240px);max-width:1500px;margin-left:240px;padding:36px 6.5%}.topbar{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.topbar h1{letter-spacing:-.04em;margin:7px 0 0;font:600 27px Space Grotesk}.top-actions{align-items:center;gap:12px;display:flex}.icon-button,.avatar{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;width:38px;height:38px;font-size:17px}.avatar{color:#fff;background:#1b7158;border:0;font-weight:600}.hero{background:#dff3e8;border:1px solid #c8e6d7;border-radius:18px;justify-content:space-between;align-items:center;min-height:250px;padding:34px 40px;display:flex;overflow:hidden}.pill{color:#21654b;letter-spacing:.07em;background:#b9e7ce;border-radius:20px;padding:7px 10px;font:500 10px DM Mono;display:inline-flex}.hero h2{letter-spacing:-.055em;margin:18px 0 12px;font:600 34px/1.1 Space Grotesk}.hero h2 em{color:#2f896a;font-style:normal}.hero p{color:#547269;max-width:480px;margin:0;font-size:14px;line-height:1.6}.hero-orbit{flex:none;width:240px;height:175px;margin-right:22px;position:relative}.orbit{border:1px solid #9bcab4;border-radius:50%;position:absolute;inset:17px 3px;transform:rotate(-18deg)}.orbit-b{inset:2px 43px;transform:rotate(40deg)}.orbit-core{color:#d4f5df;background:#1b7459;border-radius:13px;place-items:center;width:42px;height:42px;font:700 25px Space Grotesk;display:grid;position:absolute;top:67px;left:101px;box-shadow:0 10px 22px #79b798}.node{color:#457364;background:#fff;border-radius:7px;padding:6px 8px;font:500 9px DM Mono;position:absolute;box-shadow:0 4px 10px #acd5bd}.node-a{top:21px;left:5px}.node-b{top:115px;right:1px}.node-c{bottom:2px;left:28px}.metrics{background:var(--line);border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(4,1fr);gap:1px;margin:24px 0 44px;display:grid;overflow:hidden}.metrics>div{background:#fff;padding:20px 22px}.metrics span{color:var(--muted);margin-bottom:11px;font-size:12px;display:block}.metrics strong{font:600 27px Space Grotesk;display:block}.metrics strong small{color:var(--muted);font:500 13px DM Sans}.metrics b{margin-top:8px;font-size:10px;font-weight:500;display:block}.positive{color:var(--green)}.warning-text{color:var(--orange)}.section-heading,.panel-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-heading h3,.panel-heading h3{letter-spacing:-.03em;margin:5px 0 0;font:600 20px Space Grotesk}.primary-button{color:#fff;background:#1b7158;border:0;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:600}.project-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project-card,.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px}.project-card{padding:19px}.card-top{align-items:center;gap:9px;display:flex}.project-icon{color:#27765a;background:#e3f4ea;border-radius:9px;place-items:center;width:32px;height:32px;font:600 15px Space Grotesk;display:grid}.status{border-radius:15px;align-items:center;gap:6px;padding:5px 8px;font:500 10px DM Mono;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px;display:block}.status-healthy{color:#27825b;background:#e5f6ec}.status-degraded{color:#b9693d;background:#fff0e3}.status-paused{color:#88766a;background:#f3eee9}.status-unknown{color:#697b75;background:#eef1f0}.more{color:#9baca6;letter-spacing:2px;background:0 0;border:0;margin-left:auto}.project-card h4{margin:17px 0 3px;font:600 17px Space Grotesk}.muted{color:var(--muted);margin:0;font-size:12px}.card-data{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;margin:18px 0 13px;padding:13px 0;font-size:11px;display:flex}.card-data b{color:var(--ink);margin-top:4px;font:500 11px DM Mono;display:block}.capabilities{flex-wrap:wrap;gap:5px;display:flex}.capabilities span{color:#60736d;background:#f3f7f5;border-radius:5px;padding:5px 7px;font:400 9px DM Mono}.card-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:18px;padding-top:14px;font-size:10px;display:flex}.card-foot a,.panel-heading a,footer a{color:#287459;font-weight:600;text-decoration:none}.lower-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;display:grid}.panel{padding:22px}.panel-heading{align-items:start}.panel-heading a{font-size:11px}.backup-list{display:grid}.backup-row{border-top:1px solid var(--line);align-items:center;gap:11px;padding:13px 0;display:flex}.backup-icon{border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;display:grid}.backup-completed{color:#27825b;background:#ddf4e5}.backup-needs_restore{color:#b9693d;background:#fff0e3}.backup-row strong{font-size:12px}.backup-row p{color:var(--muted);margin:4px 0 0;font-size:10px}.backup-row time{color:var(--muted);margin-left:auto;font:400 10px DM Mono}.route-diagram{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:17px 0 19px;display:flex}.route-box{text-align:center;color:#28694f;background:#f6fbf8;border:1px solid #cfe5da;border-radius:9px;padding:9px 13px;font:500 11px DM Mono}.route-box span{color:#829a91;margin-top:3px;font:400 9px DM Sans;display:block}.route-router{color:#1f7655;background:#e2f4e8;align-items:center;gap:8px;display:flex}.route-router span{margin:0}.route-line{background:#afd3c0;width:1px;height:15px}.route-branches{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.route-branches span{color:#4c6d61;background:#f1f5f3;border-radius:6px;padding:7px 8px;font:400 9px DM Mono}.route-branches .paused-route{color:#aa6a44;background:#fff4ea}.notice{background:#f5faf7;border:1px solid #e0eee6;border-radius:8px;gap:10px;padding:10px;display:flex}.notice span{color:#348462}.notice p{color:#6b8179;margin:0;font-size:10px;line-height:1.5}.notice b{color:#285b48}footer{border-top:1px solid var(--line);color:#92a19d;justify-content:space-between;margin-top:50px;padding:23px 0 6px;font:400 10px DM Mono;display:flex}@media (max-width:1050px){.project-grid{grid-template-columns:1fr 1fr}.hero-orbit{opacity:.65;margin-right:-30px}.metrics{grid-template-columns:1fr 1fr}}@media (max-width:720px){.sidebar{width:64px;padding:22px 10px}.sidebar .brand span:not(.brand-mark),.sidebar .eyebrow,.sidebar nav a:not(.nav-active):after,.sidebar nav a{font-size:0}.sidebar nav a span{font-size:17px}.sidebar-footer{padding:10px 0;font-size:0}.sidebar-footer small{display:none}.content{width:calc(100% - 64px);margin-left:64px;padding:25px 18px}.hero{padding:25px 23px}.hero h2{font-size:28px}.hero-orbit{display:none}.project-grid,.lower-grid{grid-template-columns:1fr}.topbar h1{font-size:22px}}.connection-notice{align-items:center;margin:0 0 24px}.connection-notice a{color:#287459;font-weight:700}.connection-warning{background:#fff8ef;border-color:#f0dcc4}.connection-warning>span{color:#b9693d}