.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:24px}.card-label{color:#777;font-size:13px;margin-bottom:10px}.card-value{font-size:28px;font-weight:700}.card-sub{margin-top:7px;color:#999;font-size:11px}.status-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:30px}.status-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:17px}.status-card-label{color:#777;font-size:12px;margin-bottom:8px}.status-card-value{font-size:20px;font-weight:700}.status-card-sub{margin-top:5px;color:#999;font-size:11px}.section{background:#fff;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;margin-bottom:25px}.section-header{padding:24px;border-bottom:1px solid #eee}.section-header h2{margin:0;font-size:18px}.section-header p{margin:6px 0 0;color:#888;font-size:12px}.empty{padding:35px 24px;color:#888;text-align:center;font-size:14px}.change{font-weight:600}.change.up{color:#c62828}.change.down{color:#287a3e}.change.neutral{color:#888}.spike{display:inline-flex;align-items:center;margin-left:8px;padding:4px 7px;border-radius:5px;background:#fff0f0;color:#c62828;font-size:10px;font-weight:700}.status{display:inline-block;min-width:38px;padding:4px 7px;border-radius:4px;text-align:center;font-family:monospace;font-size:11px;font-weight:700}.status-2xx{background:#eef8f0;color:#287a3e}.status-3xx{background:#f4f5e8;color:#77751f}.status-4xx{background:#fff3e8;color:#b45f06}.status-5xx{background:#fff0f0;color:#c62828}.error-rate{color:#c62828}.chart{padding:24px}.hour-row{display:grid;grid-template-columns:45px 1fr 150px;align-items:center;gap:12px;margin-bottom:9px}.hour-label{color:#777;font-family:monospace;font-size:12px}.bar-wrap{height:18px;background:#f1f2f3;border-radius:3px;overflow:hidden}.bar{height:100%;min-width:1px;background:#444;border-radius:3px}.hour-value{text-align:right;color:#555;font-family:monospace;font-size:12px}.status-bars{padding:24px}.status-row{display:grid;grid-template-columns:60px 1fr 100px;align-items:center;gap:12px;margin-bottom:12px}.status-track{height:18px;background:#f1f2f3;border-radius:3px;overflow:hidden}.status-fill{height:100%;background:#444;border-radius:3px}.status-count{text-align:right;font-family:monospace;font-size:12px}.status-code{font-family:monospace}.footer-note{padding:0 2px 20px;color:#999;font-size:11px}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.status-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.cards{grid-template-columns:1fr 1fr}.status-cards{grid-template-columns:1fr 1fr}.hour-row{grid-template-columns:45px 1fr 100px}.chart{min-width:600px}.status-bars{min-width:550px}}