:root{--op: #2bb673;--degraded: #f1a721;--partial: #ef7d28;--major: #e3402a;--maintenance: #3b82f6;--empty: #e6e8eb;--bg: #f6f8fa;--card: #ffffff;--text: #1f2933;--muted: #7b8794;--border: #e4e7eb}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.container{max-width:880px;margin:0 auto;padding:32px 20px 64px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.overall{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;padding:18px 20px;border-radius:10px;color:#fff;margin-bottom:24px}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.bg-operational{background:var(--op)}.bg-degraded{background:var(--degraded)}.bg-partial{background:var(--partial)}.bg-major{background:var(--major)}.bg-maintenance{background:var(--maintenance)}.group-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:24px 0 8px}.monitor{padding:14px 0;border-bottom:1px solid var(--border)}.monitor:last-child{border-bottom:none}.monitor-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.monitor-name{font-weight:500;flex:1;min-width:0}.uptime{color:var(--muted);font-size:.8rem;width:64px;text-align:right;flex:none}.state-label{font-size:.85rem;display:flex;align-items:center;gap:6px;width:170px;flex:none}.bar{display:flex;gap:2px;height:30px}.bar-seg{flex:1;border-radius:2px;min-width:2px;background:var(--empty)}.bar-seg.s-operational{background:var(--op)}.bar-seg.s-degraded{background:var(--degraded)}.bar-seg.s-partial{background:var(--partial)}.bar-seg.s-major{background:var(--major)}.bar-seg.s-maintenance{background:var(--maintenance)}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin-top:8px}.legend span{display:flex;align-items:center;gap:5px}.incident{border-left:3px solid var(--major);padding-left:12px;margin-bottom:14px}.incident.resolved{border-color:var(--op)}.incident-time{color:var(--muted);font-size:.78rem}.muted{color:var(--muted)}.slo-grid{display:flex;gap:24px;flex-wrap:wrap}.slo-grid div b{display:block;font-size:1.3rem}button{background:#1f2933;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:.85rem}button.secondary{background:#e4e7eb;color:#1f2933}input,textarea,select{width:100%;padding:8px;border:1px solid var(--border);border-radius:6px;margin:4px 0 12px;font-family:inherit;font-size:.9rem}.row{display:flex;gap:12px}.row>*{flex:1}h1{margin:0 0 4px}.footer{text-align:center;color:var(--muted);font-size:.8rem;margin-top:40px}