:root{--color-healthy:#10b981;--color-degraded:#f59e0b;--color-down:#ef4444;--color-bg:#0f172a;--color-card:#1e293b;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-border:#334155}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}main{max-width:800px;margin:0 auto;padding:2rem}a{color:inherit;text-decoration:none}.header{margin-bottom:2rem}.header h1{font-size:1.5rem;font-weight:600}.back-link{color:var(--color-text-muted);font-size:.875rem}.back-link:hover{color:var(--color-text)}.overall-status{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:1rem;font-weight:500;display:flex}.overall-status .status-indicator{border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}.overall-status.overall-healthy{background-color:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.overall-status.overall-healthy .status-indicator{background-color:var(--color-healthy)}.overall-status.overall-degraded{background-color:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3)}.overall-status.overall-degraded .status-indicator{background-color:var(--color-degraded)}.overall-status.overall-down{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.overall-status.overall-down .status-indicator{background-color:var(--color-down)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.checks-overview{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.checks-list{list-style:none}.check-row{border-bottom:1px solid var(--color-border)}.check-row:last-child{border-bottom:none}.check-link{align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:background-color .15s;display:flex}.check-link:hover{background-color:rgba(255,255,255,.03)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.status-healthy{background-color:var(--color-healthy)}.status-dot.status-unhealthy,.status-dot.status-timeout,.status-dot.status-error{background-color:var(--color-down)}.check-name{flex:1;font-weight:500}.check-uptime{color:var(--color-text-muted);font-size:.875rem}.no-checks{text-align:center;color:var(--color-text-muted);padding:3rem}.detail-page .header{margin-bottom:1.5rem}.check-detail{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.detail-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.detail-header h1{font-size:1.25rem;font-weight:600}.status-badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.status-healthy{color:var(--color-healthy);background-color:rgba(16,185,129,.2)}.status-badge.status-unhealthy,.status-badge.status-timeout,.status-badge.status-error{color:var(--color-down);background-color:rgba(239,68,68,.2)}.uptime-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.uptime-card{text-align:center;background-color:rgba(255,255,255,.03);border-radius:6px;padding:1rem}.uptime-card .uptime-value{margin-bottom:.25rem;font-size:1.5rem;font-weight:700;display:block}.uptime-card .uptime-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem}.uptime-card.uptime-excellent .uptime-value{color:var(--color-healthy)}.uptime-card.uptime-good .uptime-value{color:#22c55e}.uptime-card.uptime-warning .uptime-value{color:var(--color-degraded)}.uptime-card.uptime-critical .uptime-value{color:var(--color-down)}.response-time-stats{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;padding-top:1rem;display:grid}.response-time-card{text-align:center;background-color:rgba(255,255,255,.03);border-radius:6px;padding:.75rem}.response-time-card .response-time-value{color:var(--color-text);margin-bottom:.25rem;font-size:1.25rem;font-weight:600;display:block}.response-time-card .response-time-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem}.charts-section{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.chart-container{background-color:rgba(255,255,255,.02);border-radius:6px;padding:1rem}.chart-title{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.chart{width:100%;overflow-x:auto}.chart-placeholder{height:200px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}.uplot{font-family:inherit}.u-title{display:none}.u-legend{color:var(--color-text-muted);font-size:.75rem}.u-inline{gap:1rem;display:flex}.u-series{padding:0}.history-section{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.history-section h2{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:1rem;font-size:.875rem;font-weight:600}.history-grid{flex-wrap:wrap;gap:4px;display:flex}.history-dot{cursor:default;border-radius:3px;width:16px;height:16px;transition:transform .1s}.history-dot:hover{transform:scale(1.2)}.history-dot.status-healthy{background-color:var(--color-healthy)}.history-dot.status-unhealthy{background-color:var(--color-down)}.history-dot.status-timeout{background-color:var(--color-degraded)}.history-dot.status-error{background-color:var(--color-down)}.loading{text-align:center;color:var(--color-text-muted);padding:4rem}.error{text-align:center;color:var(--color-down);background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:2rem}@media (width<=640px){main{padding:1rem}.uptime-stats{grid-template-columns:1fr}.history-dot{width:12px;height:12px}}