@charset "utf-8";
/* CSS Document */
        body {
			font-family: 'Tahoma', sans-serif; 
			background-color: #42a182ab; 
			direction: rtl; 
			text-align: right;
			margin: 0; 
			padding: 20px; 
			display: flex; 
			justify-content: center; 
			align-items: center; 
			min-height: 100vh; 
}

        .login-container { 
			background-color: #fff; 
			padding: 40px; 
			border-radius: 10px; 
			box-shadow: 0 4px 20px rgba(0,0,0,0.1); 
			max-width: 400px; 
			width: 100%; 
}
        h1 { 
			color: #333; 
			text-align: center;
			margin-bottom: 30px;
}
        .form-group { 
			margin-bottom: 20px; 
}
        label { 
			display: block; 
			margin-bottom: 8px; 
			font-weight: bold; 
			color: #555;
}
        input[type="text"], input[type="password"] { 
			width: 100%; 
			padding: 12px; 
			border: 1px solid #ddd; 
			border-radius: 5px; 
			box-sizing: border-box; 
			font-size: 16px; 
}
        button { 
			width: 100%; 
			padding: 15px; 
			background-color: #007bff; 
			color: #fff; 
			border: none; 
			border-radius: 5px; 
			font-size: 18px; 
			cursor: pointer; 
			transition: background-color 0.3s; 
}
        button:hover { 
			background-color: #0056b3; 
}
        .error { 
			color: #dc3545; 
			text-align: center; 
			margin-bottom: 15px; 
}