.error-state{justify-content:center;min-height:300px;padding:2rem;text-align:center}.error-content,.error-state{display:flex;align-items:center;width:100%}.error-content{max-width:400px;flex-direction:column;gap:1rem}.error-icon{width:80px;height:80px;border-radius:50%;background:rgba(239,68,68,.1);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.error-icon i{font-size:var(--text-6xl);color:#ef4444}.error-title{font-size:var(--text-4xl);font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.error-message{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.5;margin:0}.retry-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.retry-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.retry-btn:active{transform:translateY(0)}.retry-btn i{font-size:var(--text-base)}.error-state.warning .error-icon{background:rgba(245,158,11,.1)}.error-state.warning .error-icon i{color:#f59e0b}.error-state.info .error-icon{background:rgba(59,130,246,.1)}.error-state.info .error-icon i{color:#3b82f6}.error-state.compact{min-height:200px;padding:1rem}.error-state.compact .error-icon{width:60px;height:60px}.error-state.compact .error-icon i{font-size:var(--text-6xl)}.error-state.compact .error-title{font-size:var(--text-3xl)}.error-state.compact .error-message{font-size:var(--text-lg)}.error-state.inline{min-height:auto;padding:1rem;text-align:left}.error-state.inline .error-content{flex-direction:row;gap:1rem;text-align:left}.error-state.inline .error-icon{width:40px;height:40px;margin-bottom:0;flex-shrink:0}.error-state.inline .error-icon i{font-size:var(--text-3xl)}.error-state.inline .error-title{font-size:var(--text-xl)}.error-state.inline .error-message{font-size:var(--text-lg)}[data-theme=dark] .error-state{background:transparent}[data-theme=dark] .error-icon{background:rgba(239,68,68,.15)}[data-theme=dark] .error-state.warning .error-icon{background:rgba(245,158,11,.15)}[data-theme=dark] .error-state.info .error-icon{background:rgba(59,130,246,.15)}@media (max-width:640px){.error-state{padding:1.5rem 1rem;min-height:250px}.error-content{max-width:100%}.error-title{font-size:var(--text-3xl)}.error-message,.retry-btn{font-size:var(--text-lg)}.retry-btn{padding:.75rem 1.25rem}.error-state.inline .error-content{flex-direction:column;text-align:center}}