*{box-sizing:border-box;margin:0;padding:0}body{background:#0f172a;color:#e2e8f0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.container,body{min-height:100vh}.container{align-items:center;display:flex;justify-content:center;padding:2rem}.card{background:#1e293b;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:520px;padding:2.5rem;width:100%}h1{font-size:1.8rem;margin-bottom:.25rem}.subtitle{margin-bottom:2rem}.subtitle,h2{color:#94a3b8}h2{font-size:1.1rem;margin-bottom:1rem}.status-section{margin-bottom:1.5rem}.status-item{align-items:center;background:#0f172a;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px}.status-item .dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-item.ok .dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.status-item.error .dot{background:#ef4444;box-shadow:0 0 8px #ef4444}.status-item.loading .dot{animation:pulse 1s infinite;background:#eab308}.status-item.unknown .dot{background:#64748b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-item strong{display:block;font-size:.95rem}.status-item p{color:#94a3b8;font-size:.8rem;margin-top:2px}.details{background:#0f172a;border-radius:10px;font-size:.85rem;margin-top:16px;padding:16px}.details p{color:#cbd5e1;margin-bottom:4px}.error-details{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.85rem;margin-top:12px;padding:12px}.btn{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background .2s;width:100%}.btn:hover{background:#2563eb}.btn:disabled{background:#475569;cursor:not-allowed}