body{margin:0;padding:0;background-color:#f6f7f8;font-family:Inter,sans-serif;overflow:hidden;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#2aaae2;border-radius:6px}::-moz-scrollbar{width:12px}::-moz-scrollbar-thumb{background-color:#2aaae2}.assignedToUsersWrapper::-webkit-scrollbar{width:2px!important}.page{display:flex;flex-direction:column;height:100vh;width:100%}.page .authHeader{display:flex;justify-content:center;align-items:center;justify-content:space-between;height:20%;margin:0 4%}.page .authHeader .animationContainer{display:flex;opacity:0;animation:logoEnterAnimation 2s forwards}@keyframes logoEnterAnimation{0%{opacity:0;transform:translate(650%,350%)}to{opacity:1;transform:translate(0)}}.page .infoContainer{display:flex;align-items:center;padding:0;gap:35px;font-size:18px}.page .infoContainer .infoText{display:flex;font-size:clamp(16px,3vw,22px);cursor:default}.page .authContainer{display:flex;flex-direction:column;align-items:center;background-color:#fff;height:600px;border-radius:2.5%;margin:0 20%}.page .authContainer .backContainer{display:flex;width:100%}.page .authContainer .backContainer .backTo{display:flex;justify-content:start;color:#0dc8f4;cursor:pointer;font-size:54px;margin:0 0 0 3%}.page .authContainer .authInformation{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;margin:0 0 20px}.page .authContainer .authInformation h1{display:flex;margin:54px 0;font-size:clamp(36px,6vw,44px);border-bottom:2px solid rgb(67,178,247);padding-bottom:5px;cursor:default}.page .authContainer .authInformation .inputForm{display:flex;position:relative;flex-direction:column;margin:0 0 9px}.page .authContainer .authInformation .btnContainer{display:flex;justify-content:center;gap:20px}.page .authContainer .authInformation form{width:100%}.page .authContainer .authInformation form input{display:flex;height:51px;border-radius:8px;border:1px solid lightgray;padding:0 16px;margin:0 10% 22px;cursor:pointer}header{display:flex;align-items:center;gap:30px;height:18%}header h1{font-size:clamp(30px,6vw,42px);border-right:2px solid rgb(67,178,247);padding:0 30px 0 0;width:fit-content}header h2{font-size:clamp(30px,6vw,42px);width:250px}header .slogan{display:flex;flex-wrap:nowrap;color:#2a3647;font-size:clamp(12px,3vw,24px);font-weight:400}.btnBlue{display:flex;align-items:center;justify-content:center;text-decoration:none;height:51px;width:fit-content;border:none;min-width:70px;border-radius:8px;background:#2a3647;gap:10px;color:#fff;font-weight:700;cursor:pointer;transition:all 125ms ease-in-out;font-size:clamp(16px,3vw,22px)}.btnBlue:hover{background-color:#43b2f7}.addTask{width:150px}.btnWhite{color:#2a3647;border:1px solid black;font-size:clamp(16px,3vw,22px);height:51px;background:white;border-radius:10px;cursor:pointer;transition:125ms;padding:15px;font-weight:700;display:flex;align-items:center}.btnWhite:hover{color:#43b2f7;border:1px solid rgb(67,178,247)}.greetingContainer{display:flex}.greetingContainer .greeting{display:flex;flex-direction:column;font-size:clamp(12px,3vw,24px);margin:0 0 0 50px}.greetingContainer .greeting .blue-text{display:flex;font-size:clamp(12px,6vw,42px);color:#2aaae2;margin:0}.userFrame{display:flex;justify-content:center;align-items:center;border:3px solid lightgray;border-radius:50%;padding:13px;width:25px;height:20px;font-weight:700;margin:0 20px 0 0;color:#2a3647;background-color:transparent}.userFrameTask{margin:0 -15px 0 0;width:15px;height:15px}.userFrameOpenTask{margin:0}.nameWrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.successMessage{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#4caf50;color:#fff;padding:15px;border-radius:5px;text-align:center}.unsuccessMessage{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ff5252;color:#fff;padding:15px;border-radius:5px;text-align:center}.loginPage,.signupPage,.forgotPasswordPage{display:flex}.shadowPage{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;width:100%;height:100%;background-color:#0009;z-index:1}.shadowPage .openContainer{display:flex;flex-direction:column;position:fixed;height:80%;width:40%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border:1px solid #ccc;border-radius:16px;box-shadow:0 2px 5px #0000001a}.shadowPage .containerTask{height:82%;width:70%;overflow-y:scroll;overflow-x:hidden}.formValidate{display:none}.formValidate.show{display:block;color:red;cursor:default;margin-left:12%;font-size:12px}.errorMessage{display:flex;width:86%;margin:5px 0 0;color:red;font-size:clamp(12px,1vw,27px)}.errorMessageSign{position:absolute;top:37%;left:10%;width:86%;margin:0 0 22px;color:red;font-size:clamp(12px,1vw,27px)}.errorMessageEmail{position:absolute;top:44%;left:10%;width:86%;margin:0 0 22px;color:red;font-size:clamp(12px,1vw,27px)}.errorMessagePass{position:absolute;top:69%;left:10%;width:86%;margin:0 0 22px;color:red;font-size:clamp(12px,1vw,27px)}.errorMessagePassConfirm{position:absolute;top:94%;left:10%;width:86%;margin:0 0 22px;color:red;font-size:clamp(12px,1vw,27px)}.errorMessagelogin{position:absolute;top:37%;left:10%;width:86%;margin:0 0 22px;color:red;font-size:clamp(12px,1vw,27px)}.errorMessagelog{position:absolute;top:90%;left:10%;width:86%;margin:0 0 22px;color:red;font-size:clamp(12px,1vw,27px)}