.data-state-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:400px;padding:4rem 2rem;display:flex}.loading-state{color:var(--text-secondary,#6b7280)}.loading-spinner{width:50px;height:50px;position:relative}.spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:100%;height:100%;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.state-message{color:var(--text-secondary,#6b7280);margin:0;font-size:1rem}.error-state{color:#991b1b}.error-icon{color:#b91c1c;justify-content:center;align-items:center;line-height:1;display:inline-flex}.error-details{color:#7f1d1d;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;max-width:500px;margin:0;padding:1rem 1.5rem;font-size:.9rem}.empty-state{color:var(--text-secondary,#6b7280)}.empty-icon{color:#64748b;justify-content:center;align-items:center;margin-bottom:.5rem;line-height:1;display:inline-flex}.state-title{color:var(--text-primary,#1f2937);margin:0;font-size:1.25rem;font-weight:600}.success-state{width:100%}.state-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}@media (prefers-color-scheme:dark){.data-state-container{color:var(--text-secondary,#9ca3af)}.spinner{border-color:#60a5fa #4b5563 #4b5563}.error-state{color:#fca5a5}.error-details{color:#fca5a5;background-color:#7f1d1d;border-color:#991b1b}.state-title{color:#f3f4f6}}@media (width<=768px){.data-state-container{min-height:300px;padding:2rem 1rem}.error-details{padding:.75rem 1rem;font-size:.85rem}.state-actions{flex-direction:column;width:100%}.state-actions button{width:100%}}