:root{--bg:#0a0e17;--bg-subtle:#0f1420;--surface:#141a27;--surface-hover:#1a2233;--surface-secondary:#0d1220;--border:#1e293b;--border-hover:#334155;--text:#f1f5f9;--text-secondary:#94a3b8;--muted:#64748b;--primary:#10b981;--primary-hover:#34d399;--primary-muted:rgba(16,185,129,0.12);--primary-glow:rgba(16,185,129,0.2);--success:#22c55e;--success-muted:rgba(34,197,94,0.12);--warning:#f59e0b;--warning-muted:rgba(245,158,11,0.12);--danger:#ef4444;--danger-muted:rgba(239,68,68,0.12);--info:#3b82f6;--info-muted:rgba(59,130,246,0.12);--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow:0 2px 8px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-lg:0 8px 24px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.2);--shadow-glow:0 0 20px var(--primary-glow);--transition-fast:0.12s ease;--transition:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}::selection{background:var(--primary-muted);color:var(--primary-hover)}.app-layout{display:flex;min-height:100vh}.app-content{flex:1 1;min-width:0;margin-left:220px}.page-shell{max-width:1400px;margin:0 auto;padding:var(--space-6) var(--space-8)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--text)}.page-subtitle{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-1)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.card:hover{border-color:var(--border-hover)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--primary);box-shadow:var(--shadow),var(--shadow-glow);transform:translateY(-1px)}.input{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--text-sm);padding:.5rem .75rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.input::placeholder{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:var(--text-sm);font-weight:500;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 0 12px var(--primary-glow);color:#fff}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-secondary:hover{background:var(--surface);border-color:var(--border-hover);color:var(--text)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger-muted);border-color:var(--danger)}.btn-sm{padding:.3rem .625rem;border-radius:var(--radius-sm)}.badge,.btn-sm{font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.2rem .625rem;font-weight:600;border-radius:100px;letter-spacing:.02em;text-transform:capitalize}.badge-success{background:var(--success-muted);color:var(--success)}.badge-danger{background:var(--danger-muted);color:var(--danger)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-info{background:var(--info-muted);color:var(--info)}.badge-neutral{background:rgba(100,116,139,.12);color:var(--muted)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-healthy,.status-dot-online,.status-dot-success{background:var(--success);box-shadow:0 0 6px var(--success-muted)}.status-dot-failed,.status-dot-offline,.status-dot-unhealthy{background:var(--danger);box-shadow:0 0 6px var(--danger-muted)}.status-dot-deploying,.status-dot-running{background:var(--info);box-shadow:0 0 6px var(--info-muted);animation:pulse 2s ease-in-out infinite}.status-dot-no-relay,.status-dot-rolled_back{background:var(--warning)}.status-dot-pending,.status-dot-unknown{background:var(--muted)}.tag{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:var(--text-xs);font-weight:500;border-radius:100px;letter-spacing:.01em}.tag-production{background:var(--success-muted);color:var(--success)}.tag-development{background:var(--info-muted);color:var(--info)}.tag-ignored{background:rgba(100,116,139,.12);color:var(--muted)}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{font-size:var(--text-xs);font-weight:600;color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.05em}.table td,.table th{padding:var(--space-3);border-bottom:1px solid var(--border)}.table td{font-size:var(--text-sm)}.table tbody tr,.table td{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--surface)}.table tbody tr:last-child td{border-bottom:none}.log-panel{margin-top:var(--space-3);padding:var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:var(--text-xs);line-height:1.7;overflow:auto;max-height:360px;white-space:pre-wrap;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--space-4);opacity:.3}.empty-state-title{font-size:var(--text-md);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);color:var(--muted);max-width:320px}.stat-card{padding:var(--space-5)}.stat-value{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--muted);font-weight:500}.stat-sub{font-size:var(--text-xs);margin-top:var(--space-1)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:200;overflow-y:auto}.sidebar-top{flex:1 1;padding:var(--space-4) var(--space-3)}.sidebar-bottom{padding:var(--space-3);border-top:1px solid var(--border)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-5);text-decoration:none}.sidebar-brand,.sidebar-brand:hover{color:var(--text)}.sidebar-logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:var(--radius);flex-shrink:0}.sidebar-brand-text{font-weight:700;font-size:var(--text-md);letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:inherit;font-weight:500;color:var(--muted);text-decoration:none;border-radius:var(--radius);border:none;background:none;cursor:pointer;transition:all var(--transition);width:100%;text-align:left}.sidebar-link:hover{color:var(--text);background:var(--bg-subtle)}.sidebar-link-active{color:var(--primary);background:var(--primary-muted)}.sidebar-link-active:hover{color:var(--primary-hover);background:var(--primary-muted)}.sidebar-logout{color:var(--muted);font-size:var(--text-xs)}.sidebar-logout:hover{color:var(--danger);background:var(--danger-muted)}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between}.mobile-close-btn{display:none;background:none;border:none;color:var(--muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm)}.mobile-close-btn:hover{color:var(--text)}.mobile-bar{display:none}.mobile-menu-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:var(--space-2);border-radius:var(--radius)}.mobile-menu-btn:hover{background:var(--surface)}.mobile-bar-title{font-weight:700;font-size:var(--text-md)}.sidebar-overlay{display:none}.login-bg{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--space-4);background:radial-gradient(ellipse 80% 60% at 50% -20%,var(--primary-muted),transparent),var(--bg)}.login-card{width:100%;max-width:400px;padding:var(--space-10)}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.login-title{font-size:var(--text-xl);font-weight:700;text-align:center;margin-bottom:var(--space-1);letter-spacing:-.02em}.login-subtitle{font-size:var(--text-sm);color:var(--muted);text-align:center;margin-bottom:var(--space-6)}.form-error{padding:var(--space-3);background:var(--danger-muted);color:var(--danger);font-size:var(--text-sm);border-radius:var(--radius);border:1px solid rgba(239,68,68,.2)}.deploy-step{gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-sm)}.deploy-step,.deploy-step-icon{display:flex;align-items:center}.deploy-step-icon{width:18px;height:18px;justify-content:center;font-size:var(--text-xs);border-radius:50%;flex-shrink:0}.deploy-step-success .deploy-step-icon{background:var(--success-muted);color:var(--success)}.deploy-step-failed .deploy-step-icon{background:var(--danger-muted);color:var(--danger)}.deploy-step-skipped .deploy-step-icon{background:rgba(100,116,139,.12);color:var(--muted)}.deploy-step-duration{color:var(--muted);font-size:var(--text-xs);margin-left:auto}.action-group-secondary{display:flex;align-items:center;gap:var(--space-1);padding-left:var(--space-2);border-left:1px solid var(--border);margin-left:var(--space-1)}.select-native{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right .5rem center;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--text-xs);padding:.3rem 1.5rem .3rem .5rem;cursor:pointer;outline:none;transition:border-color var(--transition)}.select-native:hover{border-color:var(--border-hover)}.select-native:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-up{animation:slide-up .3s ease-out}.grid-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.grid-two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6)}.grid-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.filter-group{display:flex;gap:var(--space-1);flex-wrap:wrap}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform var(--transition);box-shadow:none}.sidebar-open{transform:translateX(0);box-shadow:var(--shadow-lg)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199}.mobile-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:100}.mobile-bar,.mobile-close-btn{display:flex}.app-content{margin-left:0;padding-top:52px}.page-shell{padding:var(--space-4) var(--space-3)}.page-title{font-size:var(--text-lg)}.stat-value{font-size:var(--text-xl)}.grid-form,.grid-stats,.grid-two-col{grid-template-columns:1fr}.table td:nth-child(4),.table td:nth-child(5),.table th:nth-child(4),.table th:nth-child(5){display:none}.action-group-secondary{border-left:none;padding-left:0;margin-left:0}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}