:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--background-color:#f8fafc;--card-background:#ffffff;--text-color:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--error-color:#dc2626;--success-color:#16a34a;--warning-color:#f59e0b;--card-shadow:0 4px 6px -1px rgba(0,0,0,0.1);--card-shadow-hover:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--focus-ring:0 0 0 3px rgba(37,99,235,0.1);--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-spinner .spinner{width:3rem;height:3rem;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:var(--text-muted);font-size:.875rem;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-content{text-align:center;padding:2rem}.profile-content h1{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 1rem}.profile-content p{color:var(--text-muted);margin:0 0 1.5rem}.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--primary-color);color:white;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition)}@media (prefers-reduced-motion:reduce){.loading-spinner .spinner{animation:none}}