:root{--bg:#f5f6f8;--card:#fff;--border:#e4e7ec;--ink:#101828;--sub:#475467;--mute:#98a2b3;--green:#12b76a;--yellow:#f79009;--red:#f04438;--grey:#d0d5dd;--yellow-bg:#fffaeb;--yellow-bd:#fec84b;--red-bg:#fef3f2;--red-bd:#fda29b;--green-bg:#ecfdf3;--green-bd:#abefc6;--divider:#f2f4f7;--soft:#f2f4f7;--on-accent:#fff;--logo-bg:#101828;--logo-fg:#fff;--shadow:0 8px 24px #1018282e;--chip-prod-bg:#eff8ff;--chip-prod-fg:#175cd3;--chip-dev-bg:#f4f3ff;--chip-dev-fg:#5925dc;--chip-test-bg:#fef6ee;--chip-test-fg:#b93815;--chip-neutral-bg:#f2f4f7;--chip-neutral-fg:#344054;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}:root[data-theme=dark]{--bg:#0d1117;--card:#161b22;--border:#2a313c;--ink:#e6edf3;--sub:#adb6c2;--mute:#7d8794;--green:#2fbf71;--yellow:#f5a524;--red:#f25c54;--grey:#2d343e;--yellow-bg:#2a2111;--yellow-bd:#6b4f16;--red-bg:#2b1515;--red-bd:#6e2a27;--green-bg:#0f2419;--green-bd:#1f5a37;--divider:#20262f;--soft:#1f252d;--on-accent:#0d1117;--logo-bg:#e6edf3;--logo-fg:#0d1117;--shadow:0 8px 24px #0000008c;--chip-prod-bg:#102a43;--chip-prod-fg:#84c1ff;--chip-dev-bg:#221a3d;--chip-dev-fg:#b9a6ff;--chip-test-bg:#33200f;--chip-test-fg:#f7a96b;--chip-neutral-bg:#232a33;--chip-neutral-fg:#c3cbd5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1117;--card:#161b22;--border:#2a313c;--ink:#e6edf3;--sub:#adb6c2;--mute:#7d8794;--green:#2fbf71;--yellow:#f5a524;--red:#f25c54;--grey:#2d343e;--yellow-bg:#2a2111;--yellow-bd:#6b4f16;--red-bg:#2b1515;--red-bd:#6e2a27;--green-bg:#0f2419;--green-bd:#1f5a37;--divider:#20262f;--soft:#1f252d;--on-accent:#0d1117;--logo-bg:#e6edf3;--logo-fg:#0d1117;--shadow:0 8px 24px #0000008c;--chip-prod-bg:#102a43;--chip-prod-fg:#84c1ff;--chip-dev-bg:#221a3d;--chip-dev-fg:#b9a6ff;--chip-test-bg:#33200f;--chip-test-fg:#f7a96b;--chip-neutral-bg:#232a33;--chip-neutral-fg:#c3cbd5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}a{color:inherit;text-decoration:none}h2{margin:0;font-size:15px;font-weight:600}h3{color:var(--sub);margin:0 0 8px;font-size:13px;font-weight:600}.page{max-width:960px;margin:0 auto;padding:40px 16px 24px}.muted{color:var(--mute)}.small{font-size:12px}.header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:40px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{background:var(--logo-bg);width:36px;height:36px;color:var(--logo-fg);border-radius:9px;place-items:center;font-size:20px;font-weight:700;display:grid}.title{font-size:18px;font-weight:600}.header-actions{gap:8px;display:flex}.btn{border:1px solid var(--border);background:var(--card);font:inherit;color:var(--sub);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px}.btn-primary{background:var(--ink);color:var(--on-accent);border-color:var(--ink)}.btn-icon{padding:8px 10px;line-height:1}.chip{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.chip-prod{background:var(--chip-prod-bg);color:var(--chip-prod-fg)}.chip-dev{background:var(--chip-dev-bg);color:var(--chip-dev-fg)}.chip-test{background:var(--chip-test-bg);color:var(--chip-test-fg)}.chip-legacy,.chip-internal{background:var(--chip-neutral-bg);color:var(--chip-neutral-fg)}.banner{border:1px solid;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex}.banner-ok{background:var(--green-bg);border-color:var(--green-bd)}.banner-degraded{background:var(--yellow-bg);border-color:var(--yellow-bd)}.banner-down{background:var(--red-bg);border-color:var(--red-bd)}.banner-dot{width:20px;height:20px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:12px;font-weight:700;display:grid}.banner-ok .banner-dot{background:var(--green)}.banner-degraded .banner-dot{background:var(--yellow)}.banner-down .banner-dot{background:var(--red)}.banner-main{flex-direction:column;flex:1;gap:4px;display:flex}.banner-main strong{font-size:16px}.banner-line{color:var(--sub);font-size:13px}.banner-side{text-align:right;color:var(--sub);flex-direction:column;gap:4px;font-size:13px;display:flex}.legend{color:var(--sub);justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.legend-items{flex-wrap:wrap;gap:20px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.row{padding:16px 24px 12px}.row+.row{border-top:1px solid var(--divider)}.row-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.row-name{font-weight:500}.row-head .status{margin-left:auto}.row-foot{color:var(--mute);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.row-foot span:nth-child(2){color:var(--sub);font-weight:500}.status{font-size:13px;font-weight:500}.status-ok{color:var(--green)}.status-degraded{color:var(--yellow)}.status-down{color:var(--red)}.status-unknown{color:var(--mute)}.color-green{color:var(--green)}.color-yellow{color:var(--yellow)}.color-red{color:var(--red)}.color-grey{color:var(--mute)}.bars{gap:2px;height:32px;display:flex;position:relative}.bar{border-radius:2px;outline:none;flex:1}.bar-green{background:var(--green)}.bar-yellow{background:var(--yellow)}.bar-red{background:var(--red)}.bar-grey{background:var(--grey)}.bar-active{box-shadow:0 0 0 2px var(--card), 0 0 0 3px var(--ink)}.tooltip{background:var(--card);border:1px solid var(--border);width:300px;box-shadow:var(--shadow);z-index:10;border-radius:10px;flex-direction:column;gap:8px;padding:12px 16px;display:flex;position:absolute;bottom:42px;transform:translate(-50%)}.tooltip-head{border-bottom:1px solid var(--divider);justify-content:space-between;padding-bottom:8px;font-size:13px;display:flex}.tooltip-incident{gap:8px;font-size:13px;display:flex}.dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.dot-down{background:var(--red)}.dot-degraded{background:var(--yellow)}.history{margin-top:36px}.history>h2{margin-bottom:20px;font-size:18px}.history-day{margin-bottom:20px}.history-day h3{border-bottom:1px solid var(--border);padding-bottom:8px}.incident{border-left:4px solid;flex-direction:column;gap:4px;margin:12px 0;padding:4px 0 4px 12px;display:flex}.incident-down{border-color:var(--red)}.incident-degraded{border-color:var(--yellow)}.incident-head{justify-content:space-between;gap:12px;font-size:15px;display:flex}.incident-head strong{font-weight:500}.agent{background:var(--soft);color:var(--sub);white-space:pre-wrap;border-radius:8px;margin:6px 0 0;padding:8px 12px}.event{color:var(--sub);margin:8px 0;font-size:13px}.login{flex-direction:column;gap:10px;max-width:360px;margin:40px auto;padding:24px;display:flex}.login input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--ink);border-radius:8px;padding:8px 10px}.error{color:var(--red);margin:0;font-size:13px}.footer{border-top:1px solid var(--border);color:var(--mute);margin-top:32px;padding-top:20px;font-size:12px}@media (width<=720px){.banner{flex-wrap:wrap}.banner-side{text-align:left;width:100%}.row,.card-head{padding-left:16px;padding-right:16px}.tooltip{width:260px}}.header-tabbed{margin-bottom:16px}.tabs{border-bottom:1px solid var(--border);gap:24px;margin-bottom:28px;display:flex}.tab{color:var(--sub);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 0 10px;font-size:14px;font-weight:500}.tab-active{color:var(--ink);border-color:var(--chip-prod-fg);font-weight:600}.account{position:relative}.account-btn{color:var(--ink);align-items:center;gap:8px;display:inline-flex}.account-btn-open{border-color:var(--chip-prod-fg)}.account-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px var(--green-bg);border-radius:50%}.chevron{color:var(--mute);font-size:11px}.account-menu{background:var(--card);border:1px solid var(--border);width:270px;box-shadow:var(--shadow);z-index:20;border-radius:12px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.account-info{border-bottom:1px solid var(--divider);flex-direction:column;gap:4px;padding:14px 16px;font-size:13px;display:flex}.account-item{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px;font-size:13px;display:flex}.account-item:hover,.account-item:focus-visible{background:var(--soft);outline:none}.account-item-danger>span:first-child{color:var(--red)}.remember{cursor:pointer;align-items:flex-start;gap:10px;margin:4px 0;font-size:13px;display:flex}.remember input{width:16px;height:16px;accent-color:var(--chip-prod-fg);margin:2px 0 0}.remember>span{flex-direction:column;gap:2px;display:flex}.page-wide{max-width:1200px}.servers-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.server-list{margin:0;padding:8px;position:sticky;top:16px}.server-list-head{align-items:baseline;gap:10px;padding:8px 10px 10px;font-size:14px;display:flex}.server-list-cpu{margin-left:auto}.server-item{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.server-item:hover{background:var(--soft)}.server-item-active{background:var(--soft);border-color:var(--chip-prod-fg)}.server-item .dot{margin-top:0}.server-item-text{flex-direction:column;flex:1;min-width:0;display:flex}.server-item-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.server-item-cpu{color:var(--sub);font-variant-numeric:tabular-nums;font-size:13px}.dot-ok{background:var(--green)}.dot-unknown{background:var(--grey)}.server-detail{flex-direction:column;gap:16px;min-width:0;display:flex}.server-detail .card{margin:0}.detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-title h1{word-break:break-word;margin:0;font-size:22px;font-weight:600}.detail-sub{margin:4px 0 2px;font-size:13px}.pill{border:1px solid;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.pill-ok{color:var(--green);background:var(--green-bg);border-color:var(--green-bd)}.pill-degraded{color:var(--yellow);background:var(--yellow-bg);border-color:var(--yellow-bd)}.pill-down{color:var(--red);background:var(--red-bg);border-color:var(--red-bd)}.pill-unknown{color:var(--mute);background:var(--soft);border-color:var(--border)}.segmented{border:1px solid var(--border);background:var(--card);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.segment{font:inherit;color:var(--sub);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500}.segment-active{background:var(--soft);border-color:var(--border);color:var(--ink);font-weight:600}.server-alert{color:var(--red);margin-top:4px;font-size:13px;font-weight:500}.detail-head>div:first-child{flex:320px;min-width:0}.detail-error{text-overflow:ellipsis;white-space:nowrap;max-width:640px;overflow:hidden}.strip-card,.chart{padding:16px 20px 12px}.strip-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.strip-legend{flex-wrap:wrap;gap:14px;display:flex}.strip-legend span{align-items:center;gap:5px;display:inline-flex}.strip{touch-action:none;border-radius:4px;height:16px;position:relative}.strip-base{border-radius:4px;position:absolute;inset:0}.strip-span{position:absolute;top:0;bottom:0}.strip-marker,.marker-icon{background:var(--chip-prod-fg);border-radius:1px;flex:none;width:9px;height:9px;display:inline-block;transform:rotate(45deg)}.strip-marker{box-shadow:0 0 0 2px var(--card);margin-left:-4px;position:absolute;top:-5px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.chart-title{color:var(--ink);margin:0 0 2px;font-size:14px}.chart-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.chart-empty{text-align:center;background:var(--soft);border-radius:8px;place-items:center;height:140px;padding:0 24px;display:grid}.plot{touch-action:none;height:140px;margin-right:28px;position:relative}.plot svg{width:100%;height:100%;display:block;overflow:visible}.plot-empty{place-items:center;display:grid;position:absolute;inset:0}.y-axis span{color:var(--mute);font-size:10px;position:absolute;left:calc(100% + 6px);transform:translateY(-50%)}.time-axis{height:16px;color:var(--mute);margin:6px 28px 0 0;font-size:10px;position:relative}.strip-card .time-axis{margin-right:0}.time-axis span{white-space:nowrap;position:absolute;transform:translate(-50%)}.grid{stroke:var(--divider);stroke-width:1px;vector-effect:non-scaling-stroke}.threshold{stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.threshold-warn{stroke:var(--yellow)}.threshold-fail{stroke:var(--red)}.band-degraded{fill:var(--yellow);opacity:.12}.band-down{fill:var(--red);opacity:.14}.line{fill:none;stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.area{opacity:.18;stroke:none}.stroke-ok{stroke:var(--green)}.stroke-warn{stroke:var(--yellow)}.stroke-fail{stroke:var(--red)}.fill-ok{fill:var(--green)}.fill-warn{fill:var(--yellow)}.fill-fail{fill:var(--red)}.level-text-ok{color:var(--green)}.level-text-warn{color:var(--yellow)}.level-text-fail{color:var(--red)}.hover-line{background:var(--sub);opacity:.6;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.hover-tip{background:var(--card);border:1px solid var(--border);white-space:nowrap;box-shadow:var(--shadow);pointer-events:none;z-index:5;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;top:-6px;transform:translate(8px,-100%)}.hover-tip-left{transform:translate(calc(-100% - 8px),-100%)}.activity .card-head{padding:14px 20px}.activity-empty{margin:0;padding:16px 20px}.activity-list{margin:0;padding:0 20px;list-style:none}.activity-item{grid-template-columns:92px 12px minmax(0,1fr);gap:12px;padding:12px 0;font-size:13px;display:grid}.activity-item+.activity-item{border-top:1px solid var(--divider)}.activity-item time{padding-top:1px}.activity-item .dot,.activity-item .marker-icon{margin-top:5px}.activity-body{flex-direction:column;gap:3px;min-width:0;display:flex}.activity-detail{color:var(--sub);word-break:break-word}.activity .agent{margin-top:4px;font-size:12px}@media (width<=900px){.servers-layout{grid-template-columns:minmax(0,1fr)}.server-list{max-height:260px;position:static;overflow-y:auto}.chart-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.header{flex-wrap:wrap}.account-btn{font-size:12px}.activity-item{grid-template-columns:74px 12px minmax(0,1fr);gap:8px}}