add change password modal window

src/app/styles/animation.scss

@@ -0,0 +1,70 @@
+@use './variable.scss' as v;
+
+.loading-animation {
+	display: block;
+	text-align: center;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+
+	.global-spinner {
+		display: block;
+		width: 24px;
+		height: 24px;
+		margin: 0 auto;
+		position: relative;
+
+		&::before {
+			content: '';
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+			border: 4px solid #e5e7eb;
+			border-top: 4px solid #667eea;
+			border-radius: 50%;
+			animation: spin 1s linear infinite;
+		}
+
+		&.large {
+			width: 80px;
+			height: 80px;
+
+			&::before {
+				border: 10px solid #e5e7eb;
+				border-top: 10px solid #667eea;
+			}
+		}
+
+	}
+}
+
+.loading-placeholder {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+/* 	min-width: 80px;
+	min-height: 80px; */
+
+	&.start {
+		justify-content: start;
+	}
+
+	.loading-animation {
+		display: block;
+		text-align: center;
+		position: relative;
+		left: auto;
+		top: auto;
+		transform: none;
+	}
+
+	.global-spinner {
+		display: inline-block;
+		width: 24px;
+		height: 24px;
+		position: relative;
+	}
+}

src/app/styles/global-styles.scss

@@ -1,5 +1,6 @@
 @use './variable.scss' as v;
 @use './edit-permissions-modal.scss';
+@use './animation.scss';
 
 :root {
 	--primary-color: #2563eb;

src/app/styles/module/login.module.scss

@@ -294,4 +294,45 @@
 .checkbox-label {
 	display: flex;
 	gap: 10px;
+}
+
+.change-password-modal {
+	padding: 24px;
+	min-width: 400px;
+
+	h3 {
+		margin-bottom: 16px;
+	}
+
+	.modal-buttons {
+		display: flex;
+		gap: 12px;
+		justify-content: flex-end;
+		margin-top: 24px;
+	}
+
+	.btn-secondary {
+		padding: 8px 16px;
+		background: #6c757d;
+		color: white;
+		cursor: pointer;
+		margin: 20 0 0;
+
+		&:hover {
+			background: #5a6268;
+		}
+	}
+}
+
+.change-password-btn {
+	background: none;
+	border: none;
+	color: #007bff;
+	text-decoration: underline;
+	cursor: pointer;
+	margin-left: 8px;
+
+	&:hover {
+		color: #0056b3;
+	}
 }