.status-header{margin-bottom:3rem}.status-header h1{font-size:3.5rem;line-height:1;margin-bottom:1rem}.status-header .subtitle{color:var(--color-text-muted);font-size:1.1rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;align-items:start}.status-section{padding:2.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.section-header h2{font-size:1.8rem}.brand-badge{padding:.4rem .8rem;border-radius:4px;display:flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:600;border:1px solid var(--color-border)}.supabase-badge{background:#3ecf8e1a;color:#3ecf8e;border-color:#3ecf8e33}.github-badge{background:#24292f;color:#fff;border-color:#30363d}.vercel-badge{background:#000;color:#fff;border-color:#333}.status-meta{margin-bottom:2rem;display:flex;justify-content:flex-start}.deployment-current{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.deploy-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.deploy-label{font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:.25rem}.deploy-version{font-size:1.1rem;font-weight:600;color:var(--color-primary)}.deploy-details{display:flex;gap:1rem}.detail-pill{background:var(--color-card);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:8px;display:flex;flex-direction:column;gap:.2rem}.pill-label{font-size:.6rem;text-transform:uppercase;color:var(--color-text-muted)}.pill-value{font-size:.85rem;font-weight:600}.deployment-history{display:flex;flex-direction:column;gap:1rem}.history-title{font-size:.8rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:.5rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.history-item:last-child{border-bottom:none}.history-left{display:flex;align-items:center;gap:1rem}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%}.history-version{font-size:.9rem;font-weight:500}.history-branch{font-size:.7rem}.history-time{font-size:.8rem;color:var(--color-text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metrics-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem}.metric-item{display:flex;flex-direction:column;gap:.75rem}.metric-info{display:flex;justify-content:space-between;align-items:baseline}.metric-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.metric-value{font-family:monospace;font-size:1.2rem;color:var(--color-primary);font-weight:600}.progress-bg{height:6px;background:var(--color-border);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);transition:width 1s ease-in-out}.status-indicator{font-size:.75rem;font-weight:600;padding:.4rem .8rem;border-radius:100px;display:flex;align-items:center;gap:.5rem}.status-indicator.online{background:#22c55e1a;color:#4ade80}.status-indicator.online:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:50%;display:block;box-shadow:0 0 8px #22c55e}.status-indicator.pending{background:#eab3081a;color:#facc15}.status-indicator.pending:before{content:"";width:8px;height:8px;background:#eab308;border-radius:50%;display:block;box-shadow:0 0 8px #eab308}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.status-dot.ready{background:#22c55e;box-shadow:0 0 4px #22c55e}.status-dot.error,.status-dot.canceled{background:#ef4444;box-shadow:0 0 4px #ef4444}.status-dot.building,.status-dot.pending{background:#eab308;box-shadow:0 0 4px #eab308}.infra-details{border-top:1px solid var(--color-border);padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-muted)}.badge-dim{background:var(--color-surface);padding:.2rem .6rem;border-radius:4px;border:1px solid var(--color-border);color:var(--color-text);font-size:.75rem}.text-success{color:#4ade80}.commit-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.commit-avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-primary)}.commit-author{font-size:.95rem;font-weight:600}.commit-username{font-size:.8rem;color:var(--color-text-muted);font-weight:400}.commit-date{font-size:.75rem;color:var(--color-text-muted)}.commit-body{margin-bottom:1.5rem}.commit-message{font-size:1rem;line-height:1.5;color:var(--color-text);font-style:italic;margin-bottom:1rem}.badge-outline{border:1px solid var(--color-primary);color:var(--color-primary);padding:.2rem .6rem;border-radius:4px;font-family:monospace;font-size:.75rem}.commit-footer{border-top:1px solid var(--color-border);padding-top:1rem}.text-link{color:var(--color-primary);text-decoration:none;font-size:.85rem;font-weight:500}.text-link:hover{text-decoration:underline}.loading-state,.error-state{padding:2rem;text-align:center;color:var(--color-text-muted);font-style:italic;font-size:.9rem}.gold-text{color:var(--color-primary)}.italic{font-style:italic}@media (max-width: 1100px){.status-grid{grid-template-columns:1fr}}