:root{--bg-deep:#07070d;--bg-surface:#0d0d14;--bg-card:#111119;--bg-card-hover:#16161f;--bg-elevated:#1a1a24;--text-primary:#f0f0f5;--text-secondary:#8b8b9e;--text-tertiary:#55556a;--text-muted:#3d3d50;--accent-emerald:#10b981;--accent-emerald-dim:#10b9811f;--accent-emerald-glow:#10b9810f;--accent-red:#ef4444;--accent-red-dim:#ef44441f;--accent-amber:#f59e0b;--accent-amber-dim:#f59e0b1f;--accent-blue:#3b82f6;--accent-blue-dim:#3b82f61f;--border:#ffffff0f;--border-hover:#ffffff1f;--border-active:#ffffff2e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-card:0 1px 3px #0006, 0 4px 16px #0003;--shadow-elevated:0 4px 24px #0006, 0 8px 40px #0003;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{background:var(--bg-deep);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";opacity:.015;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}::selection{color:#fff;background:#10b9814d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.status-app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.status-container{width:100%;max-width:960px;margin:0 auto;padding:0 20px}.status-header{animation:fadeInUp .6s var(--ease-out);padding:48px 0 0}.header-top{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.brand{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.brand-text{letter-spacing:-.02em;font-size:15px;font-weight:600}.brand-text span{color:var(--text-tertiary);margin-left:2px;font-weight:400}.header-right{align-items:center;gap:12px;display:flex}.last-checked{color:var(--text-tertiary);font-family:JetBrains Mono,monospace;font-size:12px}.refresh-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-out);justify-content:center;align-items:center;display:flex}.refresh-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-card-hover)}.refresh-btn.spinning svg{animation:.8s linear infinite spin}.overall-status{border-radius:var(--radius-xl);border:1px solid var(--border);animation:fadeInUp .6s var(--ease-out) .1s both;align-items:center;gap:20px;margin-bottom:48px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.overall-status:before{content:"";opacity:.4;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.overall-status.operational{background:linear-gradient(135deg,#10b9810f,#10b98105);border-color:#10b98126}.overall-status.degraded{background:linear-gradient(135deg,#f59e0b0f,#f59e0b05);border-color:#f59e0b26}.overall-status.outage{background:linear-gradient(135deg,#ef44440f,#ef444405);border-color:#ef444426}.overall-status.checking{background:var(--bg-card)}.status-indicator{flex-shrink:0;width:16px;height:16px;position:relative}.status-dot{z-index:1;border-radius:50%;width:16px;height:16px;position:relative}.status-dot.online{background:var(--accent-emerald);box-shadow:0 0 12px #10b98166}.status-dot.degraded{background:var(--accent-amber);box-shadow:0 0 12px #f59e0b66}.status-dot.offline{background:var(--accent-red);box-shadow:0 0 12px #ef444466}.status-dot.checking{background:var(--text-muted)}.pulse-ring{border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;top:0;bottom:0;left:0;right:0}.pulse-ring.online{background:var(--accent-emerald)}.pulse-ring.degraded{background:var(--accent-amber)}.pulse-ring.offline{background:var(--accent-red)}.overall-text h1{letter-spacing:-.02em;margin-bottom:2px;font-size:20px;font-weight:700}.overall-text p{color:var(--text-secondary);font-size:13px}.services-section{margin-bottom:48px}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:16px;padding-left:4px;font-size:11px;font-weight:600}.service-list{flex-direction:column;gap:8px;display:flex}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .25s var(--ease-out);cursor:default;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.service-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-card)}.service-info{align-items:center;gap:16px;display:flex}.service-icon-wrapper{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.service-icon-wrapper.emerald{background:var(--accent-emerald-dim);color:var(--accent-emerald)}.service-icon-wrapper.blue{background:var(--accent-blue-dim);color:var(--accent-blue)}.service-icon-wrapper.amber{background:var(--accent-amber-dim);color:var(--accent-amber)}.service-details h3{letter-spacing:-.01em;margin-bottom:2px;font-size:15px;font-weight:600}.service-details p{color:var(--text-tertiary);font-size:12px}.service-right{align-items:center;gap:16px;display:flex}.response-time{color:var(--text-tertiary);text-align:right;min-width:56px;font-family:JetBrains Mono,monospace;font-size:12px}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:flex}.status-badge.online{background:var(--accent-emerald-dim);color:var(--accent-emerald);border-color:#10b98133}.status-badge.offline{background:var(--accent-red-dim);color:var(--accent-red);border-color:#ef444433}.status-badge.degraded{background:var(--accent-amber-dim);color:var(--accent-amber);border-color:#f59e0b33}.status-badge.checking{color:var(--text-tertiary);border-color:var(--border);background:#ffffff0a}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-dot.online{background:var(--accent-emerald)}.badge-dot.offline{background:var(--accent-red)}.badge-dot.degraded{background:var(--accent-amber)}.badge-dot.checking{background:var(--text-muted);animation:1.5s ease-out infinite pulse-ring}.uptime-section{animation:fadeInUp .6s var(--ease-out) .3s both;margin-bottom:48px}.uptime-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.uptime-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.uptime-header h2{color:var(--text-primary);font-size:14px;font-weight:600}.uptime-percentage{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.uptime-percentage.good{color:var(--accent-emerald)}.uptime-percentage.warn{color:var(--accent-amber)}.uptime-percentage.bad{color:var(--accent-red)}.uptime-bars{gap:3px;height:32px;margin-bottom:12px;display:flex}.uptime-bar{transition:all .3s var(--ease-out);cursor:pointer;border-radius:4px;flex:1;position:relative}.uptime-bar:hover{transform:scaleY(1.15)}.uptime-bar.up{background:#10b98159}.uptime-bar.up:hover{background:#10b9818c}.uptime-bar.down{background:#ef444459}.uptime-bar.down:hover{background:#ef44448c}.uptime-bar.partial{background:#f59e0b59}.uptime-bar.partial:hover{background:#f59e0b8c}.uptime-bar.empty{background:#ffffff08}.uptime-bar .tooltip{background:var(--bg-elevated);border:1px solid var(--border-hover);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;z-index:10;box-shadow:var(--shadow-elevated);pointer-events:none;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:11px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.uptime-bar:hover .tooltip{display:block}.uptime-legend{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.metrics-section{animation:fadeInUp .6s var(--ease-out) .4s both;margin-bottom:48px}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .25s var(--ease-out);padding:24px}.metric-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.metric-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:8px;font-size:11px;font-weight:600}.metric-value{letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:800;line-height:1.1}.metric-value.emerald{color:var(--accent-emerald)}.metric-value.blue{color:var(--accent-blue)}.metric-value.amber{color:var(--accent-amber)}.metric-unit{color:var(--text-tertiary);margin-left:2px;font-size:14px;font-weight:500}.incidents-section{animation:fadeInUp .6s var(--ease-out) .5s both;margin-bottom:80px}.incident-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.no-incidents{text-align:center;color:var(--text-tertiary);padding:32px 0;font-size:14px}.no-incidents .check-icon{background:var(--accent-emerald-dim);width:48px;height:48px;color:var(--accent-emerald);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.incident-item{border-bottom:1px solid var(--border);padding:16px 0}.incident-item:last-child{border-bottom:none;padding-bottom:0}.incident-item:first-child{padding-top:0}.incident-meta{align-items:center;gap:12px;margin-bottom:6px;display:flex}.incident-type{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);padding:3px 8px;font-size:10px;font-weight:700}.incident-type.resolved{background:var(--accent-emerald-dim);color:var(--accent-emerald)}.incident-type.investigating{background:var(--accent-amber-dim);color:var(--accent-amber)}.incident-type.identified{background:var(--accent-blue-dim);color:var(--accent-blue)}.incident-time{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.incident-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.status-footer{border-top:1px solid var(--border);margin-top:auto;padding:32px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-left{color:var(--text-tertiary);font-size:13px}.footer-left a{color:var(--accent-emerald);font-weight:500;text-decoration:none}.footer-left a:hover{text-decoration:underline}.footer-right{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.skeleton{background:linear-gradient(90deg, var(--bg-card) 0%, var(--bg-card-hover) 40%, var(--bg-card) 80%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer}@media (max-width:768px){.status-header{padding:32px 0 0}.header-top{margin-bottom:32px}.overall-status{margin-bottom:32px;padding:20px 24px}.overall-text h1{font-size:17px}.metrics-grid{grid-template-columns:1fr}.service-card{padding:16px 20px}.service-icon-wrapper{width:36px;height:36px}.footer-inner{text-align:center;flex-direction:column;gap:12px}.last-checked{display:none}.uptime-bars{gap:2px}.metric-value{font-size:24px}}@media (max-width:480px){.status-container{padding:0 16px}.service-right{gap:10px}.response-time{display:none}}