.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-spinner{margin-bottom:1rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#2e5aff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-spinner-small .spinner{width:20px;height:20px;border-width:2px}.loading-spinner-large .spinner{width:60px;height:60px;border-width:6px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:#666;font-size:.9rem;margin:0}.error-message{display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin:1rem 0}.error-content{max-width:400px}.error-icon{font-size:2rem;margin-bottom:1rem}.error-title{color:#e53e3e;font-size:1.2rem;margin:0 0 .5rem;font-weight:600}.error-text{color:#666;margin:0 0 1rem;line-height:1.5}.error-retry-button{background-color:#2e5aff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.error-retry-button:hover{background-color:#1e3a8a}.error-fallback-notice{margin-top:1rem;padding:.5rem;background-color:#fef3cd;border:1px solid #fde68a;border-radius:4px}.error-fallback-notice small{color:#92400e}.data-status{position:relative}.data-status.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.data-status.loading .loader{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#2e5aff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.data-status.error{padding:2rem;text-align:center;background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin:1rem 0}.data-status.error .error-content{max-width:400px;margin:0 auto}.fallback-notice{position:fixed;bottom:1rem;right:1rem;background-color:#fef3cd;border:1px solid #fde68a;border-radius:4px;padding:.5rem 1rem;z-index:1000;box-shadow:0 2px 4px #0000001a}.fallback-notice small{color:#92400e;font-size:.8rem}.loader{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#2e5aff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}