@import url("https://fonts.googleapis.com/css2?family=Afacad:wght@500&display=swap");*{margin:0;padding:0;font-family:Afacad,sans-serif;box-sizing:border-box;transition:.2s ease}:root{--secondary:#92c5fc;--primary:#dec3fc;--white:#fbfbfb;--grey:#f4f4f4;--text:#302f35;--text-sec:#8a8e96;--blue-grad:linear-gradient(90deg,#37acff,#5fd3ed);--red-grad:linear-gradient(90deg,#e85d41,#f18269);--green-grad:linear-gradient(90deg,#16bd4b,#40c778)}body{background-color:var(--grey)}main{display:grid;height:100vh;width:100vw;grid-template-columns:3fr 9fr;overflow:hidden;position:relative}article{padding:2em 3.2em;overflow:auto}section{padding:.5em 0 1.5em;display:flex;gap:1em}section button,section input{padding:6px 28px;font-size:1.2em;border-radius:20px}section button{background:linear-gradient(90deg,var(--secondary),var(--primary));color:var(--white);display:flex;align-items:center;gap:6px}section input{width:min(100%,420px);background-color:var(--white)}button{border:none;cursor:pointer;padding:4px 8px}button:hover{box-shadow:0 0 5px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1)}a{text-decoration:none}label{color:var(--text)}:where(input,textarea){border:2px solid transparent;padding:10px 16px;outline:none;resize:none;font-size:1em;background-color:var(--grey);border-radius:24px;color:var(--text)}textarea{border-radius:16px}main button.round{overflow:hidden;position:relative;padding:0;min-width:40px;height:40px;background:linear-gradient(90deg,var(--primary),var(--secondary));color:var(--white);border-radius:40px;display:grid;place-items:center}button.round.long{padding:0 12px;display:flex;width:auto;gap:6px;text-transform:capitalize}button.round:hover svg,nav a:hover svg{width:1.05em;height:1.05em}button.round:not(.menu):before,nav a:before{position:absolute;content:"";width:0;height:0;border-radius:50px;background:hsla(0,0%,100%,.2);transition:.2s ease-in-out}button.round:hover:before{height:100%;width:100%}button.round.long:before{left:-24px;height:calc(100% + 24px)}button.round.long:hover:before{width:calc(100% + 24px)}nav a:hover:before{left:-2.4em;height:calc(100% + 1.6em)}nav a:hover:hover:before{width:calc(100% + 2.4em)}h1{font-size:2.4em}h2{font-size:1.8em;margin:.8em 0}.globalBox{display:grid;height:100%;width:100%;place-items:center;align-content:center;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.15);z-index:99}.status{padding:0 6px;border-radius:20px;color:var(--white);margin-bottom:8px}.alertBox.blue .line,.todo,main button.blue{background:var(--blue-grad)}.complete,main button.green{background:var(--green-grad)}.alertBox.red .line,.delay,main button.red{background:var(--red-grad)}.alertBox.yellow .line{background:linear-gradient(90deg,#d8d811,#dede68)}main button.menu{display:none}.loading svg{animation:rotate 1.5s linear infinite}.loading circle{fill:none;stroke-linecap:round;stroke-dasharray:320;animation:spin 3s ease-in-out infinite}.alertBox{background-color:var(--white);border-radius:40px 0 0 40px;overflow:hidden;position:fixed;bottom:2em;z-index:9999;right:-100%}.alertBox.active{right:0}.alertBox .alert{padding:12px 18px;color:var(--text);border-radius:12px;display:flex;gap:8px;font-size:1.1em;line-height:1em}.bottomLine{width:100%;height:5px;position:relative}.bottomLine .line{width:100%;position:absolute;left:0;height:100%;animation:alert 2.5s ease-in-out;border-radius:20px}@keyframes alert{to{left:100%}}@keyframes spin{0%{stroke-dashoffset:640}to{stroke-dashoffset:0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.full.loading{width:100vw;height:100vh;position:fixed;left:0;top:0;background-color:var(--background);z-index:999}.loading{display:grid;place-items:center;align-items:center}@media screen and (max-width:1080px){main{grid-template-columns:1fr}article{padding:2em 1em}nav{padding:2em 0;width:100vw;left:-100%;position:fixed;z-index:999}header{padding-right:65px}main button.menu{display:block;font-size:1.5em;position:absolute;right:calc(1em - 100%);padding-top:8px}.open button.menu{right:1em}nav.open{left:0}}.Navbar_navbar__zhZYq{background-color:var(--white);display:flex;flex-direction:column;justify-content:space-between;padding:2em 1.4em;height:100vh;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.Navbar_logo__YNqJh{font-size:2.8em;color:var(--text);margin-bottom:1em;text-align:center}.Navbar_activelink__kXC3N,.Navbar_link__koQk0,.Navbar_logout__k9Y_s{display:flex;align-items:center;gap:.4em;padding:.8em 1.2em;margin:0 auto 1em;border-radius:40px;max-width:240px;width:100%;color:var(--text-sec);font-size:1.1em;position:relative;overflow:hidden}.Navbar_activelink__kXC3N{color:var(--white);background:linear-gradient(90deg,var(--primary),var(--secondary))}.Navbar_logout__k9Y_s{color:var(--text)}.Navbar_link__koQk0:hover,.Navbar_logout__k9Y_s{background-color:var(--grey)}.auth_main__BMXsi{grid-template-columns:1fr}.auth_box__fpaxm{background-color:var(--white);padding:2.4em 3.6em;border-radius:1em;display:flex;flex-direction:column;gap:3em;width:min(calc(100vw - 1em),540px);box-shadow:0 48px 100px 0 rgba(17,12,46,.15)}.auth_form__otHTA{display:flex;flex-direction:column;gap:1.2em;font-size:1.1em;align-items:center}.auth_form__otHTA .auth_group__8fv65{display:flex;flex-direction:column;gap:.2em;align-self:stretch}.auth_form__otHTA button{font-size:1.1em;border-radius:40px;padding:10px 24px;color:var(--white);background:linear-gradient(90deg,var(--primary),var(--secondary))}button.auth_change__P_DOs{background:transparent;padding:0 8px;text-decoration:underline;font-size:.9em}.auth_form__otHTA :where(input:not(:disabled),textarea:not(:disabled)){border-bottom-color:var(--primary)}.auth_form__otHTA :where(input:not(:disabled),textarea:not(:disabled)):focus{border-bottom-color:var(--secondary)}