.auth-check-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:8px;transition:all .3s ease}.auth-check-indicator.small{padding:8px;gap:8px}.auth-check-indicator.medium{padding:16px;gap:12px}.auth-check-indicator.large{padding:24px;gap:16px}.auth-check-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;transition:all .3s ease}.auth-check-indicator.small .auth-check-icon{width:32px;height:32px}.auth-check-indicator.large .auth-check-icon{width:64px;height:64px}.auth-check-indicator.checking .auth-check-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.auth-check-indicator.success .auth-check-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);color:white;animation:successPulse .6s ease-out}.auth-check-indicator.error .auth-check-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:white;animation:errorShake .6s ease-out}.auth-check-indicator.idle .auth-check-icon{background:linear-gradient(135deg,#f093fb,#f5576c);color:white;opacity:.7}.auth-check-text{font-size:14px;font-weight:500;text-align:center;color:#333;transition:all .3s ease}.auth-check-indicator.small .auth-check-text{font-size:12px}.auth-check-indicator.large .auth-check-text{font-size:16px}.auth-check-spinner{position:relative;width:100%;height:100%}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){animation-delay:.2s;border-top-color:rgba(255,255,255,.7)}.spinner-ring:nth-child(3){animation-delay:.4s;border-top-color:rgba(255,255,255,.4)}.auth-check-error svg,.auth-check-idle svg,.auth-check-success svg{width:100%;height:100%;stroke-width:2}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes successPulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.auth-check-indicator{padding:12px;gap:10px}.auth-check-icon{width:40px;height:40px}.auth-check-text{font-size:13px}}@media (prefers-color-scheme:dark){.auth-check-text{color:#e0e0e0}}