Login - Copy this React, Tailwind Component to your project

I need to create an application using Google Apps Script to manage work for my team. Can you help me? First, I need you to create the login interface for the software. Use linear gradient(83deg, rgba(var( color v3 light blue)) 5%, rgba(var( color v3 purple)) 51%, rgba(var( color v3 pink)) 125%) and white as the primary colors for the software. In this Google Sheet: https://docs.google.com/spreadsheets/d/1yeojyajy27c_t0ivNxV3kuY0PjE2_nLyS4gJa1tfjRg/edit?gid=321990857#gid=321990857, the "Account" sheet contains the data for usernames and passwords needed for login. This data is located in the table spanning columns A to C, with the first row being the header. Starting from the second row onward, you'll find the user credentials: column A contains the usernames, column B contains the passwords, and column C contains the roles. Anyone who wants to log in must provide the correct information from this table to access the software.