@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_fc8c4bc0-module__MPP-3a__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_fc8c4bc0-module__MPP-3a__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_55d3acf3-module__UNk6MG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_55d3acf3-module__UNk6MG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--ink:#162a2a;--muted:#687878;--line:#dde7e3;--surface:#fff;--wash:#f4f7f5;--teal:#087d72}*{box-sizing:border-box}html{background:var(--wash)}body{color:var(--ink);background:radial-gradient(circle at 50% -10%,#eaf4f0 0,transparent 31rem),var(--wash);font-family:var(--font-geist-sans),Arial,sans-serif;margin:0}button{font:inherit}.dashboard-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:19px;font-weight:720;display:flex}.brand-mark{color:#fff;background:var(--teal);border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 18px #087d7230}.topbar-actions{align-items:center;gap:9px;display:flex}.connection-pill{color:#276a5c;background:#f2faf7;border:1px solid #cee3db;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:650;display:flex}.connection-pill i{background:#28a678;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #28a67818}.connection-pill.offline{color:#7a6545;background:#fff9ec;border-color:#ebddbd}.connection-pill.offline i{background:#c99134;box-shadow:0 0 0 4px #c9913418}.icon-button{border:1px solid var(--line);color:#536463;cursor:pointer;background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.icon-button:hover{color:var(--teal);border-color:#b9d9d2;transform:translateY(-1px)}.icon-button:focus-visible{outline-offset:2px;outline:3px solid #9ed7ca}.spinning{animation:.55s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{width:min(1180px,100% - 40px);margin:0 auto;padding:34px 0 44px}.empty-dashboard{place-items:center;min-height:calc(100vh - 72px);padding-block:60px;display:grid}.empty-state{text-align:center;width:min(690px,100%)}.empty-state h1{margin-inline:auto;font-size:clamp(34px,5vw,52px)}.empty-state .lede{margin-inline:auto}.empty-icon{width:58px;height:58px;color:var(--teal);background:#e4f4f1;border-radius:18px;place-items:center;margin:0 auto 24px;display:grid}.empty-state code{border:1px solid var(--line);color:#315c55;font-family:var(--font-geist-mono),monospace;background:#fff;border-radius:6px;padding:2px 6px;font-size:.9em}.connection-error{color:#8b6324;justify-content:center;align-items:center;gap:8px;margin:20px 0 0;font-size:12px;display:flex}.retry-button{color:#fff;background:var(--teal);cursor:pointer;border:0;border-radius:11px;align-items:center;gap:8px;margin-top:24px;padding:11px 16px;display:inline-flex;box-shadow:0 8px 20px #087d7228}.retry-button:disabled{opacity:.65;cursor:wait}.retry-button:focus-visible{outline-offset:3px;outline:3px solid #9ed7ca}.connector-setup{text-align:left;background:#fff;border:1px solid #cfe1db;border-radius:15px;gap:12px;width:min(680px,100%);margin:25px auto 0;padding:17px;display:grid;box-shadow:0 12px 32px #183c350c}.setup-prerequisite{color:#315c55;background:#f5faf8;border:1px solid #d8e7e2;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.setup-prerequisite>svg{color:var(--teal)}.setup-prerequisite strong,.setup-prerequisite small{display:block}.setup-prerequisite strong{font-size:11px}.setup-prerequisite small{color:#71827f;margin-top:3px;font-size:9px}.setup-prerequisite code{padding:1px 4px}.setup-prerequisite a{color:#276a5c;white-space:nowrap;background:#fff;border:1px solid #c7ddd7;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:700;text-decoration:none}.connector-setup ol{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.connector-setup li{color:#536765;counter-increment:steps;background:#f5f8f7;border-radius:10px;padding:34px 10px 10px;font-size:10px;line-height:1.45;position:relative}.connector-setup li:before{content:counter(steps);color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;font-weight:750;display:grid;position:absolute;top:9px;left:10px}.connector-setup b{color:#315c55}.connector-setup .setup-command{color:#315c55;text-overflow:clip;white-space:nowrap;background:#f8faf9;border-color:#d2e1dc;min-width:0;padding:12px 13px;display:block;overflow-x:auto}.pairing-button{color:#fff;border:1px solid var(--teal);background:var(--teal);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 13px;display:flex;box-shadow:0 7px 18px #087d7220}.pairing-button:hover{background:#066d64}.setup-prerequisite a:focus-visible,.pairing-button:focus-visible{outline-offset:2px;outline:3px solid #9ed7ca}.connector-setup>small{color:#80908d;text-align:center;font-size:9px}.demo-notice{color:#725f41;background:#fffaf0;border:1px solid #ead9b7;border-radius:13px;align-items:center;gap:11px;margin-bottom:42px;padding:11px 14px;font-size:12px;display:flex}.demo-notice svg{flex:none}.demo-notice strong{font-weight:720}.welcome-row{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.eyebrow,.card-kicker{color:var(--teal);letter-spacing:.14em;margin:0 0 12px;font-size:10px;font-weight:760}h1{letter-spacing:-.055em;max-width:750px;margin:0;font-size:clamp(36px,5vw,58px);font-weight:680;line-height:1.03}.lede{max-width:630px;color:var(--muted);margin:17px 0 0;font-size:16px;line-height:1.6}.updated{color:#82908f;align-items:center;gap:8px;margin-top:19px;font-size:11px;display:flex}.live-dot{background:#28a678;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #28a67818}.health-score{--score:331deg;background:conic-gradient(var(--teal) var(--score),#dce9e5 0);border-radius:50%;flex:0 0 142px;place-items:center;height:142px;display:grid;box-shadow:0 16px 36px #087d7216}.health-score:before{content:"";background:var(--wash);border-radius:50%;grid-area:1/1;width:118px;height:118px}.health-score>div{z-index:1;flex-direction:column;grid-area:1/1;align-items:center;display:flex}.health-score strong{letter-spacing:-.06em;font-size:39px;line-height:1}.health-score span{color:var(--muted);margin-top:7px;font-size:10px;font-weight:600}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:46px;display:grid}.metric-card,.panel{border:1px solid var(--line);background:var(--surface);border-radius:20px;box-shadow:0 10px 30px #183c350c}.metric-card{min-width:0;min-height:222px;padding:21px;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 15px 38px #183c3514}.metric-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-card p{color:var(--muted);margin:20px 0 7px;font-size:12px;font-weight:650}.metric-card strong{text-overflow:ellipsis;letter-spacing:-.045em;white-space:nowrap;font-size:28px;display:block;overflow:hidden}.metric-card>span{color:#81908f;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:11px;display:block;overflow:hidden}.metric-icon,.panel-icon{color:#087d72;background:#e4f4f1;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.metric-icon.blue,.panel-icon.blue{color:#3479ae;background:#eaf3fa}.metric-icon.amber,.panel-icon.amber{color:#a96e1c;background:#fbf2df}.metric-icon.violet,.panel-icon.violet{color:#7557a8;background:#f1ecf8}.status-chip{color:#3e7b6d;white-space:nowrap;background:#edf7f3;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:700}.status-chip.watch{color:#99611c;background:#fff3dc}.meter{background:#edf1ef;border-radius:99px;height:6px;margin-top:22px;overflow:hidden}.meter span{border-radius:inherit;background:var(--teal);min-width:3px;height:100%;transition:width .5s;display:block}.meter .blue{background:#6891c1}.meter .amber{background:#d7a14d}.meter .violet{background:#8368ad}.content-grid{grid-template-columns:minmax(0,1.65fr) minmax(270px,.8fr);gap:14px;margin-top:14px;display:grid}.panel{min-width:0;padding:23px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel h2{letter-spacing:-.035em;margin:0;font-size:19px}.chart-wrap{background:repeating-linear-gradient(#e8efec 0 1px,#0000 1px 50%);height:240px;margin-top:18px;padding-left:35px;position:relative}.legend{color:#718180;align-items:center;gap:14px;font-size:10px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{background:var(--teal);border-radius:50%;width:7px;height:7px}.legend .memory-dot{background:#7596c7}.chart-scale{color:#8b9998;flex-direction:column;justify-content:space-between;padding-bottom:1px;font-size:9px;display:flex;position:absolute;inset:0 auto 0 0}.wave-chart{border-bottom:1px solid #e0e9e6;width:100%;height:100%;display:block;overflow:visible}.wave-chart.collecting{justify-content:center;align-items:center;display:flex}.wave-chart.collecting>span{color:#82908f;font-size:11px}.wave-area{transition:d .45s}.cpu-wave-area{fill:url(#cpu-wave-fill)}.memory-wave-area{fill:url(#memory-wave-fill)}.wave-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;vector-effect:non-scaling-stroke;filter:url(#wave-glow);transition:d .45s}.cpu-wave-line{stroke:#087d72}.memory-wave-line{stroke:#7596c7}.wave-point{stroke:#fff;stroke-width:3px;vector-effect:non-scaling-stroke;filter:url(#wave-glow)}.cpu-wave-point{fill:#087d72}.memory-wave-point{fill:#7596c7}.plain-explanation{color:#56716b;background:#f2f8f5;border-radius:10px;align-items:center;gap:8px;margin:10px 0 0;padding:10px 12px;font-size:11px;display:flex}.plain-explanation svg{color:var(--teal)}.details-list{margin:22px 0 0}.details-list div{border-top:1px solid #edf1ef;padding:14px 0}.details-list dt{color:#879392;margin-bottom:4px;font-size:10px}.details-list dd{color:#314746;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:620;line-height:1.35;overflow:hidden}.lower-grid{grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px;display:grid}.storage-summary{align-items:baseline;gap:7px;margin-top:25px;display:flex}.storage-summary strong{letter-spacing:-.05em;font-size:31px}.storage-summary span{color:var(--muted);font-size:11px}.storage-key{color:#7b8988;gap:16px;margin-top:11px;font-size:9px;display:flex}.storage-key span{align-items:center;gap:5px;display:flex}.storage-key i{background:#edf1ef;border-radius:2px;width:7px;height:7px}.storage-key .used{background:#d7a14d}.panel-advice{color:#6f807e;border-top:1px solid #edf1ef;margin:19px 0 0;padding-top:15px;font-size:10px;line-height:1.55}.network-speeds{grid-template-columns:1fr 1fr;gap:10px;margin-top:23px;display:grid}.network-speeds div{background:#f7f7fa;border-radius:12px;grid-template-columns:auto 1fr;gap:4px 8px;padding:12px;display:grid}.network-speeds svg{color:#7557a8;grid-row:1/3;align-self:center}.network-speeds span{color:#7f8989;font-size:9px}.network-speeds strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}footer{color:#8a9695;justify-content:space-between;gap:20px;margin-top:30px;padding:0 4px;font-size:10px;display:flex}footer span{align-items:center;gap:7px;display:flex}@media (max-width:980px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.device-panel .details-list{grid-template-columns:repeat(2,1fr);gap:0 20px;display:grid}}@media (max-width:650px){.topbar{height:64px;padding:0 14px}.connection-pill{padding:10px;font-size:0}.connection-pill i{margin:0}.dashboard{width:min(100% - 24px,1180px);padding-top:24px}.demo-notice{align-items:flex-start;margin-bottom:30px;line-height:1.5}.welcome-row{display:block}.health-score{display:none}h1{font-size:38px}.lede{font-size:14px}.setup-prerequisite{grid-template-columns:auto 1fr}.setup-prerequisite a{text-align:center;grid-column:1/-1}.connector-setup ol{grid-template-columns:1fr}.connector-setup li{padding:12px 10px 12px 40px}.connector-setup li:before{top:10px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:33px}.metric-card{min-height:193px;padding:15px}.metric-card strong{font-size:22px}.status-chip{display:none}.panel{padding:18px}.content-grid,.lower-grid{gap:9px;margin-top:9px}.lower-grid{grid-template-columns:1fr}.chart-wrap{height:210px}.legend{display:none}.network-speeds{grid-template-columns:1fr 1fr}.device-panel .details-list{display:block}footer{flex-direction:column;align-items:center}.updated{line-height:1.4}}@media (max-width:390px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:auto}.metric-card .meter{margin-top:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
