.auth-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.auth-modal-overlay.active{opacity:1;pointer-events:auto}.auth-modal{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:90%;max-width:420px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);transform:translateY(20px);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;border:1px solid rgba(255,255,255,0.2)}.auth-modal-overlay.active .auth-modal{transform:translateY(0)}.dark .auth-modal{background:rgba(31,41,55,0.95);border-color:rgba(255,255,255,0.1);color:#fff}.auth-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:5px;border-radius:50%;transition:background-color 0.2s,color 0.2s;display:flex;align-items:center;justify-content:center}.auth-close-btn:hover{background-color:#f3f4f6;color:#1f2937}.dark .auth-close-btn:hover{background-color:#374151;color:#f9fafb}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:10px;text-align:center;color:#111827}.dark .auth-title{color:#f9fafb}.auth-subtitle{font-size:0.95rem;color:#6b7280;text-align:center;margin-bottom:25px;line-height:1.5}.dark .auth-subtitle{color:#9ca3af}.auth-input-group{margin-bottom:20px}.auth-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;outline:none;transition:border-color 0.2s,box-shadow 0.2s;background:rgba(255,255,255,0.8)}.dark .auth-input{background:rgba(17,24,39,0.8);border-color:#4b5563;color:#fff}.auth-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,0.1)}.auth-btn{width:100%;padding:12px;background:#2196f3;color:white;border:none;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background-color 0.2s,transform 0.1s;display:flex;justify-content:center;align-items:center;gap:8px}.auth-btn:hover{background:#1976d2}.auth-btn:active{transform:scale(0.98)}.auth-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.auth-message{margin-top:15px;text-align:center;font-size:0.9rem;min-height:20px}.auth-error{color:#ef4444}.auth-success{color:#10b981}.profile-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:240px;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);border:1px solid #e5e7eb;padding:8px 0;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity 0.2s,transform 0.2s;z-index:50}.dark .profile-dropdown{background:#1f2937;border-color:#374151}.profile-dropdown.active{opacity:1;pointer-events:auto;transform:translateY(0)}.profile-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;margin-bottom:8px}.dark .profile-header{border-color:#374151}.profile-email{font-size:0.85rem;color:#6b7280;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .profile-email{color:#9ca3af}.profile-stat{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:0.95rem;color:#374151}.dark .profile-stat{color:#d1d5db}.profile-stat-val{font-weight:700;color:#111827}.dark .profile-stat-val{color:#f9fafb}.profile-divider{height:1px;background:#e5e7eb;margin:8px 0}.dark .profile-divider{background:#374151}.profile-action{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:0.95rem;color:#ef4444;cursor:pointer;transition:background-color 0.2s}.profile-action:hover{background-color:#fef2f2}.dark .profile-action:hover{background-color:rgba(239,68,68,0.1)}