.user-menu{background-color:rgb(var(--card-background-rgb));border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-card,14px);z-index:9999;word-wrap:break-word;overflow-wrap:break-word;pointer-events:auto;min-width:280px;max-width:280px;max-height:calc(100vh - 40px);padding:1.5rem;position:fixed;top:10px;right:60px;overflow-y:auto;box-shadow:0 12px 40px #00000080}.user-menu-main{flex-direction:column;gap:1rem;display:flex}.user-menu-button{color:#f4f4f5;cursor:pointer;background-color:#141418;border:2px solid #333;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s,color .2s}.user-menu-button:hover{color:#f4f4f5;background-color:#27272a}.user-menu-form{flex-direction:column;display:flex}.user-menu-back-button{cursor:pointer;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-self:flex-start;align-items:center;margin-bottom:1rem;padding:.5rem;transition:background-color .2s;display:flex}.user-menu-back-button:hover{background-color:#1a1a1e}.user-menu-form form{flex-direction:column;gap:1rem;display:flex}.user-menu-input{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:.75rem;font-size:.95rem;transition:border-color .2s}.user-menu-input:focus{border-color:var(--accent-color,#7c3aed);outline:none}.user-menu-forgot-password-link{text-align:center;margin-top:1rem}.user-menu-forgot-password-link span{color:#2196f3;cursor:pointer;font-size:.9rem;text-decoration:underline}.user-menu-forgot-password-link span:hover{color:#0d7adc}.user-menu-forgot-info{color:#a1a1aa;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.user-menu-success{color:#4ade80;text-align:center;background-color:#22c55e26;border:1px solid #22c55e4d;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.user-menu-submit-button{background:var(--accent-gradient,linear-gradient(135deg, #7c3aed, #6d28d9));color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:filter .2s}.user-menu-submit-button:hover{filter:brightness(1.15)}.user-menu-submit-button:disabled{cursor:not-allowed;background-color:#71717a}.user-menu-authenticated{flex-direction:column;gap:1rem;display:flex}.user-menu-greeting-container{flex-direction:column;gap:.5rem;display:flex}.user-menu-greeting{color:#f4f4f5;word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:.95rem;line-height:1.5}.user-menu-badge{flex-direction:row;justify-content:center;align-items:center;display:flex}.user-menu-logout-button{color:#fff;background-color:#d32f2f;border-color:#d32f2f}.user-menu-logout-button:hover{background-color:#b71c1c;border-color:#b71c1c}.admin-mode-selector{gap:.5rem;display:flex}.mode-button{border:2px solid var(--border-color,#e2e8f0);color:#a1a1aa;cursor:pointer;background-color:#141418;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.mode-button:hover:not(.active){background-color:#1a1a1e;border-color:#71717a}.mode-button.active{color:#fff;cursor:default;background-color:#1976d2;border-color:#1976d2}.mode-button.active:hover{background-color:#1565c0;border-color:#1565c0}.user-menu-admin-toggle{color:#fff;background-color:#1976d2;border-color:#1976d2;justify-content:center;align-items:center;gap:.5rem;display:flex}.user-menu-admin-toggle:hover{background-color:#1565c0;border-color:#1565c0}.user-menu-admin-toggle.active{background-color:#ff9800;border-color:#ff9800}.user-menu-admin-toggle.active:hover{background-color:#f57c00;border-color:#f57c00}.user-menu-error{color:#ef5350;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;background-color:#c628281f;border:1px solid #ef44444d;border-radius:8px;margin-bottom:.5rem;padding:.75rem;font-size:.9rem}.user-menu-password-error{color:#ef5350;background-color:#c628281f;border:1px solid #ef44444d;border-radius:4px;margin-top:-.5rem;padding:.5rem;font-size:.85rem}.user-menu-terms{align-items:flex-start;gap:.5rem;margin-top:-.25rem;display:flex}.user-menu-terms input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:.25rem}.user-menu-terms label{color:#a1a1aa;cursor:pointer;font-size:.9rem;line-height:1.5}.user-menu-terms label a{color:#2196f3;font-weight:500;text-decoration:none}.user-menu-terms label a:hover{text-decoration:underline}.user-menu-remember{align-items:center;gap:.5rem;display:flex}.user-menu-remember input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px}.user-menu-remember label{color:#a1a1aa;cursor:pointer;font-size:.9rem}.view-mode-selector-three{background-color:#1a1a1e;border-radius:8px;gap:.4rem;padding:.5rem;display:flex}.view-mode-selector-four{background-color:#1a1a1e;border-radius:8px;flex-wrap:wrap;gap:.4rem;padding:.5rem;display:flex}.view-mode-selector-four .view-mode-btn{flex:calc(50% - .2rem)}.view-mode-selector-five{background-color:#1a1a1e;border-radius:8px;flex-wrap:wrap;gap:.4rem;padding:.5rem;display:flex}.view-mode-selector-five .view-mode-btn{flex:calc(33.33% - .3rem)}.view-mode-btn{border:2px solid var(--border-color,#e2e8f0);color:#a1a1aa;cursor:pointer;background-color:#141418;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;min-width:0;padding:.6rem .4rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.view-mode-btn span{white-space:nowrap;font-size:.7rem}.view-mode-btn:hover:not(.active){background-color:#1a1a1e;border-color:#71717a;transform:translateY(-2px)}.view-mode-btn.active{color:#fff;background-color:#1976d2;border-color:#1976d2;box-shadow:0 2px 6px #1976d266}.view-mode-btn.active.vip{color:#f4f4f5;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border-color:gold;box-shadow:0 2px 6px #ffd70080}.view-mode-btn.active.vip-plus{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#c084fc 100%);border-color:#7c3aed;box-shadow:0 2px 6px #7c3aed80}.view-mode-btn.active.b2b{color:#053b3a;background:linear-gradient(135deg,#0ea5a4 0%,#22c55e 100%);border-color:#0ea5a4;box-shadow:0 2px 6px #0ea5a459}
.vip-badge{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:12px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.vip-badge-small{padding:.15rem .4rem;font-size:.6rem}.vip-badge-medium{padding:.25rem .6rem;font-size:.8rem}.vip-badge-large{padding:.4rem .9rem;font-size:.95rem}.vip-badge-vip{color:#856404;background:linear-gradient(135deg,gold,#ffed4e);border-color:#ffc107;box-shadow:0 2px 8px #ffd7004d}.vip-badge-admin{color:#fff;background:linear-gradient(135deg,#dc3545,#ff4757);border-color:#bd2130;box-shadow:0 2px 8px #dc35454d}.vip-badge-b2b{color:#073b45;background:linear-gradient(135deg,#17a2b8,#22c1dc);border-color:#0f7e90;box-shadow:0 2px 8px #17a2b840}