@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750&display=swap";:root{font-family:Be Vietnam Pro,sans-serif;color:#e4eaf2;background:#0c1119;font-synthesis:none;font-weight:400;font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #29d3b0;outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}button{color:inherit}h1,h2,h3,p{margin:0}.shell{display:flex;min-height:100vh}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;background:#101720;border-right:1px solid #222c37;display:flex;flex-direction:column;padding:30px 19px 0}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:-1px;margin:0 8px 48px;white-space:nowrap}.brand-light{font-size:17px;font-weight:400;color:#97a6b8;letter-spacing:-.5px}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#25caa6;color:#0c211d}.workspace-label{font-size:9px;font-weight:600;color:#647388;letter-spacing:1.4px;margin:0 12px 17px}.nav{height:44px;display:flex;align-items:center;gap:11px;padding:0 13px;border-radius:7px;margin-bottom:8px;color:#8796aa;font-weight:500}.nav.active{color:#36d2b1;background:#19332f}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#36d2b1}.nav-count{margin-left:auto;font-size:10px;border:1px solid #33404e;padding:1px 5px;border-radius:4px}.sidebar-note{margin-top:auto;margin-bottom:26px;border:1px solid #273340;border-radius:9px;padding:15px 10px;display:flex;gap:9px;color:#7d90a5}.sidebar-note b{display:block;font-size:10px;font-weight:500;color:#a6b4c4}.sidebar-note span{display:block;margin:8px 0 6px;font-size:11px;color:#cfd8e5}.sidebar-note small{font-size:9px}.sidebar-footer{border-top:1px solid #24303d;margin:0 -19px;padding:22px 18px;display:flex;gap:9px;align-items:center;font-size:10px;color:#c2cedd}.sidebar-footer small{display:block;font-size:9px;margin-top:4px;color:#6a7d93}.tiny-logo{display:grid;place-items:center;background:#22303e;width:29px;height:29px;border-radius:7px;font-weight:700;font-size:15px}.workspace{margin-left:234px;width:calc(100% - 234px)}.topbar{height:69px;border-bottom:1px solid #222c37;padding:0 37px;display:flex;justify-content:space-between;align-items:center;color:#7d8ca0;font-size:11px}.topbar>span{display:flex;gap:12px;align-items:center}.topbar b{font-weight:450;color:#c4cfde}.topbar .domain{font-family:monospace;font-size:12px;color:#8194a8;gap:7px}main{max-width:1600px;margin:auto;padding:35px 37px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:15px}.eyebrow{font-size:9px;font-weight:650;color:#8291a4;letter-spacing:1.7px;margin-bottom:11px}h1{font-size:clamp(22px,2.1vw,31px);font-weight:600;letter-spacing:-1.2px;line-height:1.4}h1>span{color:#2ad4b0}.page-heading p{color:#8495aa;font-size:11px;margin-top:9px;line-height:1.8}.live-pill{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #244b40;border-radius:30px;padding:8px 12px;color:#52d4b7;font-size:10px;background:#142720}.live-pill i,.status i,.footer-dot{width:6px;height:6px;background:currentColor;border-radius:50%;display:inline-block}.live-pill i{box-shadow:0 0 0 3px #2acbaa15}.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #27313d;border-radius:10px;background:#121a24;padding:21px 5px;margin-bottom:31px}.overview-strip>div{display:flex;align-items:center;gap:13px;padding:0 21px;border-right:1px solid #2a3441}.overview-strip>div:last-child{border:0}.strip-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #2c3948;border-radius:10px;color:#97aac0;background:#1c2632;flex-shrink:0}.strip-icon.green{color:#39cdb0;background:#17332f;border-color:#25463f}.overview-strip b{font-weight:550;font-size:21px;display:block;white-space:nowrap}.overview-strip small{font-size:11px;font-weight:400;color:#8291a5}.overview-strip div>span:not(.strip-icon){font-size:9px;color:#8a9aae;display:block;margin-top:7px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:10px}h2{font-size:15px;font-weight:550;letter-spacing:-.3px}.section-heading h2>span{font-size:10px;font-weight:400;margin-left:8px;padding:2px 6px;background:#25303e;color:#adbbcc;border-radius:4px}.muted{color:#8291a5;font-size:10px;display:flex;gap:5px;align-items:center}.target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.target-card{text-align:left;border:1px solid #2a3541;border-radius:10px;padding:18px 20px 0;background:#131c27;transition:border-color .2s,background .2s;min-width:0}.target-card:hover{border-color:#578076}.target-card.selected{border-color:#2d8e7c;background:linear-gradient(115deg,#162a2a,#131e28)}.target-top{display:flex;align-items:center;justify-content:space-between}.host-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;border:1px solid #344454;color:#9daec1;background:#223140}.selected .host-icon{background:#1b4038;color:#67dcc1;border-color:#2a6051}.status{display:flex;align-items:center;gap:6px;font-size:9px;border-radius:4px;padding:5px 8px;color:#97a8bb;background:#283441}.status.up{color:#57d6b4;background:#1a3b30}.status.down,.status.error{color:#ff8e91;background:#412630}.status.degraded,.status.stale{color:#f5b470;background:#3b3128}.target-body{display:flex;justify-content:space-between;align-items:center;margin:19px 0 20px;gap:9px}.target-body h3{font-weight:500;font-size:14px}.target-body code{display:block;color:#889db4;font-size:11px;margin-top:7px}.target-latency{font-size:27px;font-weight:500;letter-spacing:-1px;white-space:nowrap}.target-latency small{font-size:11px;color:#88a297;letter-spacing:0}.target-bottom{border-top:1px solid #2b3945;padding:12px 0;color:#70879b;font-size:9px;display:flex;justify-content:space-between;gap:8px}.target-bottom span:last-child{display:flex;align-items:center;gap:4px}.selected .target-bottom span:last-child{color:#55c7aa}.report-section{margin-top:33px}.report-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.report-toolbar .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:8px}.report-toolbar h2{font-size:20px}.subtle{font-size:13px;color:#657a90;font-weight:400;margin-left:7px}.report-actions{display:flex;align-items:center;gap:9px}.periods{display:flex;padding:4px;border:1px solid #273442;border-radius:7px;background:#101720}.periods button{border:none;border-radius:4px;background:none;color:#8294aa;font-size:10px;padding:7px 11px;white-space:nowrap}.periods button.chosen{background:#2b3a49;color:#f0f4fa}.icon-button,.export{border:1px solid #33414e;background:#18232e;border-radius:6px;height:35px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:10px;font-weight:500}.icon-button{padding:0 9px}.custom-range{font-size:10px;color:#8294aa;margin:16px 0}.custom-range summary{cursor:pointer;width:fit-content}.custom-range form{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.custom-range input{border:1px solid #33414e;border-radius:5px;padding:7px;background:#16212b;color:#c8d5e4;margin-left:5px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metric{background:#141d28;border:1px solid #283442;border-radius:9px;padding:17px 17px 16px}.metric>div{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#9aabbe;font-size:10px}.metric>div svg{color:#6f8498}.metric strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px;margin-top:16px;white-space:nowrap}.metric strong small{font-size:12px;margin-left:6px;color:#7e95ab;letter-spacing:0;font-weight:400}.metric p{font-size:8px;line-height:1.8;color:#7c90a7;margin-top:11px}.mint{color:#4cd2b0}.orange{color:#efb171!important}.chart-panel{border:1px solid #283542;border-radius:10px;background:#121b25;padding:21px 20px 8px;margin-top:17px;overflow:hidden}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.chart-heading h3{font-size:12px;font-weight:550}.unit{font-size:9px;color:#788da4;margin-left:7px;padding:2px 5px;background:#222d3b;border-radius:4px}.chart-heading p{font-size:9px;color:#758ba2;line-height:1.7;margin-top:7px}.legend{font-size:9px;color:#8fa3b6;white-space:nowrap;display:flex;align-items:center;gap:7px}.legend i{display:inline-block;height:3px;width:15px;border-radius:3px;background:#29d3b0}.legend.orange i{background:#efb171}.chart{height:260px;width:100%}.chart.compact{height:155px}.report-footnote{font-size:9px;line-height:1.8;color:#70879e;display:flex;justify-content:space-between;gap:16px;margin-top:13px}footer{border-top:1px solid #24303c;margin-top:32px;padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#6c8299;font-size:9px}footer>span{display:flex;align-items:center;gap:6px}.footer-dot{color:#37b397;width:5px;height:5px}.empty{padding:35px;text-align:center;color:#7f96ae;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.chart-empty{height:260px}.empty b{font-weight:500;color:#acbccc}.empty span{font-size:10px}.notice{padding:13px 15px;border:1px solid #704149;background:#34212a;color:#f7b6be;border-radius:7px;display:flex;gap:9px;align-items:center;margin:16px 0;line-height:1.7;font-size:11px;overflow-wrap:anywhere}.notice button{margin-left:auto;background:transparent;border:1px solid currentColor;border-radius:4px;color:inherit;padding:5px 9px;white-space:nowrap}.notice svg{flex-shrink:0}.warning{color:#e4b778;border-color:#665230;background:#332b20}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){main{padding-top:45px}.metric p{font-size:10px}.metric>div{font-size:12px}.target-card{padding-top:23px}.chart{height:310px}}@media(max-width:1150px){.sidebar{width:200px;padding-inline:13px}.brand{font-size:20px;margin-left:4px;gap:7px}.brand-light{font-size:15px}.workspace{margin-left:200px;width:calc(100% - 200px)}main{padding:28px 24px 0}.topbar{padding:0 24px}.overview-strip>div{padding:0 13px;gap:10px}.strip-icon{display:none}.report-toolbar{align-items:start;flex-direction:column}.report-actions{width:100%}.export{margin-left:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric p{font-size:9px}.sidebar-footer{margin-inline:-13px}.report-footnote{flex-direction:column;gap:4px}}@media(max-width:760px){.sidebar{display:none}.workspace{margin:0;width:100%}.topbar{height:54px;padding:0 18px}.topbar .domain{font-size:10px}.topbar>span{gap:6px;font-size:9px}main{padding:26px 17px 0}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}h1{font-size:25px}.page-heading p{font-size:10px}.live-pill{font-size:9px;padding:6px 10px}.overview-strip{grid-template-columns:repeat(2,1fr);gap:23px 0;padding:20px 8px}.overview-strip>div:nth-child(2){border:0}.overview-strip>div{padding:0 12px}.overview-strip b{font-size:20px}.overview-strip div>span:not(.strip-icon){font-size:8px}.strip-icon{display:grid;width:31px;height:31px}.section-heading>.muted{display:none}.target-grid{grid-template-columns:1fr;gap:12px}.target-card{padding:15px 16px 0}.target-top .host-icon{width:31px;height:31px}.target-body{margin:14px 0}.target-bottom{font-size:9px}.metric-grid{gap:10px}.metric{padding:15px 12px}.metric strong{font-size:25px}.metric p{font-size:8px}.metric>div{font-size:9px}.report-actions{flex-wrap:wrap;gap:6px}.periods{flex:1}.periods button{flex:1;padding:7px 8px;font-size:9px}.export{font-size:9px;padding:0 10px}.report-actions>.export{width:100%;margin-top:4px}.chart-panel{padding:17px 10px 5px}.chart-heading{align-items:flex-start}.chart-heading p{font-size:8px;max-width:230px}.legend{font-size:8px}.chart{height:225px}.chart.compact{height:145px}.report-footnote{font-size:8px}footer{flex-direction:column;align-items:flex-start;font-size:8px}.custom-range input{font-size:10px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}*{scroll-behavior:auto!important}}