.error-view{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Outfit,Inter,sans-serif}.error-content{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);padding:48px;border-radius:32px;text-align:center;max-width:440px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,.04)}.error-icon{width:64px;height:64px;background:#fff1f2;color:#f43f5e;border-radius:20px;display:flex;justify-content:center;align-items:center;margin:0 auto 24px}.error-icon svg{width:32px;height:32px}.error-heading{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:16px;letter-spacing:-.02em}.error-message{font-size:16px;color:#64748b;line-height:1.6;margin-bottom:32px}.error-button{background:#0f172a;color:white;border:none;padding:16px 32px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.error-button:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.15)}.error-button:active{transform:translateY(1px)}@media (max-width:480px){.error-content{padding:32px 24px;border-radius:24px}.error-heading{font-size:24px}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:var(--bg-gradient);gap:24px}.spinner{width:48px;height:48px;border:3px solid rgba(238,9,121,.1);border-top:3px solid var(--primary-pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{margin:0;font-size:16px;font-weight:500;color:var(--text-muted)}