@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--fs-micro: 10.5px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 32px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 30px;--sp-8: 40px;--r-xs: 6px;--r-sm: 10px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-card: 16px;--r-control: 12px;--r-full: 999px;--aurora: radial-gradient(ellipse 90% 60% at 12% 0%, oklch(86% .12 285 / .55), transparent 55%), radial-gradient(ellipse 70% 50% at 92% 18%, oklch(89% .1 220 / .5), transparent 60%), radial-gradient(ellipse 60% 60% at 50% 110%, oklch(88% .11 335 / .4), transparent 55%), radial-gradient(ellipse 50% 50% at 78% 88%, oklch(90% .1 180 / .35), transparent 60%);--bg-page: #f3f0fb;--bg: transparent;--glass-bg: rgba(255, 255, 255, .62);--glass-bg-strong: rgba(255, 255, 255, .82);--glass-bg-deep: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .55);--glass-border-strong: rgba(255, 255, 255, .75);--glass-border-line: rgba(149, 137, 175, .18);--glass-blur: blur(20px) saturate(180%);--glass-blur-strong: blur(28px) saturate(200%);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .85);--glass-shadow: 0 8px 28px -10px rgba(31, 22, 51, .18), 0 2px 6px -2px rgba(31, 22, 51, .06);--glass-shadow-lg: 0 24px 60px -20px rgba(31, 22, 51, .25), 0 8px 20px -8px rgba(31, 22, 51, .1);--surface-3: rgba(101, 89, 197, .06);--text-primary: #1b1326;--text-secondary: #594d6c;--text-tertiary: #8b7fa0;--text-disabled: #c7bfd0;--primary: #6559c5;--primary-hover: #5749b8;--primary-fill: rgba(101, 89, 197, .12);--primary-fill-strong: rgba(101, 89, 197, .22);--s-green: #4a9a14;--s-green-bg: rgba(101, 196, 38, .18);--s-green-bd: rgba(101, 196, 38, .35);--s-red: #dc2626;--s-red-bg: rgba(229, 60, 60, .16);--s-red-bd: rgba(229, 60, 60, .3);--s-yellow: #c08407;--s-yellow-bg: rgba(245, 158, 11, .18);--s-yellow-bd: rgba(245, 158, 11, .32);--s-orange: #d56f1e;--s-orange-bg: rgba(245, 110, 30, .18);--s-orange-bd: rgba(245, 110, 30, .32);--s-black: #2b2438;--s-black-bg: rgba(31, 22, 51, .1);--s-black-bd: rgba(31, 22, 51, .2);--s-gray: #6b7280;--s-gray-bg: rgba(107, 114, 128, .14);--s-gray-bd: rgba(107, 114, 128, .28);--s-purple: #7c3aed;--s-purple-bg: rgba(124, 58, 237, .14);--s-purple-bd: rgba(124, 58, 237, .3);--s-blue: #2a6fdb;--s-blue-bg: rgba(42, 111, 219, .14);--s-blue-bd: rgba(42, 111, 219, .3);--s-unknown: #a39ab0;--s-unknown-bg: rgba(163, 154, 176, .16);--s-unknown-bd: rgba(163, 154, 176, .32);--h-control: 34px;--h-control-sm: 28px;--h-row: 44px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.4;font-feature-settings:"cv11","ss01","tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh;width:100vw}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--aurora);pointer-events:none;z-index:0;animation:aurora-drift 60s ease-in-out infinite alternate}@keyframes aurora-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(2%,-1%) scale(1.03)}to{transform:translate(-1%,1%) scale(1.01)}}#root{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input{font-family:inherit;color:inherit;background:none;border:none;outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6559c52e;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#6559c552}.topnav{height:56px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border-line);box-shadow:var(--glass-highlight);display:flex;align-items:center;padding:0 var(--sp-5);gap:var(--sp-4);flex-shrink:0;z-index:30;position:relative}.brand{display:flex;align-items:center;gap:10px;font-weight:var(--fw-semibold);font-size:var(--fs-md);letter-spacing:-.015em}.brand-mark{width:28px;height:28px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65) 0,transparent 50%),linear-gradient(135deg,#65c426,#2a9b5e 50%,#2078c3);border-radius:9px;position:relative;overflow:hidden;box-shadow:0 2px 6px #1f16332e,inset 0 1px #fff6}.brand-mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 220deg at 50% 50%,transparent,rgba(255,255,255,.4),transparent 40%);animation:brand-spin 6s linear infinite}@keyframes brand-spin{to{transform:rotate(360deg)}}.brand small{color:var(--text-tertiary);font-weight:var(--fw-medium);font-size:var(--fs-xs);margin-left:4px}.topnav-tabs{display:flex;gap:4px;align-items:center;background:#ffffff59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:999px;padding:4px;box-shadow:var(--glass-highlight)}.topnav-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-medium);letter-spacing:-.01em;border-radius:999px;height:30px;transition:background .18s,color .18s}.topnav-tab:hover{color:var(--text-primary);background:#ffffff73}.topnav-tab.active{color:var(--text-primary);background:var(--glass-bg-strong);box-shadow:0 1px 3px #1f163314,var(--glass-highlight)}.topnav-tab .badge{background:var(--primary-fill);border-radius:999px;font-size:10px;font-weight:var(--fw-semibold);padding:1px 7px;color:var(--primary);font-variant-numeric:tabular-nums;min-width:18px;text-align:center}.topnav-tab .badge.danger{background:var(--s-red-bg);color:var(--s-red)}.topnav-spacer{flex:1}.search{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:var(--glass-bg-strong);border:1px solid var(--glass-border-line);min-width:280px;max-width:360px;flex:1;transition:border-color .18s,box-shadow .18s}.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-fill)}.search svg{color:var(--text-tertiary);flex-shrink:0}.search input{width:100%;font-size:var(--fs-sm)}.search input::placeholder{color:var(--text-tertiary)}.search kbd{font-family:var(--font-mono);font-size:10.5px;color:var(--text-tertiary);padding:1px 6px;border-radius:4px;background:var(--surface-3);border:1px solid var(--glass-border-line)}.segmented{display:inline-flex;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border-line);border-radius:999px;padding:3px;gap:2px;box-shadow:var(--glass-highlight)}.segmented button{padding:5px 12px;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);border-radius:999px;display:inline-flex;align-items:center;gap:6px;transition:color .18s,background .18s}.segmented button.is-active{background:var(--glass-bg-deep);color:var(--text-primary);box-shadow:0 1px 3px #1f163314,var(--glass-highlight)}.segmented button:hover:not(.is-active){color:var(--text-primary)}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-secondary);transition:background .18s,color .18s,border-color .18s}.icon-btn:hover{background:var(--glass-bg-strong);color:var(--text-primary);border-color:var(--glass-border-line)}.icon-btn svg{width:16px;height:16px}.btn{display:inline-flex;align-items:center;gap:7px;height:var(--h-control);padding:0 14px;border-radius:999px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border-line);box-shadow:var(--glass-highlight);color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:background .18s}.btn:hover{background:var(--glass-bg-strong)}.btn.btn-primary{background:linear-gradient(135deg,#8074e8,#6559c5);border-color:transparent;color:#fff;box-shadow:0 4px 14px -2px #6559c566,inset 0 1px #ffffff59}.btn.btn-primary:hover{filter:brightness(1.05)}.btn.btn-danger{background:var(--s-red-bg);color:var(--s-red);border-color:var(--s-red-bd)}.btn.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-secondary)}.btn.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--glass-border-line)}.btn.btn-sm{height:30px;padding:0 12px;font-size:var(--fs-xs)}.live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:5px 11px;border-radius:999px;background:var(--s-green-bg);color:var(--s-green);border:1px solid var(--s-green-bd);letter-spacing:.03em}.live-indicator .dot{width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}.dd{position:relative;display:inline-flex}.dd-trigger{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 13px;border-radius:999px;background:var(--glass-bg-strong);border:1px solid var(--glass-border-line);color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;max-width:220px}.dd-trigger>span:not(.dd-key){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-trigger .dd-key{color:var(--text-tertiary);margin-right:-4px;font-size:11.5px}.dd-trigger:hover{background:var(--glass-bg-deep)}.dd-trigger svg{color:var(--text-tertiary)}.sites-toolbar:has(.dd-menu){position:relative;z-index:30}.dd-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:240px;max-height:360px;overflow-y:auto;padding:6px;border-radius:var(--r-md);background:var(--glass-bg-deep);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow-lg),var(--glass-highlight)}.dd-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;font-size:var(--fs-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.dd-item:hover{background:var(--primary-fill);color:var(--text-primary)}.dd-item.is-active{background:var(--primary-fill);color:var(--primary);font-weight:var(--fw-semibold)}.dd-item .dd-count{font-size:11px;color:var(--text-tertiary)}.dd-search{padding:4px 6px 8px;border-bottom:1px solid var(--glass-border-line);margin-bottom:4px}.dd-search input{width:100%;height:28px;font-size:var(--fs-sm);padding:0 8px;border-radius:8px;background:var(--surface-3);border:1px solid transparent}.dd-search input:focus{background:#fff;border-color:var(--primary)}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.screen{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}.pulse-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border-line);box-shadow:var(--glass-highlight);flex-shrink:0;position:relative;z-index:5}@media(max-width:1400px){.pulse-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.pulse-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{display:flex;flex-direction:column;gap:2px;padding:10px 14px 12px;border-radius:var(--r-card);background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);position:relative;overflow:hidden;min-height:84px;min-width:0}.kpi .kpi-label{font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--fw-semibold);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi .kpi-value{font-size:24px;font-weight:var(--fw-semibold);line-height:1.1;margin-top:4px;font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:var(--text-primary);display:flex;align-items:baseline;gap:4px;white-space:nowrap}.kpi .kpi-value .unit{font-size:12px;font-weight:var(--fw-medium);color:var(--text-tertiary);letter-spacing:-.01em}.kpi .kpi-delta{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-top:3px;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi .kpi-delta .up{color:var(--s-green);font-weight:var(--fw-semibold)}.kpi .kpi-delta .down{color:var(--s-red);font-weight:var(--fw-semibold)}.kpi-spark{position:absolute;bottom:8px;right:10px;width:48px;height:16px;opacity:.7;pointer-events:none}.kpi.tone-danger .kpi-value{color:var(--s-red)}.kpi.tone-good .kpi-value{color:var(--s-green)}.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.01em;white-space:nowrap;border:1px solid transparent;-webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%)}.pill .pill-dot{width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 6px currentColor;flex-shrink:0}.pill.pill-sm{height:18px;padding:0 7px;font-size:10.5px}.pill.pill-sm .pill-dot{width:5px;height:5px}.pill.s-green{background:var(--s-green-bg);color:var(--s-green);border-color:var(--s-green-bd)}.pill.s-red{background:var(--s-red-bg);color:var(--s-red);border-color:var(--s-red-bd)}.pill.s-yellow{background:var(--s-yellow-bg);color:var(--s-yellow);border-color:var(--s-yellow-bd)}.pill.s-orange{background:var(--s-orange-bg);color:var(--s-orange);border-color:var(--s-orange-bd)}.pill.s-black{background:var(--s-black-bg);color:var(--s-black);border-color:var(--s-black-bd)}.pill.s-gray{background:var(--s-gray-bg);color:var(--s-gray);border-color:var(--s-gray-bd)}.pill.s-purple{background:var(--s-purple-bg);color:var(--s-purple);border-color:var(--s-purple-bd)}.pill.s-blue{background:var(--s-blue-bg);color:var(--s-blue);border-color:var(--s-blue-bd)}.pill.s-unknown{background:var(--s-unknown-bg);color:var(--s-unknown);border-color:var(--s-unknown-bd)}.pill.s-red .pill-dot,.pill.s-purple .pill-dot{animation:pulse-dot 1.2s infinite}.panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-card);box-shadow:var(--glass-shadow),var(--glass-highlight);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--glass-border-line);background:var(--glass-bg-strong);flex-shrink:0;min-width:0}.panel-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:-.015em;white-space:nowrap}.panel-sub{font-size:11.5px;color:var(--text-tertiary);margin-left:4px;font-weight:var(--fw-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.panel-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.panel-body{flex:1;min-height:0;overflow:auto;padding:12px 16px 16px}.panel-body.flush{padding:0}.overview{flex:1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr);gap:var(--sp-3);padding:var(--sp-3) var(--sp-5) var(--sp-5);min-height:0}.overview .heatmap-panel{min-height:0}.overview .right-stack{display:flex;flex-direction:column;gap:var(--sp-3);min-height:0;overflow:auto;scrollbar-gutter:stable}.overview .right-stack>.panel{min-height:0}.overview .right-stack>.panel:not(.grow){flex:0 0 auto}.overview .right-stack>.panel.grow{flex:1 1 auto;min-height:280px}@media(max-width:900px){.overview{display:flex;flex-direction:column;overflow:auto}.overview .heatmap-panel{min-height:280px;flex-shrink:0}.overview .right-stack{overflow:visible;min-height:0;flex-shrink:0}.overview .right-stack>.panel.grow{flex:none}}.heatmap-toolbar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--glass-border-line);background:var(--glass-bg-strong);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.heatmap-toolbar::-webkit-scrollbar{height:4px}.heatmap-toolbar .chip{flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 9px;border-radius:999px;background:var(--glass-bg-strong);border:1px solid var(--glass-border-line);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);transition:background .15s,border-color .15s;font-variant-numeric:tabular-nums;white-space:nowrap}.chip:hover{background:var(--glass-bg-deep);color:var(--text-primary)}.chip.on{background:var(--primary-fill);border-color:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary)}.chip .sw{width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor}.chip .cnt{color:var(--text-tertiary);font-size:11px}.chip.reset{background:transparent;border-color:transparent;color:var(--text-tertiary);margin-left:auto}.chip.reset:hover{background:var(--s-red-bg);color:var(--s-red)}.heatmap-canvas-wrap{flex:1;position:relative;margin:12px 14px 14px;min-height:140px;overflow:hidden;border-radius:var(--r-md);background:linear-gradient(180deg,#6559c50f,#6559c505);border:1px solid var(--glass-border-line)}.heatmap-canvas-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;display:block}.hm-tooltip{position:fixed;pointer-events:none;z-index:200;min-width:240px;padding:10px 12px;border-radius:var(--r-md);background:var(--glass-bg-deep);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow-lg);font-size:var(--fs-xs);color:var(--text-primary);transform:translate(-50%,calc(-100% - 14px));opacity:0;transition:opacity .15s;font-variant-numeric:tabular-nums}.hm-tooltip.on{opacity:1}.hm-tooltip.below{transform:translate(-50%,14px)}.hm-tooltip .host{font-weight:var(--fw-semibold);font-size:var(--fs-sm);letter-spacing:-.01em}.hm-tooltip .row{display:flex;justify-content:space-between;gap:12px;margin-top:3px;color:var(--text-secondary)}.hm-tooltip .row .k{color:var(--text-tertiary)}.hm-tooltip .status-line{display:flex;align-items:center;gap:6px;margin-top:5px}.donut-row{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;min-width:0}@media(max-width:1100px){.donut-row{grid-template-columns:120px 1fr;gap:10px}.donut{width:120px;height:120px}}.donut{width:152px;height:152px;position:relative}.donut .center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut .center .big{font-size:24px;font-weight:var(--fw-semibold);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--text-primary)}.donut .center .lbl{font-size:9.5px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-weight:var(--fw-semibold)}.status-list{display:flex;flex-direction:column;gap:2px}.status-row{display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;font-size:var(--fs-xs);transition:background .15s;cursor:pointer}.status-row:hover{background:var(--surface-3)}.status-row.dim{opacity:.4}.status-row .sw{width:9px;height:9px;border-radius:50%;box-shadow:0 0 6px currentColor}.status-row .lbl{color:var(--text-primary);font-weight:var(--fw-medium)}.status-row .pct{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11px;text-align:right}.status-row .cnt{font-variant-numeric:tabular-nums;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-primary);text-align:right;min-width:56px}.list-table{display:flex;flex-direction:column;gap:2px}.list-row{display:grid;grid-template-columns:1fr 90px 70px 50px;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r-sm);font-size:var(--fs-xs);transition:background .15s}.list-row:hover{background:var(--surface-3)}.list-row .name{display:flex;align-items:center;gap:9px;min-width:0}.list-row .name .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-medium);color:var(--text-primary)}.list-row .name .label .sub{color:var(--text-tertiary);margin-left:6px;font-size:11px;font-weight:var(--fw-regular)}.avatar-dot{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:var(--fw-bold);color:#fff;letter-spacing:-.02em;flex-shrink:0;box-shadow:inset 0 1px #ffffff4d}.avatar-dot.server{background:var(--surface-3);color:var(--text-secondary);box-shadow:inset 0 1px #fff9}.stack{display:flex;height:6px;border-radius:999px;overflow:hidden;background:#6559c514}.stack>span{display:block;height:100%}.uptime-num{font-variant-numeric:tabular-nums;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-align:right}.uptime-num.bad{color:var(--s-red)}.uptime-num.warn{color:var(--s-yellow)}.uptime-num.ok{color:var(--s-green)}.total-num{font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--text-tertiary);text-align:right}.incidents{display:flex;flex-direction:column;gap:4px}.incident{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px 9px 14px;border-radius:var(--r-md);background:var(--glass-bg-strong);border:1px solid var(--glass-border-line);transition:background .15s,border-color .15s;position:relative;overflow:hidden;cursor:pointer}.incident:before{content:"";position:absolute;left:6px;top:12px;bottom:12px;width:3px;border-radius:999px;background:currentColor;box-shadow:0 0 10px currentColor}.incident:hover{background:var(--glass-bg-deep);border-color:var(--glass-border-strong)}.incident.s-red{color:var(--s-red)}.incident.s-black{color:var(--s-black)}.incident.s-purple{color:var(--s-purple)}.incident.s-blue{color:var(--s-blue)}.incident.s-orange{color:var(--s-orange)}.incident.s-gray{color:var(--s-gray)}.incident.s-yellow{color:var(--s-yellow)}.incident .body{min-width:0;padding-left:6px}.incident .host{font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:-.008em;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.incident .meta{font-size:11.5px;color:var(--text-tertiary);display:flex;gap:8px;margin-top:3px;align-items:center;min-width:0;overflow:hidden}.incident .meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.incident .meta .pill,.incident .meta .dot-sep{flex-shrink:0}.incident .meta .dot-sep{width:2px;height:2px;background:currentColor;border-radius:999px;opacity:.5}.incident .since{text-align:right;font-variant-numeric:tabular-nums;font-size:var(--fs-xs);color:var(--text-primary);font-weight:var(--fw-semibold);display:flex;flex-direction:column;align-items:flex-end;gap:1px}.incident .since .sub{font-size:9.5px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--fw-semibold)}.feed{display:flex;flex-direction:column}.feed-row{display:grid;grid-template-columns:60px 12px 1fr auto;align-items:center;gap:9px;padding:7px 6px;font-size:var(--fs-xs);border-bottom:1px solid var(--glass-border-line);animation:slideIn .4s ease}.feed-row:last-child{border-bottom:none}.feed-row .time{font-variant-numeric:tabular-nums;font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.feed-row .sw{width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor}.feed-row .host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.feed-row .host .proj{color:var(--text-tertiary);margin-left:6px;font-size:11px}.feed-row .change{display:flex;align-items:center;gap:6px;font-size:11px}.feed-row .arrow{color:var(--text-disabled)}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sites-screen{flex:1;display:flex;flex-direction:column;min-height:0;padding:var(--sp-3) var(--sp-5) var(--sp-5);gap:var(--sp-3)}.sites-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-card);box-shadow:var(--glass-shadow),var(--glass-highlight);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.sites-toolbar .left{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.sites-toolbar .right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sites-toolbar .btn{white-space:nowrap}.sites-toolbar .match-count{font-size:var(--fs-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.sites-toolbar .match-count b{color:var(--text-primary);font-weight:var(--fw-semibold)}.table-wrap{flex:1;min-height:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-card);box-shadow:var(--glass-shadow),var(--glass-highlight);overflow:hidden;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column}.table-scroll{flex:1;min-height:0;overflow:auto}.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.tbl thead th{text-align:left;font-weight:var(--fw-semibold);font-size:10.5px;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--glass-border-line);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:sticky;top:0;z-index:2;white-space:nowrap;-webkit-user-select:none;user-select:none}.tbl thead th.sortable{cursor:pointer}.tbl thead th.sortable:hover{color:var(--text-primary)}.tbl thead th .sort-ind{margin-left:4px;opacity:.7;font-size:9px}.tbl tbody td{padding:0 12px;border-bottom:1px solid var(--glass-border-line);vertical-align:middle;height:var(--h-row);white-space:nowrap}.tbl tbody tr{cursor:pointer;transition:background .15s}.tbl tbody tr:hover td{background:var(--surface-3)}.tbl tbody tr.is-selected td{background:var(--primary-fill)}.tbl .host-cell{font-weight:var(--fw-medium);letter-spacing:-.008em;color:var(--text-primary);font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:8px}.tbl .host-cell .id{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11px}.tbl .ip-cell{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px;letter-spacing:-.01em}.tbl .proj-cell{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--text-primary)}.tbl .time-cell{font-family:var(--font-mono);color:var(--text-secondary);font-size:11.5px}.tbl .uptime-cell{font-weight:var(--fw-semibold)}.tbl .actions-cell{width:90px;text-align:right}.tbl tbody tr .row-actions{opacity:0;display:inline-flex;gap:2px}.tbl tbody tr:hover .row-actions{opacity:1}.pager{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--glass-border-line);background:var(--glass-bg-strong);font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.pager .pager-info{margin-right:auto}.pager .pager-info b{color:var(--text-primary);font-weight:var(--fw-semibold)}.pager .page-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--glass-border-line);background:var(--glass-bg);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.pager .page-btn:hover:not(:disabled){background:var(--glass-bg-deep);color:var(--text-primary)}.pager .page-btn:disabled{opacity:.35;cursor:not-allowed}.pager .page-num{font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);color:var(--text-primary)}.mini-strip{display:inline-flex;gap:1px;align-items:center;height:14px}.mini-strip span{display:block;width:2.5px;height:100%;border-radius:1px;opacity:.6}.mini-strip span.bad{opacity:1}.empty-cell{text-align:center;color:var(--text-tertiary);padding:60px 20px;font-size:var(--fs-sm)}.drawer-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f16332e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;opacity:0;pointer-events:none;transition:opacity .22s}.drawer-veil.on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:12px;right:12px;bottom:12px;width:480px;z-index:90;transform:translate(calc(100% + 24px));transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;border-radius:var(--r-xl);background:var(--glass-bg-deep);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow-lg),var(--glass-highlight);overflow:hidden}.drawer.on{transform:translate(0)}.drawer-head{padding:18px 20px 14px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--glass-border-line)}.drawer-head .close{margin-left:auto}.drawer-body{flex:1;overflow:auto;padding:16px 20px 24px}.drawer-host{font-size:18px;font-weight:var(--fw-semibold);letter-spacing:-.018em;color:var(--text-primary)}.drawer-proj{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:3px;font-family:var(--font-mono)}.kv{display:grid;grid-template-columns:110px 1fr;gap:6px 14px;font-size:var(--fs-xs);margin-top:16px}.kv dt{color:var(--text-tertiary)}.kv dd{margin:0;color:var(--text-primary);font-variant-numeric:tabular-nums}.kv dd code{font-family:var(--font-mono);font-size:11.5px}.section-h{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.section-h h4{margin:0;font-size:10.5px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.section-h .meta{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.uptime-strip{display:flex;gap:2px;height:32px;align-items:stretch}.uptime-strip span{flex:1;border-radius:3px;min-width:2px;transition:transform .15s}.uptime-strip span:hover{transform:scaleY(1.12)}.btn-row{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.bg-green{background:var(--s-green)}.bg-red{background:var(--s-red)}.bg-yellow{background:var(--s-yellow)}.bg-orange{background:var(--s-orange)}.bg-black{background:var(--s-black)}.bg-gray{background:var(--s-gray)}.bg-purple{background:var(--s-purple)}.bg-blue{background:var(--s-blue)}.bg-unknown{background:var(--s-unknown)}.proj-tag{display:inline-flex;align-items:center;gap:5px}.proj-tag .dot{width:8px;height:8px;border-radius:3px;box-shadow:inset 0 1px #fff6}@media(max-width:1100px){.topnav{gap:10px;padding:0 12px}.topnav .brand small{display:none}.search{min-width:180px}}@media(max-width:900px){.topnav-tab{padding:6px 10px}.topnav-tab svg{display:none}.search kbd{display:none}.live-indicator{padding:5px 8px}.topnav-spacer{display:none}}.boot-screen{display:flex;align-items:center;justify-content:center;min-height:240px;width:100%;color:var(--text-tertiary);font-size:var(--fs-sm)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px;padding:26px 24px 24px;border-radius:var(--r-lg);background:var(--glass-bg-strong);border:1px solid var(--glass-border-line);box-shadow:var(--glass-shadow-lg);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong)}.login-field{display:flex;flex-direction:column;gap:6px}.login-field span{font-size:var(--fs-xs);color:var(--text-tertiary);font-weight:var(--fw-medium)}.login-field input{height:36px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--glass-border-line);background:var(--glass-bg);color:var(--text-primary);font-size:var(--fs-sm);font-family:inherit;outline:none}.login-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6559c524}.login-error,.drawer-error{font-size:var(--fs-xs);color:var(--s-red);background:var(--s-red-bg);border:1px solid var(--s-red-bd);border-radius:var(--r-sm);padding:8px 10px}.drawer-notice{margin-top:12px;font-size:var(--fs-xs);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-line);border-radius:var(--r-sm);padding:8px 10px}.live-indicator.is-stale{background:var(--s-yellow-bg, rgba(224, 164, 11, .12));color:var(--s-yellow, #a9760a);border-color:var(--s-yellow-bd, rgba(224, 164, 11, .3))}.live-indicator.is-stale .dot{animation-duration:2.4s}.current-user{font-size:var(--fs-xs);color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-form{margin-bottom:16px;padding:16px;border-radius:var(--r-md, 12px);background:var(--glass-bg);border:1px solid var(--glass-border-line)}.user-form-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:12px}.user-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.user-form-check{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);color:var(--text-secondary);align-self:end;padding-bottom:8px}.user-form-check input{width:15px;height:15px;accent-color:var(--primary)}.users-table tbody tr .row-actions{opacity:1;gap:6px}@media(max-width:1700px){.brand small,.current-user{display:none}}