:root{--bg:#f5f6f4;--bg-tinted:#eff1ed;--surface:#fff;--surface-2:#fafaf8;--topbar:#0a0b0d;--topbar-edge:#191b1d;--ink:#13161a;--ink-2:#3e4348;--ink-3:#6d7277;--ink-4:#9a9fa5;--ink-on-dark:#f8f8f8;--ink-on-dark-2:#9c9fa1;--line:#dfe1e4;--line-2:#ced1d4;--line-strong:#bbbec1;--green:#39b457;--green-strong:#00a240;--green-tint:#d1f7d5;--green-tint-2:#b6efbd;--green-ink:#0f5021;--amber:#efa831;--amber-tint:#ffebc8;--amber-ink:#855000;--red:#ed413b;--red-tint:#ffe7e4;--red-ink:#bb0916;--shadow-card:0 1px 0 #00000005, 0 1px 2px #0000000a;--shadow-card-hover:0 1px 0 #00000008, 0 4px 12px #0000000f;--shadow-pop:0 8px 28px #0000001f, 0 2px 6px #0000000f;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Geist Mono", "JetBrains Mono", Menlo, monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px}@supports (color:lab(0% 0 0)){:root{--bg:lab(96.7845% -.516355 .984991);--bg-tinted:lab(94.834% -.858963 1.643);--surface-2:lab(98.2925% -.516385 .984991);--topbar:lab(3.0455% -.267319 -.984484);--topbar-edge:lab(9.51488% -.528023 -1.7756);--ink:lab(7.21285% -.900991 -3.46672);--ink-2:lab(28.0692% -1.04554 -3.54594);--ink-3:lab(47.7904% -1.06922 -3.55804);--ink-4:lab(65.191% -1.08051 -3.56405);--ink-on-dark:lab(97.68% -.0000298023 .0000119209);--ink-on-dark-2:lab(65.1961% -.550538 -1.78769);--line:lab(89.5562% -.552863 -1.78905);--line-2:lab(83.7562% -.552446 -1.78877);--line-strong:lab(76.7961% -.55185 -1.78841);--green:lab(64.9725% -50.0729 36.5468);--green-strong:lab(58.1056% -53.2759 39.5092);--green-tint:lab(93.8286% -17.4003 12.1044);--green-tint-2:lab(89.5675% -26.159 18.3278);--green-ink:lab(29.3054% -29.4993 21.6359);--amber:lab(74.342% 19.9794 67.2846);--amber-tint:lab(94.3214% 4.38088 23.3696);--amber-ink:lab(39.3017% 22.7257 71.1248);--red:lab(55.005% 65.9182 44.6122);--red-tint:lab(93.8428% 12.0876 7.12225);--red-ink:lab(39.9824% 63.1491 46.7224);--shadow-card:0 1px 0 lab(0% 0 0/.02), 0 1px 2px lab(0% 0 0/.04);--shadow-card-hover:0 1px 0 lab(0% 0 0/.03), 0 4px 12px lab(0% 0 0/.06);--shadow-pop:0 8px 28px lab(0% 0 0/.12), 0 2px 6px lab(0% 0 0/.06)}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.topbar{background:var(--topbar);color:var(--ink-on-dark);border-bottom:1px solid var(--topbar-edge);z-index:50;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-brand{letter-spacing:-.01em;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.topbar-sub{color:var(--ink-on-dark-2);align-items:center;gap:8px;font-size:13px;font-weight:400;display:flex}.topbar-version{color:var(--ink-on-dark-2);font-size:11.5px;font-weight:400}.topbar-pill{background:var(--green-tint-2);color:var(--green-ink);letter-spacing:.08em;border-radius:var(--r-pill);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.topbar-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.topbar-nav-item{color:var(--ink-on-dark-2);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0;padding:7px 14px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s}.topbar-nav-item:hover{color:var(--ink-on-dark);background:#1e2226;background:lab(12.9871% -1.00497 -3.52685)}.topbar-nav-item.is-active{background:var(--green);color:#010f03;color:lab(3.31327% -5.60603 3.58992);font-weight:600}.topbar-user{width:30px;height:30px;color:var(--ink-on-dark);cursor:pointer;background:#1e2226;background:lab(12.9871% -1.00497 -3.52685);border-radius:999px;place-items:center;margin-left:8px;font-size:12px;font-weight:600;display:grid}.topbar-user:hover{background:#2a2e33;background:lab(18.7881% -1.02484 -3.53596)}.page{max-width:1280px;margin:0 auto;padding:32px 28px 64px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:28px;font-weight:700}.page-subtitle{color:var(--ink-3);margin:6px 0 0;font-size:13.5px}.page-actions{align-items:center;gap:8px;display:flex}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:24px}.page>.card{margin-bottom:24px}.card-section-label{letter-spacing:.11em;color:var(--ink-3);text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:700}.kv{grid-template-columns:minmax(110px,130px) minmax(0,1fr);align-items:baseline;gap:16px 20px;display:grid}.kv-key{color:var(--ink-3);font-size:13px}.kv-val{color:var(--ink);overflow-wrap:anywhere;min-width:0;font-size:13.5px}.kv-val.mono{font-family:var(--font-mono);font-size:12.5px}.pill{border-radius:var(--r-pill);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.pill.green{background:var(--green-tint-2);color:var(--green-ink)}.pill.amber{background:var(--amber-tint);color:var(--amber-ink)}.pill.red{background:var(--red-tint);color:var(--red-ink)}.pill.neutral{color:var(--ink-2);background:#e9ebee;background:lab(93.0362% -.553161 -1.78919)}.dot{border-radius:999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot.green{background:var(--green);box-shadow:0 0 0 3px #39b45729;box-shadow:0 0 0 3px lab(64.9725% -50.0729 36.5468/.16)}.dot.amber{background:var(--amber);box-shadow:0 0 0 3px #efa83129;box-shadow:0 0 0 3px lab(74.342% 19.9794 67.2846/.16)}.dot.red{background:var(--red);box-shadow:0 0 0 3px #ed413b29;box-shadow:0 0 0 3px lab(55.005% 65.9182 44.6122/.16)}.dot.gray{background:#9c9fa1;background:lab(65.1961% -.550538 -1.78769)}.presence{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.presence.online .label{color:var(--green-ink);font-weight:600}.presence.offline .label{color:var(--ink-3)}.btn{border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);height:32px;color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,transform 60ms;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--line-strong)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--green);border-color:var(--green);color:#010f03;color:lab(3.31327% -5.60603 3.58992);font-weight:600}.btn.primary:hover{background:var(--green-strong);border-color:var(--green-strong)}.btn.danger{color:var(--red-ink);border-color:#edaaa2;border-color:lab(76.07% 24.4084 14.5547)}.btn.danger:hover{background:var(--red-tint);border-color:var(--red)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-tinted)}.btn.small{height:26px;padding:0 10px;font-size:12px}.btn.icon-only{justify-content:center;width:32px;padding:0}.input{border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface);height:36px;color:var(--ink);outline:none;width:100%;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px #39b4572e;box-shadow:0 0 0 3px lab(64.9725% -50.0729 36.5468/.18)}.input::placeholder{color:var(--ink-4)}.input.search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23999' stroke-width='1.5'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 3 3'/%3E%3C/svg%3E");background-position:11px;background-repeat:no-repeat;background-size:14px;padding-left:34px}.input.with-pre{padding-left:34px}label.field{display:block}label.field .label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-size:11px;font-weight:700;display:block}label.field .hint{color:var(--ink-3);margin-top:6px;font-size:12px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:700}.table td{border-bottom:1px solid var(--line);color:var(--ink);padding:14px 16px;font-size:13.5px}.table tr:last-child td{border-bottom:0}.tree{padding:0}.tree-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 16px;transition:background .1s;display:flex}.tree-row:last-child{border-bottom:0}.tree-row:hover{background:var(--bg-tinted)}.tree-row.is-device{cursor:pointer;padding-left:64px}.tree-row.is-site{background:var(--surface-2);padding-left:40px}.tree-row.is-site:hover{background:#f1f2ef;background:lab(95.414% -.858963 1.64298)}.tree-row .chev{width:16px;height:16px;color:var(--ink-3);place-items:center;transition:transform .15s;display:grid}.tree-row .chev.open{transform:rotate(90deg)}.tree-row .client-name{letter-spacing:-.005em;font-size:14px;font-weight:700}.tree-row .site-name{color:var(--ink-2);font-size:13px;font-weight:600}.tree-row .hostname{font-family:var(--font-mono);color:var(--ink);font-size:12.5px}.tree-row .meta{color:var(--ink-3);align-items:center;gap:14px;margin-left:auto;font-size:12px;display:flex}.tree-row .count-chip{color:var(--ink-3);border-radius:var(--r-pill);font-variant-numeric:tabular-nums;background:#e9ebee;background:lab(93.0362% -.553161 -1.78919);padding:2px 8px;font-size:11px}.auth-shell{background:radial-gradient(ellipse at 50% -20%, #e1fae373, transparent 60%), var(--bg);place-items:center;min-height:100vh;padding:40px 20px;display:grid}@supports (color:lab(0% 0 0)){.auth-shell{background:radial-gradient(ellipse at 50% -20%, lab(95.8901% -11.5862 8.0274/.45), transparent 60%), var(--bg)}}.auth-card{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:400px;box-shadow:var(--shadow-pop);padding:36px 32px}.auth-brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:28px;font-size:16px;font-weight:700;display:flex}.auth-title{letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:700}.auth-sub{color:var(--ink-3);margin:0 0 24px;font-size:13.5px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-foot{color:var(--ink-3);text-align:center;margin-top:18px;font-size:12.5px}.otp{justify-content:center;gap:8px;display:flex}.otp input{border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface);text-align:center;width:44px;height:52px;font-family:var(--font-mono);outline:none;font-size:22px;transition:border-color .12s,box-shadow .12s}.otp input:focus{border-color:var(--green);box-shadow:0 0 0 3px #39b4572e;box-shadow:0 0 0 3px lab(64.9725% -50.0729 36.5468/.18)}.qr-wrap{background:var(--bg-tinted);border-radius:var(--r-md);place-items:center;margin-bottom:18px;padding:18px;display:grid}.qr{background:#000;border-radius:6px;grid-template-rows:repeat(21,1fr);grid-template-columns:repeat(21,1fr);gap:0;width:168px;height:168px;padding:8px;display:grid}.qr .px{background:#fff}.gauge-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.gauge-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);text-align:center;padding:16px 12px 14px}.gauge{width:112px;height:99px;margin:0 auto 4px;display:block}.gauge-pct{fill:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.gauge-count{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.gauge-label{color:var(--ink);font-size:13px;font-weight:600}.gauge-sub{margin-top:2px;font-size:12px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px 20px;position:relative;overflow:hidden}.stat-label{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-size:11px;font-weight:700}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:30px;font-weight:700;line-height:1.05}.stat-sub{color:var(--ink-3);margin-top:6px;font-size:12.5px}.stat-sparkbar{align-items:flex-end;gap:3px;height:32px;margin-top:12px;display:flex}.stat-sparkbar .b{background:#b7dcbb;background:lab(84.5469% -17.4063 12.1221);border-radius:2px;flex:1;transition:height .3s}.stat-sparkbar .b.active{background:var(--green)}.overview-row{grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px;display:grid}.overview-row.single{grid-template-columns:1fr}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;font-size:13.5px;display:flex}.list-row:last-child{border-bottom:0}.list-row .hostname{font-family:var(--font-mono);font-size:12.5px}.list-row .meta{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.detail-grid .span-2{grid-column:span 2}.detail-grid .span-3{grid-column:1/-1}.cert-bar{background:var(--line);border-radius:999px;height:6px;margin-top:12px;overflow:hidden}.cert-bar .fill{background:var(--green);height:100%;transition:width .4s}.cert-bar .fill.warn{background:var(--amber)}.cert-bar .fill.crit{background:var(--red)}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:100px 16px 1fr;align-items:start;gap:14px;padding:12px 0;display:grid}.timeline li:last-child{border-bottom:0}.timeline .when{color:var(--ink-3);font-variant-numeric:tabular-nums;padding-top:1px;font-size:12px}.timeline .dot-col{place-items:center;padding-top:5px;display:grid}.timeline .what{color:var(--ink);font-size:13px}.timeline .what em{color:var(--ink-3);margin-top:2px;font-size:12px;font-style:normal;display:block}.modal-scrim{z-index:100;background:#080c0f5c;background:lab(3.03964% -.478722 -2.0547/.36);place-items:center;animation:.14s fadeIn;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-lg);width:440px;max-width:calc(100% - 32px);box-shadow:var(--shadow-pop);animation:.16s pop;overflow:hidden}.modal-head{padding:20px 24px 14px}.modal-title{letter-spacing:-.01em;margin:0 0 4px;font-size:17px;font-weight:700}.modal-body{color:var(--ink-2);padding:0 24px 22px;font-size:13.5px}.modal-foot{background:var(--surface-2);border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:none}}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-3)}.muted-2{color:var(--ink-4)}.nowrap{white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.divider{background:var(--line);height:1px;margin:16px 0}.segmented{background:var(--bg-tinted);border-radius:var(--r-pill);gap:2px;padding:3px;display:inline-flex}.segmented button{border-radius:var(--r-pill);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:5px 12px;font-size:12.5px;font-weight:500}.segmented button:hover{color:var(--ink)}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014;box-shadow:0 1px 2px lab(0% 0 0/.08)}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sort .arr{opacity:.55;margin-left:4px;font-size:10px}.th-sort.is-active{color:var(--ink-2)}.th-sort.is-active .arr{opacity:1;color:var(--green)}.crumbs{color:var(--ink-3);align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;display:flex}.crumbs a{color:var(--ink-3);cursor:pointer;text-decoration:none}.crumbs a:hover{color:var(--ink)}.crumbs .sep{color:var(--ink-4)}.empty{text-align:center;color:var(--ink-3);padding:60px 20px}.empty .title{color:var(--ink);margin-bottom:6px;font-weight:600}.card.flush{padding:0}.card.flush .card-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.toast{color:var(--ink-on-dark);border-radius:var(--r-pill);z-index:200;box-shadow:var(--shadow-pop);background:#13161a;background:lab(7.21285% -.900991 -3.46672);align-items:center;gap:8px;padding:10px 16px;font-size:13px;animation:.16s pop;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.spark{width:100%;height:64px;display:block}