.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;width:100%;margin:2rem auto;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.error-state-icon{color:var(--color-danger);margin-bottom:1.5rem;filter:drop-shadow(0 0 10px rgba(239,68,68,.2))}.error-state-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.error-state-message{font-size:.95rem;color:var(--text-danger);margin:0 0 2rem;max-width:300px;opacity:.9}.error-state-retry-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}@media (hover: hover) and (pointer: fine){.error-state-retry-btn:hover{background:#ffffff1a;transform:translateY(-1px)}}.retry-icon{transition:transform .2s ease}@media (hover: hover) and (pointer: fine){.error-state-retry-btn:hover .retry-icon{transform:rotate(180deg)}}@media (max-width: 480px){.error-state{padding:2rem 1.25rem;margin:1rem auto}.error-state-icon{margin-bottom:1rem}.error-state-title{font-size:1.1rem}.error-state-message{font-size:.875rem;max-width:100%;margin-bottom:1.5rem}.error-state-retry-btn{width:100%;justify-content:center;padding:.75rem 1.25rem;font-size:.875rem}}@media (max-width: 768px){.error-state{padding:2.5rem 1.5rem;margin:1.5rem auto}.error-state-message{max-width:260px}}@media (min-width: 1024px){.error-state{padding:4rem 3rem;margin:3rem auto}.error-state-title{font-size:1.4rem}.error-state-message{font-size:1rem;max-width:380px;margin-bottom:2.5rem}.error-state-retry-btn{padding:.875rem 2.25rem;font-size:.95rem}}