.auth-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--theme-bg-image) center/cover no-repeat;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;}.auth-modal-overlay::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--theme-auth-overlay, rgba(0, 0, 0, 0));backdrop-filter:blur(8px);z-index:0;}body.bg-image-hidden .auth-modal-overlay{background:var(--theme-bg-deep);}body.bg-image-hidden .auth-modal-overlay::before{background:var(--theme-auth-overlay, rgba(0, 0, 0, 0));}.auth-modal-overlay.open{opacity:1;visibility:visible;}.auth-modal-overlay.hidden{display:none;}.auth-modal-card{position:relative;z-index:1;width:420px;max-width:90%;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:24px;backdrop-filter:blur(var(--theme-blur-amount, 12px));box-shadow:0 25px 50px -12px var(--theme-shadow, rgba(0,0,0,0.3));transition:all 0.3s ease;animation:auth-modal-fade-in 0.2s ease-out;}.auth-modal-header{text-align:center;padding:32px 32px 16px;}.auth-logo{width:40px;height:40px;margin:0 auto 20px;background:var(--theme-gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 20px var(--theme-accent-cyan-alpha), 0 0 40px var(--theme-accent-purple-alpha), inset 0 0 10px rgba(255, 255, 255, 0.2);animation:auth-logo-pulse 3s ease-in-out infinite;}.auth-logo i{color:var(--theme-text-main);font-size:2rem;}.auth-logo-img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 6px var(--theme-accent-cyan));}.auth-logo::after{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:var(--theme-gradient-primary);z-index:-1;opacity:0.5;filter:blur(8px);animation:auth-logo-rotate 4s linear infinite;}@keyframes auth-logo-pulse{0%, 100%{box-shadow:0 0 20px var(--theme-accent-cyan-alpha), 0 0 40px var(--theme-accent-purple-alpha);}50%{box-shadow:0 0 30px var(--theme-accent-cyan-alpha-hover), 0 0 60px var(--theme-accent-purple-alpha);}}@keyframes auth-logo-rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.auth-title{font-size:1.75rem;font-weight:700;background:var(--theme-gradient-primary);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;}.auth-subtitle{color:var(--theme-text-dim);font-size:0.875rem;}.auth-modal-body{padding:16px 32px 24px;}.auth-error{background:var(--theme-error-alpha, rgba(239,68,68,0.1));border:1px solid var(--theme-error);border-radius:12px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:var(--theme-error);font-size:0.875rem;}.auth-error.hidden{display:none;}.auth-error i{flex-shrink:0;}.auth-form-group{margin-bottom:20px;}.auth-form-label{display:block;margin-bottom:8px;font-size:0.875rem;font-weight:500;color:var(--theme-accent-cyan);}.auth-form-label .required{color:var(--theme-accent-orange);}.auth-input-wrapper{position:relative;}.auth-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--theme-text-dim);font-size:1rem;pointer-events:none;}.auth-form-input{box-sizing:border-box;width:100%;padding:12px 12px 12px 42px;background:var(--theme-bg-overlay-alpha);border:1px solid var(--theme-border);border-radius:12px;color:var(--theme-text-main);font-size:0.9375rem;transition:all 0.2s ease;}.auth-form-input:focus{outline:none;border-color:var(--theme-accent-cyan);box-shadow:0 0 0 2px var(--theme-accent-cyan-alpha);}.auth-form-input::placeholder{color:var(--theme-text-muted);}.auth-submit-btn{width:100%;padding:12px;background:var(--theme-gradient-primary);background-size:200% 200%;border:none;border-radius:12px;color:#ffffff;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:8px;}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--theme-accent-cyan-alpha);}.auth-submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.auth-modal-footer{padding:16px 32px 32px;text-align:center;border-top:1px solid var(--theme-border);margin-top:8px;}.auth-modal-footer p{color:var(--theme-text-dim);font-size:0.75rem;}@keyframes auth-modal-fade-in{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}.auth-user-status-block{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:1rem;backdrop-filter:blur(var(--theme-blur-amount, 12px));transition:all 0.3s ease;cursor:default;position:relative;overflow:hidden;}.auth-user-status-block::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, var(--theme-accent-cyan-alpha), transparent);transition:left 0.5s ease;pointer-events:none;}.auth-user-status-block:hover::before{left:100%;}.auth-user-status-block:hover{border-color:var(--theme-accent-cyan);box-shadow:0 0 20px var(--theme-accent-cyan-alpha);transform:translateY(-2px);}.auth-user-status-avatar-wrapper{position:relative;flex-shrink:0;}.auth-user-status-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--theme-accent-cyan);box-shadow:0 0 10px var(--theme-accent-cyan-alpha);transition:all 0.3s ease;}.auth-user-status-block:hover .auth-user-status-avatar{border-color:var(--theme-accent-purple);box-shadow:0 0 15px var(--theme-accent-purple-alpha);transform:scale(1.02);}.auth-user-status-avatar-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:var(--theme-gradient-primary);opacity:0.3;filter:blur(4px);z-index:-1;transition:opacity 0.3s ease;}.auth-user-status-block:hover .auth-user-status-avatar-glow{opacity:0.6;}.auth-user-status-status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--theme-success);border-radius:50%;border:2px solid var(--theme-bg-card);box-shadow:0 0 4px var(--theme-success);animation:auth-status-pulse 2s ease-in-out infinite;}@keyframes auth-status-pulse{0%, 100%{opacity:1;transform:scale(1);}50%{opacity:0.6;transform:scale(0.9);}}.auth-user-status-info{flex:1;min-width:0;}.auth-user-status-name{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:600;color:var(--theme-text-main);margin-bottom:4px;}.auth-user-status-name i{color:var(--theme-accent-cyan);font-size:0.9rem;}.auth-user-status-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.auth-user-status-username{display:flex;align-items:center;gap:6px;font-size:0.75rem;color:var(--theme-text-dim);margin-bottom:6px;}.auth-user-status-username i{font-size:0.7rem;opacity:0.7;}.auth-user-status-username span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.auth-user-status-meta{display:flex;flex-wrap:wrap;gap:8px;}.auth-user-status-role, .auth-user-status-business-role, .auth-user-status-id{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--theme-accent-cyan-alpha);border-radius:20px;font-size:0.7rem;color:var(--theme-accent-cyan);}.auth-user-status-business-role{background:var(--theme-accent-purple-alpha);color:var(--theme-accent-purple);}.auth-user-status-id{background:var(--theme-bg-overlay-light);color:var(--theme-text-dim);font-family:monospace;}.auth-user-status-role i, .auth-user-status-business-role i, .auth-user-status-id i{font-size:0.65rem;}.auth-user-status-logout-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--theme-bg-card);border:1px solid var(--theme-error);border-radius:40px;color:var(--theme-error);font-size:0.8rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;}.auth-user-status-logout-btn:hover{background:var(--theme-error);color:#ffffff;transform:translateX(2px);box-shadow:0 0 12px var(--theme-error-alpha-hover);}.auth-user-status-logout-btn i{font-size:0.85rem;}@media (max-width:768px){.auth-user-status-block{padding:10px 16px;gap:12px;}.auth-user-status-avatar{width:44px;height:44px;}.auth-user-status-name{font-size:0.9rem;}.auth-user-status-meta{gap:4px;}.auth-user-status-role, .auth-user-status-business-role, .auth-user-status-id{padding:2px 6px;font-size:0.6rem;}.auth-user-status-logout-btn span{display:none;}.auth-user-status-logout-btn{padding:8px 12px;}.auth-user-status-logout-btn i{font-size:1rem;margin:0;}}@media (max-width:480px){.auth-user-status-username, .auth-user-status-id{display:none;}}