:root{--canvas:#f6f8fb;--surface:#fff;--border:#e2e8f0;--hairline:#eef2f6;--text:#0f172a;--secondary:#334155;--muted:#5b6b7f;--accent:#1769e0;--bar-neutral:#cbd5e1;--status-operational:#22a55b;--status-degraded:#f59e0b;--status-outage:#dc2626;--status-nodata:#e2e8f0;--pill-op-bg:#dbfae5;--pill-op-text:#14803d;--pill-deg-bg:#fef3c7;--pill-deg-text:#b45309;--pill-out-bg:#fee2e2;--pill-out-text:#b91c1c;--pill-unk-bg:#f1f5f9;--pill-unk-text:#475569;--banner-deg-bg:#fffbeb;--banner-deg-border:#fde68a;--banner-deg-text:#92400e;--banner-out-bg:#fef2f2;--banner-out-border:#fecaca;--banner-out-text:#991b1b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#0b1020;--surface:#111827;--border:#1f2937;--hairline:#172033;--text:#f1f5f9;--secondary:#cbd5e1;--muted:#94a3b8;--accent:#60a5fa;--bar-neutral:#334155;--status-operational:#22a55b;--status-degraded:#f59e0b;--status-outage:#dc2626;--status-nodata:#1f2937;--pill-op-bg:#22a55b2e;--pill-op-text:#4ade80;--pill-deg-bg:#f59e0b2e;--pill-deg-text:#fbbf24;--pill-out-bg:#dc26262e;--pill-out-text:#f87171;--pill-unk-bg:#1f2937;--pill-unk-text:#94a3b8;--banner-deg-bg:#f59e0b1f;--banner-deg-border:#f59e0b4d;--banner-deg-text:#fde68a;--banner-out-bg:#dc26261f;--banner-out-border:#dc26264d;--banner-out-text:#fecaca}}:root[data-theme=dark]{--canvas:#0b1020;--surface:#111827;--border:#1f2937;--hairline:#172033;--text:#f1f5f9;--secondary:#cbd5e1;--muted:#94a3b8;--accent:#60a5fa;--bar-neutral:#334155;--status-operational:#22a55b;--status-degraded:#f59e0b;--status-outage:#dc2626;--status-nodata:#1f2937;--pill-op-bg:#22a55b2e;--pill-op-text:#4ade80;--pill-deg-bg:#f59e0b2e;--pill-deg-text:#fbbf24;--pill-out-bg:#dc26262e;--pill-out-text:#f87171;--pill-unk-bg:#1f2937;--pill-unk-text:#94a3b8;--banner-deg-bg:#f59e0b1f;--banner-deg-border:#f59e0b4d;--banner-deg-text:#fde68a;--banner-out-bg:#dc26261f;--banner-out-border:#dc26264d;--banner-out-text:#fecaca}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Geist,ui-sans-serif,system-ui,sans-serif;line-height:1.5}.mono{font-variant-numeric:tabular-nums;font-family:Geist Mono,ui-monospace,monospace}.page-container{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:32px 24px;display:flex}a{color:var(--secondary);font-size:14px;font-weight:500;text-decoration:none}a:hover{color:var(--text)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.top-row{justify-content:space-between;align-items:center;display:flex}.brand-group{align-items:center;gap:10px;display:inline-flex}.wordmark-link{color:var(--text);align-items:center;display:flex}.wordmark-svg{width:auto;height:24px;color:var(--text)}.status-tag{border:1px solid var(--border);color:var(--muted);border-radius:9999px;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.3}.nav-links{align-items:center;gap:16px;display:flex}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:16px}.hero-card{justify-content:space-between;align-items:center;gap:32px;padding:40px;display:flex}.hero-left{flex-direction:column;align-items:flex-start;display:flex}.status-pill{border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.pill-operational{background-color:var(--pill-op-bg);color:var(--pill-op-text)}.pill-degraded{background-color:var(--pill-deg-bg);color:var(--pill-deg-text)}.pill-outage{background-color:var(--pill-out-bg);color:var(--pill-out-text)}.pill-unknown{background-color:var(--pill-unk-bg);color:var(--pill-unk-text)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-operational{background-color:var(--status-operational)}.dot-degraded{background-color:var(--status-degraded)}.dot-outage{background-color:var(--status-outage)}.dot-unknown{border:2px solid var(--muted);box-sizing:border-box;background-color:#0000}.hero-title{letter-spacing:-.035em;margin-bottom:14px;font-size:44px;font-weight:600;line-height:1.05}.hero-subtitle{color:var(--muted);font-weight:600}.hero-note{color:var(--muted);font-size:14px}.hero-right{flex-wrap:wrap;align-items:stretch;gap:16px;display:flex}.stat-tile{background-color:var(--canvas);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;min-width:178px;padding:20px 24px;display:flex}.stat-figure{color:var(--text);align-items:baseline;gap:2px;display:flex}.stat-value{letter-spacing:-.03em;font-size:34px;font-weight:600;line-height:1.1}.stat-unit{color:var(--secondary);font-size:15px;font-weight:500}.stat-label{color:var(--muted);font-size:13px}.incident-banner{border:1px solid;border-radius:14px;flex-direction:column;gap:8px;padding:18px 24px;display:flex}.banner-degraded{background-color:var(--banner-deg-bg);border-color:var(--banner-deg-border);color:var(--banner-deg-text)}.banner-outage{background-color:var(--banner-out-bg);border-color:var(--banner-out-border);color:var(--banner-out-text)}.banner-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.banner-title{font-size:15px;font-weight:600}.banner-started{opacity:.9;margin-left:auto;font-size:13px;font-weight:500}.banner-text{opacity:.92;font-size:14px}.services-card{padding:28px 32px 32px}.services-header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.services-helper{background-color:var(--canvas);color:var(--muted);border-radius:10px;margin-top:20px;padding:12px 16px;font-size:13px}.services-title{font-size:18px;font-weight:600}.services-subtitle{color:var(--muted);font-size:13px}.services-list{flex-direction:column;gap:24px;display:flex}.service-row{grid-template-columns:280px 1fr 72px;align-items:center;gap:20px;display:grid}.service-info{flex-direction:column;display:flex}.service-name{color:var(--text);font-size:14px;font-weight:600}.service-note{color:var(--muted);font-size:12px}.service-bars{align-items:center;gap:2px;height:28px;display:flex}.day{border-radius:2px;flex:1;min-width:0;height:28px}.day-operational{background-color:var(--status-operational)}.day-degraded{background-color:var(--status-degraded)}.day-outage{background-color:var(--status-outage)}.day-no_data,.day-unknown{border:1px dashed var(--border);background-color:#0000}.service-uptime{color:var(--secondary);text-align:right;font-size:13px;font-weight:500}.grid-two-col{grid-template-columns:1fr 1fr;gap:24px;display:grid}.mini-card{flex-direction:column;gap:18px;padding:24px;display:flex}.mini-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.mini-card-title{font-size:16px;font-weight:600}.mini-subtitle{color:var(--muted);font-size:13px}.incident-pill{border-radius:9999px;padding:3px 10px;font-size:12px;font-weight:600}.pill-none{background-color:var(--pill-op-bg);color:var(--pill-op-text)}.timeline{border-left:1px solid var(--border);flex-direction:column;gap:16px;padding-left:20px;list-style:none;display:flex}.timeline-item{flex-direction:column;gap:2px;display:flex}.timeline-time{color:var(--muted);font-size:13px}.timeline-body{color:var(--secondary);font-size:14px}.timeline-body b{color:var(--text);font-weight:600}.latency{flex-direction:column;gap:12px;display:flex}.latency-bars{align-items:flex-end;gap:3px;height:96px;display:flex}.latency-bar{background:var(--bar-neutral);border-radius:3px 3px 0 0;flex:1;min-height:2px}.bar-neutral{background:var(--bar-neutral)}.bar-operational{background:var(--accent)}.bar-degraded{background:var(--status-degraded)}.bar-outage{background:var(--status-outage)}.latency-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.empty-box{border:1px dashed var(--border);text-align:center;border-radius:8px;flex-direction:column;gap:4px;padding:24px;display:flex}.empty-title{color:var(--text);font-size:14px;font-weight:500}.empty-desc{color:var(--muted);font-size:13px}.footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 0 24px;font-size:13px;display:flex}.footer-version{border:1px solid var(--border);color:var(--secondary);border-radius:9999px;padding:3px 10px;font-size:12px}@media (width<=900px){.grid-two-col{grid-template-columns:1fr}}@media (width<=600px){.hero-card{flex-direction:column;padding:24px}.hero-title{font-size:32px}.hero-right{width:100%}.stat-tile{flex:1;min-width:0;padding:16px 18px}.stat-value{font-size:26px}.banner-started{margin-left:0}.footer{flex-direction:column;align-items:flex-start;gap:8px}.services-card{padding:20px}.service-row{grid-template-columns:1fr auto;grid-template-areas:"info uptime""bars bars";row-gap:10px;display:grid}.service-info{grid-area:info}.service-uptime{grid-area:uptime}.service-bars{grid-area:bars}}.top-actions{align-items:center;gap:16px;display:flex}.theme-toggle{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{color:var(--text)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.console{--ink:var(--text);--soft:#64748b;--hairline:var(--border,#e2e8f0);--kpi-bg:var(--surface,#fff);--brand-blue:#2563eb;--brand-light:#eef4ff;--accent-manage:#93c5fd;--accent-error:#dc2626;--tag-amber-bg:#fef3c7;--tag-amber-text:#b45309;--tag-red-bg:#fee2e2;--tag-red-text:#b91c1c;--tag-grey-bg:#f1f5f9;--tag-grey-text:#475569;--live-bg:#dcfce7;--live-text:#15803d;--range-active-bg:#0f172a;--range-active-text:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .console{--soft:#94a3b8;--hairline:#ffffff1a;--brand-light:#2563eb2e;--tag-amber-bg:#f59e0b2e;--tag-amber-text:#fbbf24;--tag-red-bg:#ef44442e;--tag-red-text:#f87171;--tag-grey-bg:#94a3b82e;--tag-grey-text:#cbd5e1;--live-bg:#22c55e2e;--live-text:#4ade80;--range-active-bg:#f8fafc;--range-active-text:#0f172a}}:root[data-theme=dark] .console{--soft:#94a3b8;--hairline:#ffffff1a;--brand-light:#2563eb2e;--tag-amber-bg:#f59e0b2e;--tag-amber-text:#fbbf24;--tag-red-bg:#ef44442e;--tag-red-text:#f87171;--tag-grey-bg:#94a3b82e;--tag-grey-text:#cbd5e1;--live-bg:#22c55e2e;--live-text:#4ade80;--range-active-bg:#f8fafc;--range-active-text:#0f172a}.console .page-container{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:16px 20px 40px;display:flex}.console .card{background:var(--surface,#fff);border:1px solid var(--hairline);border-radius:12px}.c-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.c-nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.c-nav-tab{color:var(--soft);border-radius:9999px;padding:6px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s}.c-nav-tab:hover{color:var(--ink)}.c-nav-tab.active{background:var(--brand-light);color:var(--brand-blue);font-weight:600}.c-user{align-items:center;gap:12px;display:flex}.c-admin-chip{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.c-avatar{background:var(--border,#e2e8f0);width:28px;height:28px;color:var(--ink);letter-spacing:-.02em;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.c-logout-form button.c-link{border:1px solid var(--border,#e2e8f0);color:var(--soft);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:12px}.c-logout-form button.c-link:hover{color:var(--ink);border-color:var(--ink)}.c-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.c-title{letter-spacing:-.025em;margin:0;font-size:26px;font-weight:700;line-height:1.2}.c-sub-row{align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.c-live-pill{background:var(--live-bg);color:var(--live-text);border-radius:9999px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.c-live-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.c-period-text{color:var(--soft);font-size:13px}.c-range-switch{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.c-range-btn{color:var(--soft);border-radius:6px;padding:4px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.c-range-btn:hover{color:var(--ink)}.c-range-btn.active{background:var(--range-active-bg);color:var(--range-active-text);font-weight:600}.c-kpis{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}@media (width<=1024px){.c-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.c-kpi{flex-direction:column;justify-content:space-between;gap:8px;padding:14px 16px;display:flex}.c-kpi-label{color:var(--soft);font-size:12.5px;font-weight:500}.c-kpi-main{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.c-kpi-val-group{align-items:baseline;gap:3px;display:inline-flex}.c-kpi-value{letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:700;line-height:1}.c-kpi-unit{color:var(--soft);font-size:13px;font-weight:500}.c-kpi-spark{align-items:flex-end;display:flex}.c-kpi-delta,.c-kpi-note{color:var(--soft);margin-top:2px;font-size:12px}.c-text-green{font-weight:500;color:#16a34a!important}.c-text-amber{font-weight:500;color:#d97706!important}.c-sparkline{display:block}.c-spark-bar{fill:#93c5fd}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .c-spark-bar{fill:#3b82f6}}:root[data-theme=dark] .c-spark-bar{fill:#3b82f6}.c-card{padding:18px 20px}.c-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.c-card-title{color:var(--ink);margin:0;font-size:15px;font-weight:600}.c-card-badge{color:var(--soft);font-size:12px}.c-chart-card{padding:18px 20px 14px}.c-legend{color:var(--soft);align-items:center;gap:14px;font-size:12px;display:flex}.c-legend-item{align-items:center;gap:5px;display:inline-flex}.c-legend-sq{border-radius:2px;width:9px;height:9px;display:inline-block}.c-legend-sq.is-public{background:#2563eb}.c-legend-sq.is-manage{background:#93c5fd}.c-legend-sq.is-errors{background:#dc2626}.c-barchart-container{flex-direction:column;gap:8px;display:flex}.c-chart{width:100%;height:180px;display:block}.c-axis-labels{width:100%;height:16px;color:var(--soft);font-size:11px;position:relative}.c-axis-tick{white-space:nowrap;position:absolute;top:0}.c-grid-2x2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.c-grid-2x2{grid-template-columns:1fr}}.c-scroll{overflow-x:auto}.c-table{border-collapse:collapse;width:100%;font-size:13px}.c-table th{text-align:left;color:var(--soft);border-bottom:1px solid var(--hairline);white-space:nowrap;letter-spacing:.02em;padding:6px 8px;font-size:11.5px;font-weight:500}.c-table td{border-bottom:1px solid var(--hairline);white-space:nowrap;color:var(--ink);padding:9px 8px}.c-table tr:last-child td{border-bottom:none}.c-table .num{text-align:right}.c-route-cell{align-items:center;gap:8px;display:flex}.c-method{color:var(--soft);font-size:12px}.c-path{color:var(--ink)}.c-brand-link{color:var(--ink);font-weight:500;text-decoration:none}.c-brand-link:hover{color:var(--brand-blue);text-decoration:underline}.c-queues-list{flex-direction:column;gap:12px;display:flex}.c-queue-row{grid-template-columns:120px 1fr 80px;align-items:center;gap:12px;font-size:13px;display:grid}.c-queue-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.c-queue-track{background:var(--border,#f1f5f9);border-radius:9999px;height:8px;position:relative;overflow:hidden}.c-queue-bar{background:#2563eb;border-radius:9999px;height:100%;transition:width .2s}.c-queue-status{text-align:right;color:var(--ink);white-space:nowrap;font-size:12px}.c-queue-status.is-idle{color:var(--soft)}.c-pill-count{background:var(--tag-amber-bg);color:var(--tag-amber-text);border-radius:9999px;padding:2px 8px;font-size:12px;font-weight:600}.c-attention-container{flex-direction:column;gap:12px;display:flex}.c-attention-row{align-items:center;gap:10px;font-size:13px;display:flex}.c-attention-time{color:var(--soft);flex-shrink:0;width:42px;font-size:12px}.c-attention-tag{letter-spacing:.02em;border-radius:4px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:700}.c-tag-amber{background:var(--tag-amber-bg);color:var(--tag-amber-text)}.c-tag-red{background:var(--tag-red-bg);color:var(--tag-red-text)}.c-tag-grey{background:var(--tag-grey-bg);color:var(--tag-grey-text)}.c-attention-text{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.c-attention-text a{color:var(--ink);text-decoration:none}.c-attention-text a:hover{text-decoration:underline}.c-footer{border-top:1px solid var(--hairline);color:var(--soft);justify-content:space-between;align-items:center;padding-top:12px;font-size:12.5px;display:flex}.c-footer-copy{margin:0}.c-version{font-size:12px}.c-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.console .empty-box{text-align:center;color:var(--soft);padding:24px 0;font-size:13px}