:root{--bg: #f3f5f6;--surface: #ffffff;--surface-muted: #f7f8f8;--line: #dce1e4;--line-strong: #c5cdd2;--ink: #20252b;--muted: #66717a;--accent: #176b87;--accent-soft: #e6f3f6;--healthy: #16734a;--healthy-soft: #e5f4ec;--warning: #9a6200;--warning-soft: #fff2d5;--critical: #b42318;--critical-soft: #fde9e7;--no-data: #68737c;--focus: #0b73b6;--shadow: 0 1px 2px rgb(32 37 43 / 7%);font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg);letter-spacing:0}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg)}button,select,input{font:inherit;letter-spacing:0}button,select,input,a{outline-offset:3px}:focus-visible{outline:2px solid var(--focus)}button{cursor:pointer}.monitor-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.side-nav{position:sticky;top:0;height:100vh;padding:22px 14px;background:#20252b;color:#f8fafb;display:flex;flex-direction:column;z-index:4}.monitor-brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none;padding:0 8px 22px;border-bottom:1px solid #3b4249}.monitor-brand span:last-child{min-width:0;display:grid;gap:2px}.monitor-brand strong{font-size:.98rem}.monitor-brand small{color:#9fa8af;font-size:.72rem}.brand-mark{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;background:#f2c14e;color:#20252b;font-weight:800;border-radius:5px}.side-nav nav{display:grid;gap:4px;margin-top:22px}.nav-link{min-height:42px;display:flex;align-items:center;gap:12px;padding:9px 11px;color:#c5ccd1;text-decoration:none;border-left:3px solid transparent;font-size:.9rem}.nav-link span{color:#aab4bb;font-size:.7rem;font-variant-numeric:tabular-nums}.nav-link:hover{color:#fff;background:#2a3036}.nav-link.active{color:#fff;background:#30373e;border-left-color:#f2c14e}.side-meta{margin-top:auto;display:grid;gap:12px;padding:14px 8px 2px;border-top:1px solid #3b4249;font-size:.78rem}.side-meta a{color:#cbd2d7}.source-state{display:flex;gap:8px;align-items:center;color:#b3bdc4}.source-state i{width:8px;height:8px;border-radius:50%;background:#87919a}.source-state.ready i{background:#4bc58a}.source-state.partial i{background:#f2c14e}.monitor-main{min-width:0;padding:0 34px 44px}.topbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.page-title p,.section-heading p{margin:0 0 4px;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase}.page-title h1{margin:0;font-size:1.25rem;line-height:1.25}.top-actions{display:flex;gap:8px}.top-actions button,.pagination button,.custom-range button{min-height:36px;padding:7px 12px;border-radius:5px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.top-actions .primary-command{background:var(--ink);color:#fff;border-color:var(--ink)}.filterbar{position:sticky;top:0;z-index:3;display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 -34px 24px;padding:13px 34px;background:#f3f5f6f5;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.filterbar label,.inline-filter{display:grid;gap:5px;color:var(--muted);font-size:.7rem;font-weight:700}.filterbar select,.filterbar input,.inline-filter select{height:35px;min-width:128px;padding:5px 30px 5px 9px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);color:var(--ink);font-weight:500}.custom-range{display:flex;gap:8px;align-items:end;flex-wrap:wrap;padding-left:12px;border-left:1px solid var(--line)}.custom-range input{min-width:178px;padding-right:7px}.freshness{margin-left:auto;display:grid;text-align:right;align-self:center;font-size:.76rem;color:var(--ink)}.freshness small{margin-top:3px;color:var(--muted)}.view-panel{display:none}.view-panel.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 15px}.section-heading h2{margin:0;font-size:1.08rem}.section-heading.compact{align-items:center}.environment-badge,.version-current{padding:5px 8px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);color:var(--muted);font-size:.74rem;font-weight:700}.overall-status{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px 17px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--no-data);border-radius:6px;box-shadow:var(--shadow)}.overall-status.healthy{border-left-color:var(--healthy)}.overall-status.warning{border-left-color:var(--warning)}.overall-status.critical{border-left-color:var(--critical)}.status-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#edf0f2;color:var(--no-data);font-weight:800}.healthy .status-symbol{background:var(--healthy-soft);color:var(--healthy)}.warning .status-symbol{background:var(--warning-soft);color:var(--warning)}.critical .status-symbol{background:var(--critical-soft);color:var(--critical)}.overall-status h3{margin:0;font-size:1rem}.overall-status p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.health-checks{display:flex;flex-wrap:wrap;justify-content:end;gap:6px}.health-checks span{padding:4px 7px;border-radius:3px;background:var(--surface-muted);color:var(--muted);font-size:.7rem}.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.metric-card{min-height:122px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.metric-card header{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.76rem}.metric-value{margin-top:16px;font-size:1.48rem;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric-card footer{margin-top:9px;color:var(--muted);font-size:.7rem}.status-label{display:inline-flex;gap:5px;align-items:center;font-size:.68rem;font-weight:750}.status-label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--no-data)}.status-label.healthy{color:var(--healthy)}.status-label.healthy:before{background:var(--healthy)}.status-label.warning{color:var(--warning)}.status-label.warning:before{background:var(--warning)}.status-label.critical{color:var(--critical)}.status-label.critical:before{background:var(--critical)}.data-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.segmented{display:flex;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden;background:var(--surface)}.segmented button{min-height:34px;padding:6px 10px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:.73rem}.segmented button:last-child{border-right:0}.segmented button[aria-selected=true]{background:var(--ink);color:#fff}.chart-wrap{min-height:270px;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}#trendChart{display:block;width:100%;height:270px}.chart-grid{stroke:#e5e8ea;stroke-width:1}.chart-line{fill:none;stroke:var(--accent);stroke-width:3;vector-effect:non-scaling-stroke}.chart-area{fill:#dceff4;opacity:.62}.chart-dot{fill:var(--surface);stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.chart-state,.inline-state{min-height:0;margin:0 0 9px;color:var(--muted);font-size:.78rem}.chart-state:empty,.inline-state:empty{display:none}.chart-state.error,.inline-state.error{padding:9px 11px;background:var(--critical-soft);color:var(--critical);border-left:3px solid var(--critical)}.exact-values{margin-top:10px;font-size:.78rem}.exact-values summary{cursor:pointer;color:var(--accent);font-weight:700}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:5px;background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.76rem;font-variant-numeric:tabular-nums}th{padding:10px 11px;background:var(--surface-muted);color:var(--muted);text-align:left;font-size:.68rem;text-transform:uppercase;white-space:nowrap}td{padding:10px 11px;border-top:1px solid var(--line);vertical-align:top}.route-table table{min-width:1060px}.route-name{max-width:320px;overflow-wrap:anywhere;font-family:Cascadia Code,Consolas,monospace}.method{display:inline-block;min-width:36px;margin-right:7px;padding:2px 4px;border-radius:3px;background:var(--accent-soft);color:var(--accent);font-size:.64rem;font-weight:800;text-align:center}.critical-number{color:var(--critical);font-weight:750}.pinned-row{box-shadow:inset 3px 0 var(--warning)}.pagination{display:flex;justify-content:end;align-items:center;gap:10px;margin-top:11px;color:var(--muted);font-size:.75rem}.pagination button:disabled{cursor:not-allowed;opacity:.45}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resource-panel{padding:15px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.resource-panel h3{margin:0 0 15px;font-size:.82rem}.resource-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.resource-row strong{color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.meter{height:7px;margin:12px 0 3px;border-radius:4px;overflow:hidden;background:#e8ecee}.meter i{display:block;height:100%;background:var(--accent)}.version-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.version-columns>section{min-width:0;padding:15px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.version-columns h3{margin:0 0 15px;font-size:.82rem}.version-list{display:grid;gap:10px}.version-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;font-size:.75rem}.version-item span{overflow-wrap:anywhere}.version-item strong{font-variant-numeric:tabular-nums}.version-bar{grid-column:1 / -1;height:5px;background:#e8ecee;overflow:hidden}.version-bar i{display:block;height:100%;background:var(--accent)}.access-state{min-height:180px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:40px;padding:28px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.access-code{color:var(--line-strong);font-size:2.6rem;font-weight:800}.access-state h2{margin:0;font-size:1.05rem}.access-state p{margin:7px 0 0;color:var(--muted)}.access-state a{color:var(--accent);font-weight:700}.toast{position:fixed;right:22px;bottom:22px;z-index:8;max-width:min(360px,calc(100vw - 32px));padding:10px 14px;border-radius:5px;background:var(--ink);color:#fff;box-shadow:0 8px 24px #0003;font-size:.78rem}.empty{padding:18px;color:var(--muted);text-align:center}.skeleton-block{position:relative;overflow:hidden;color:transparent;background:#e8ecee;border-color:transparent}.skeleton-block:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgb(255 255 255 / 65%),transparent);animation:shimmer 1.25s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.skeleton-block:after{animation:none}}@media(max-width:1000px){.monitor-shell{grid-template-columns:72px minmax(0,1fr)}.side-nav,.monitor-brand{padding-inline:9px}.monitor-brand span:last-child,.nav-link:not(.active){font-size:0}.nav-link{justify-content:center;padding-inline:5px}.nav-link span{font-size:.68rem}.side-meta{align-items:center}.side-meta a,.source-state{font-size:0}.source-state i{width:9px;height:9px}.signal-grid,.resource-grid,.version-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.monitor-shell{display:block}.side-nav{position:fixed;inset:auto 0 0;width:100%;height:58px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));display:block;border-top:1px solid #3b4249}.monitor-brand,.side-meta{display:none}.side-nav nav{height:48px;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.nav-link,.nav-link:not(.active){min-height:44px;display:grid;place-items:center;gap:1px;padding:3px;border-left:0;border-top:2px solid transparent;font-size:.65rem}.nav-link.active{border-top-color:#f2c14e}.nav-link span{font-size:.58rem}.monitor-main{padding:0 14px 90px}.topbar{min-height:70px}.page-title p{display:none}.page-title h1{font-size:1.06rem}.top-actions .icon-command{display:none}.filterbar{position:static;margin:0 -14px 20px;padding:10px 14px;gap:8px}.filterbar label{flex:1 1 calc(50% - 8px)}.filterbar select,.filterbar input{width:100%;min-width:0}.freshness{width:100%;margin:3px 0 0;text-align:left}.custom-range{width:100%;padding:9px 0 0;border-left:0;border-top:1px solid var(--line)}.custom-range label{flex:1 1 100%}.overall-status{grid-template-columns:auto 1fr}.health-checks{grid-column:1 / -1;justify-content:start}.signal-grid,.resource-grid,.version-columns{grid-template-columns:1fr}.section-heading.compact{align-items:stretch;flex-direction:column}.segmented{width:100%;overflow-x:auto}.segmented button{flex:1 0 auto}.chart-wrap,#trendChart{min-height:220px;height:220px}.access-state{grid-template-columns:1fr;gap:12px}.access-code{font-size:1.6rem}}