.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12,3rem) var(--space-8,2rem);min-height:400px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner-wrapper{position:relative;margin-bottom:var(--space-6,1.5rem)}.loading-spinner{width:64px;height:64px;border:5px solid rgba(15,76,117,.08);border-top:5px solid var(--color-primary-500,#0f4c75);border-radius:50%;animation:spin .8s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 4px 12px rgba(15,76,117,.15)}@keyframes spin{to{transform:rotate(1turn)}}.loading-progress-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.loading-progress-text{position:absolute;font-weight:var(--font-bold,700);color:var(--color-primary-600,#0c3d5f);font-size:var(--text-sm,.9rem)}.loading-message{color:var(--color-text-secondary,#666);font-size:var(--text-lg,1.125rem);font-weight:var(--font-medium,500);text-align:center;animation:pulse-fade 1.8s ease-in-out infinite;letter-spacing:.3px}@keyframes pulse-fade{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.98)}}@media (max-width:640px){.loading-state{padding:2rem 1rem;min-height:300px}.loading-spinner{width:40px;height:40px}}