.status-banner{border-radius:var(--radius-md);background:var(--color-surface);border:2px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.status-banner.online{background:linear-gradient(135deg,#22c55e14,#22c55e05);border-color:#22c55e4d}.status-banner.online .status-icon{color:#22c55e}.status-banner.issues{background:linear-gradient(135deg,#ef444414,#ef444405);border-color:#ef44444d}.status-banner.issues .status-icon{color:#ef4444}.status-banner-left{align-items:center;gap:1rem;display:flex}.status-icon{justify-content:center;align-items:center;display:flex}.status-info h2{color:var(--color-text);margin:0;font-size:1.35rem}.status-info p{color:var(--color-text-secondary);margin:.125rem 0 0;font-size:.9rem}.status-banner-right{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.8rem;display:flex}.last-checked{color:var(--color-text-secondary)}.auto-update{color:var(--color-text-secondary);opacity:.7}.refresh-btn-small{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.refresh-btn-small:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.refresh-btn-small:disabled{opacity:.5;cursor:not-allowed}.refresh-btn-small.refreshing svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-intro{margin-bottom:1.5rem}.status-intro h2{margin:0 0 .5rem;font-size:1.25rem}.status-intro p{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.6}.services-section{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:2rem;padding:1.25rem}.services-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.services-header h2{margin:0;font-size:1rem;font-weight:600}.uptime-legend{align-items:center;gap:.5rem;display:flex}.legend-label{color:var(--color-text-secondary);font-size:.8rem}.services-table{flex-direction:column;display:flex}.service-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 0;display:flex}.service-row:last-child{border-bottom:none;padding-bottom:0}.service-row:first-child{padding-top:0}.service-info{align-items:center;gap:.625rem;min-width:200px;display:flex}.service-status-dot{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.service-name-wrap{flex-direction:column;gap:0;display:flex}.service-name{color:var(--color-text);font-size:.9rem;font-weight:600;line-height:1.2}.service-desc{color:var(--color-text-secondary);font-size:.75rem;line-height:1.2}.service-uptime-section{flex:1;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.uptime-history{align-items:center;gap:2px;height:20px;display:flex}.uptime-day{cursor:pointer;border-radius:2px;width:6px;height:100%;transition:all .15s}.uptime-day:hover{filter:brightness(1.2);transform:scaleY(1.3)}.uptime-day.status-operational{background:linear-gradient(#4ade80,#22c55e)}.uptime-day.status-degraded{background:linear-gradient(#fbbf24,#f59e0b)}.uptime-day.status-outage{background:linear-gradient(#f87171,#ef4444)}.uptime-day.status-maintenance{background:linear-gradient(#60a5fa,#3b82f6)}.uptime-percent{color:#22c55e;text-align:right;min-width:55px;font-size:.85rem;font-weight:600}.status-faq{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem}.status-faq h2{margin:0 0 1rem;font-size:1.25rem}.faq-item{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:1rem}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h3{color:var(--color-text);margin:0 0 .375rem;font-size:1rem}.faq-item p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.5}@media (max-width:768px){.status-banner{text-align:center;flex-direction:column;gap:1rem}.status-banner-left{flex-direction:column}.status-banner-right{flex-direction:column;gap:.5rem}.service-row{flex-direction:column;align-items:flex-start;gap:.5rem}.service-uptime-section{justify-content:space-between;width:100%}.uptime-history{flex:1}}