*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#e0e0e0;min-height:100vh}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.container{width:100%;max-width:480px}.header{text-align:center;margin-bottom:32px}.header h1{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px}.header p{color:#666;font-size:14px}.overall-status{display:flex;align-items:center;gap:16px;padding:24px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;margin-bottom:24px}.status-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.overall-status.checking .status-icon{background:#1a1a1a;color:#666}.overall-status.operational .status-icon{background:#0a2a0a;color:#4a4}.overall-status.degraded .status-icon{background:#2a2a0a;color:#aa4}.overall-status.outage .status-icon{background:#2a0a0a;color:#f44}.status-text h2{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.status-text p{font-size:12px;color:#666}.spinner{width:24px;height:24px;border:2px solid #333;border-top-color:#888;border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:14px;height:14px;border:2px solid #333;border-top-color:#888;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.services{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.service-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px}.service-item.online{border-left:3px solid #4a4}.service-item.offline{border-left:3px solid #f44}.service-item.checking{border-left:3px solid #666}.service-info{display:flex;flex-direction:column;gap:4px}.service-name{font-size:14px;font-weight:500;color:#fff}.service-status{font-size:12px;color:#666}.service-item.online .service-status{color:#4a4}.service-item.offline .service-status{color:#f44}.service-meta{display:flex;align-items:center;gap:8px}.latency{font-size:12px;color:#888;font-family:monospace}.footer{text-align:center}.footer p{font-size:12px;color:#444;margin-bottom:12px}.back-link{display:inline-block;padding:10px 20px;background:#111;border:1px solid #222;border-radius:6px;color:#888;font-size:14px;text-decoration:none;transition:all .2s}.back-link:hover{border-color:#333;color:#fff}