.maintenance-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.maintenance-card{max-width:28rem;width:100%;background:white;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:2rem;text-align:center}.icon-container{display:flex;justify-content:center;margin-bottom:1.5rem}.error-icon,.maintenance-icon,.network-icon{width:4rem;height:4rem}.maintenance-icon{color:#3b82f6}.network-icon{color:#f97316}.error-icon{color:#ef4444}.maintenance-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem;margin-top:0}.maintenance-message{color:#6b7280;margin-bottom:2rem;line-height:1.6}.status-indicator{display:flex;justify-content:center;margin-bottom:1.5rem}.status-content{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;border-radius:9999px;padding:.5rem 1rem}.status-icon{width:1rem;height:1rem;color:#6b7280}.status-text{font-size:.875rem;color:#6b7280;font-weight:500}.loading-dots{display:flex;gap:.25rem}.dot{width:.5rem;height:.5rem;background:#fbbf24;border-radius:50%;animation:pulse 1.5s infinite}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.retry-button{width:100%;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;color:white;transform:scale(1)}.retry-button:hover:not(:disabled){transform:scale(1.05)}.retry-button:focus{outline:none;box-shadow:0 0 0 4px rgba(59,130,246,.5)}.retry-button:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.retry-button.error{background:#dc2626}.retry-button.error:hover:not(:disabled){background:#b91c1c}.retry-button.maintenance{background:#2563eb}.retry-button.maintenance:hover:not(:disabled){background:#1d4ed8}.retry-button.network{background:#ea580c}.retry-button.network:hover:not(:disabled){background:#c2410c}.retry-icon{width:1rem;height:1rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.maintenance-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.maintenance-footer p{font-size:.875rem;color:#6b7280;margin:0}