.diagnostics-page{max-width:800px;margin:40px auto;padding:0 24px}.diagnostics-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.diagnostics-summary{border-radius:12px;align-items:center;gap:12px;margin-bottom:32px;padding:16px 20px;font-weight:500;animation:.3s ease-out fadeIn;display:flex}.summary-success{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.summary-error{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.diagnostics-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;display:grid}@media (width<=768px){.diagnostics-grid{grid-template-columns:1fr}}.diag-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.diag-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.diag-title-group{flex-direction:column;display:flex}.diag-name{color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:600}.diag-type{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.75rem}.diag-status-badge{border-radius:9999px;padding:4px 8px;font-size:.75rem;font-weight:600}.badge-pending{color:#64748b;background-color:#e2e8f080}.badge-checking{color:#3b82f6;background-color:#3b82f61a;animation:1.5s infinite pulse}.badge-success{color:#10b981;background-color:#10b9811a}.badge-error{color:#ef4444;background-color:#ef44441a}.diag-message{color:var(--text-secondary,#475569);margin-bottom:8px;font-size:.9rem;line-height:1.4}.diag-details{background:var(--bg-body,#f8fafc);color:#e2e8f0;white-space:pre-wrap;word-break:break-all;background-color:#0f172a;border-radius:6px;max-height:120px;margin-top:8px;padding:10px;font-family:monospace;font-size:.8rem;overflow-x:auto}.diag-footer-actions{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;gap:16px;padding-top:24px;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}