.formWrapper{flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:40px auto;padding-left:16px;padding-right:16px;display:flex}.formWrapper .logo{margin-bottom:20px}.formWrapper form.signIn{background-color:#fff;border:1px solid #ddd;border-radius:20px;flex-direction:column;width:100%;padding:30px 20px;display:flex;box-shadow:0 0 10px #0000001a}.formWrapper .title{text-align:center;color:#333;margin-bottom:20px;font-size:2rem}.formWrapper .inputGroup{flex-direction:column;display:flex}.formWrapper .inputGroup label{color:#555;font-size:16px}.formWrapper .inputGroup input{background-color:#f7f5ff;border:#0000;border-radius:8px;padding:10px;font-size:16px}.formWrapper .errorMsg{color:red;text-align:center}.inputGroup{gap:10px;margin-bottom:20px;display:flex}.inputGroup input{border:1px solid #ccc;border-radius:8px;padding:10px;font-size:1rem}.input>div{border-radius:8px;height:100%}.input.search{border:1px solid #ccc;border-radius:8px;padding:0 10px;font-size:1rem}
:root{--primary:#4caf50;--secondary:#fcb606;--rdg-header-background-color:#4caf50}