#root{width:100%;max-width:none;margin:0}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f9;color:#414a51}.page{width:100%;min-height:100vh}.header{background:#fff;border-bottom:4px solid #e31b23;padding:18px 40px;display:flex;align-items:center;gap:20px}.logo{height:38px}.header-text{display:flex;flex-direction:column}.header-description{font-size:13px;color:#6b7280;margin-bottom:6px}.status-legend{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#555}.legend-row{display:flex;align-items:center;gap:8px}.legend-badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#fff}.legend-desc{color:#6b7280}.nav{margin-left:auto;display:flex;gap:20px}.nav a{text-decoration:none;color:#414a51;font-weight:500}.nav a:hover{color:#e31b23}.status-banner{text-align:center;padding:10px;font-weight:600}.banner-green{background:#e6f7ed;color:#1f7a43}.banner-orange{background:#fff3e0;color:#a65a00}.banner-red{background:#fdecea;color:#b42318}.container{width:100%;max-width:none;padding:32px 40px 48px;box-sizing:border-box}.status-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(450px,1.6fr) minmax(300px,1fr);gap:24px;align-items:start;width:100%}.section-panel{background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000d;height:fit-content}.section-title{margin-top:0;margin-bottom:16px;font-size:18px;color:#414a51}.card{border:1px solid #e6e6e6;background:#fff;border-radius:10px;padding:15px 20px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;transition:all .15s ease}.card:hover{box-shadow:0 4px 12px #0000000f}.badge{padding:5px 12px;border-radius:8px;color:#fff;font-size:12px;font-weight:500}.status-green{background:#2ecc71}.status-orange{background:#f39c12}.status-red{background:#e74c3c}.incident-inline{font-size:12px;color:#666;margin-top:3px}.loading{text-align:center;padding:80px}.incident-group{margin-bottom:28px}.incident-provider{font-weight:700;font-size:17px;margin-bottom:10px;margin-top:12px;color:#414a51;border-bottom:1px solid #e6e6e6;padding-bottom:6px}.incident-card{background:#fff;border-radius:10px;padding:16px 18px;margin-bottom:10px;border-left:5px solid #e31b23;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 4px #00000014}.incident-title{font-weight:600;font-size:15px}.incident-description{font-size:13px;color:#666}.incident-metrics{display:flex;gap:12px;margin-top:6px}.incident-metrics span{background:#f4f6f9;padding:4px 8px;border-radius:6px;font-size:12px}.incident-time{margin-top:4px;font-size:11px;color:#999}.timeline-container{background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:24px;box-shadow:0 1px 4px #0000000d}.timeline-legend{display:flex;gap:20px;margin-bottom:20px;font-size:13px}.legend-green{color:#2ecc71}.legend-orange{color:#f39c12}.legend-red{color:#e74c3c}.timeline-days{display:grid;grid-template-columns:180px repeat(7,1fr);font-size:13px;font-weight:600;margin-bottom:12px;color:#555}.timeline-provider-header{width:180px}.timeline-day{text-align:center;padding-bottom:6px}.timeline-row{display:grid;grid-template-columns:180px repeat(7,1fr);margin-bottom:12px;align-items:start}.timeline-provider{font-weight:600;font-size:14px;display:flex;align-items:center;min-height:38px}.timeline-day-block{display:flex;flex-wrap:wrap;gap:3px;padding:4px 6px;border-left:1px solid #eee;min-height:38px;align-content:flex-start}.timeline-hour{width:10px;height:10px;border-radius:2px}@media(max-width:1200px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.timeline-days,.timeline-row{grid-template-columns:140px repeat(7,1fr)}.timeline-provider-header{width:140px}.timeline-provider{font-size:13px}.timeline-hour{width:8px;height:8px}}@media(max-width:760px){.header{flex-wrap:wrap;padding:16px 20px}.nav{margin-left:0;width:100%}.container{padding:20px 16px 32px}.status-grid{grid-template-columns:1fr;gap:16px}.card{padding:14px 16px}.timeline-container{padding:16px;overflow-x:auto}.timeline-days,.timeline-row{min-width:900px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}