@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fafafb}.card{width:450px;background-color:#fff;padding:4rem;border-radius:10px;position:relative;box-shadow:5px 5px 10px #efefef}.card-logo{margin-bottom:2rem}.card-logo img{width:100px}.card-logo,.card-header,.card-footer{text-align:center}.card a{text-decoration:none;color:#35339a}.card a:hover{text-decoration:underline}.card-header{margin-bottom:2rem}.card-header h4,.card-header h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.card-form .form-item .form-item-icon{position:absolute;top:.8rem;left:1.4rem;font-size:1.3rem;opacity:.4}.card-form{display:flex;flex-direction:column;gap:1.5rem}.card-form .form-item{position:relative}.card-form .form-item-other{display:flex;align-items:center;justify-content:flex-end;font-size:.8rem;margin-top:.5rem}.card-footer{margin-top:1.5rem;font-size:.8rem}.card input[type=text],.card input[type=tel],.card input[type=password],.card input[type=email]{border:1px solid black;outline:none;background-color:#fafafb;padding:1rem 1.5rem 1rem 3.5rem;border-radius:100px;width:100%;transition:background .5s}.card button{background:black;color:#fff;padding:1rem;border-radius:100px;text-align:center;text-transform:uppercase;letter-spacing:2px;transition:background .5s}.card button:hover{background-color:#000000d9;cursor:pointer}#login-phn{margin-bottom:.5rem}#login-btn,#login-logo{margin-bottom:1rem}.error{color:red;font-size:.8rem;margin-top:.5rem;margin-left:.5rem}.switch-btn-group{display:flex;justify-content:center;margin-bottom:1.5rem}.switch-btn{background:#444;min-width:120px;color:#fff;border:none;padding-block:.7rem;padding-inline:1rem;text-align:center;transition:background .5s}#employeePage{border-top-left-radius:100px;border-bottom-left-radius:100px}#adminPage{border-top-right-radius:100px;border-bottom-right-radius:100px}.space{border:1px solid white;height:4.5rem}.switch-btn.active-tab{background-color:#000}.space{border:1px solid white;height:4rem}@media (max-width: 768px){body{padding:2rem 0}.card{width:380px;padding:2rem}}