@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.register{height:100vh;background-color:#9b8667;display:flex;flex-direction:row-reverse;color:#fff}.register .right{background-color:#4d3227;height:100%;width:45%;display:flex;flex-direction:column;align-items:center}.register .right h1{font-size:4rem;margin:1rem;font-weight:400;color:#ebc999}.register .right form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.register .right input{width:90%;margin:.5rem;height:3rem;outline:none;border:none;border-radius:.3rem;padding:.3rem;font-size:1.1rem}.register .right button{cursor:pointer;width:40%;height:3rem;background-color:#cd77006e;color:#ebc999;outline:none;border:none;font-size:1.5rem;border-radius:.5rem;margin:1rem}.register .right p{font-size:1.25rem;color:#fff}.register .right p a{color:#ebc999}@media screen and (max-width: 900px){.register .right h1{font-size:3rem}}@media screen and (max-width: 650px){.register .right{width:100%}}.login{height:100vh;background-color:#9b8667;display:flex;flex-direction:row-reverse;color:#fff}.login .right{background-color:#4d3227;height:100%;width:45%;display:flex;flex-direction:column;align-items:center}.login .right h1{font-size:4rem;margin:1rem;font-weight:400;color:#ebc999}.login .right form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.login .right input{width:90%;margin:.5rem;height:3rem;outline:none;border:none;border-radius:.3rem;padding:.3rem;font-size:1.1rem}.login .right button{cursor:pointer;width:40%;height:3rem;background-color:#cd77006e;color:#ebc999;outline:none;border:none;font-size:1.5rem;border-radius:.5rem;margin:1rem}.login .right p{font-size:1.25rem;color:#fff}.login .right p a{color:#ebc999}@media screen and (max-width: 1400px){.login .right h1{font-size:2.5rem}}@media screen and (max-width: 900px){.login .right h1{font-size:2rem}}@media screen and (max-width: 750px){.login .right{width:100%}}.modal-input{width:70%;padding:.5rem;margin:.25rem 0rem}.profile{flex:1;display:flex;align-items:center;padding:0rem 2rem}.profile .left{background-color:#ebc999;height:80%;flex:0 0 40%;margin:0rem 1rem;border-radius:.25rem;display:flex;flex-direction:column}.profile .left .photo{width:100%;height:50%;border-radius:.25rem;cursor:pointer}.profile .left .profile-input{display:none}.profile .left img{object-fit:cover;border-radius:.25rem;width:100%;height:100%}.profile .left span{color:#000;margin:.5rem}.profile .left p{color:#0009;margin:0rem .5rem}.profile .right{height:80%;display:flex;flex-direction:column}.profile .right .upper{height:50%;margin-bottom:1rem;background-color:#ebc999;padding:.5rem;border-radius:.25rem}.profile .right .upper span{font-size:1.5rem;color:#000}.profile .right .upper div{display:flex;width:100%;background-color:#4d3227;justify-content:space-between;padding:1rem;margin:.5rem 0rem;border-radius:.25rem}.profile .right .upper div button{cursor:pointer;padding:.25rem;background-color:#cd7700;outline:none;border:none;color:#fff}.profile .right .lower{height:50%;background-color:#ebc999;padding:.5rem;border-radius:.25rem}.profile .right .lower span{font-size:1.5rem;color:#000}.profile .right .lower div{display:flex;width:100%;background-color:#4d3227;justify-content:space-between;padding:1rem;margin:.5rem 0rem;border-radius:.25rem}.profile .right .lower div button{cursor:pointer;padding:.25rem;background-color:#cd7700;outline:none;border:none;color:#fff}.modal{position:absolute;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#313131cc;top:0;left:0}.modal div{width:30%;height:70%;background-color:#4d3227;color:#fff}.modal div .close-btn{text-align:right;width:100%;height:auto}.modal div .close-btn button{cursor:pointer}.navigation{height:100%;background-color:#9b8667;width:25%}.navigation .upper{height:40%;display:flex;flex-direction:column;justify-content:center}.navigation .upper ul li a{display:block;margin:1rem auto;padding:1.25rem;width:90%;background-color:#4d3227;border-radius:.5rem;text-align:center;color:#fff;text-decoration:none}.navigation .lower{display:flex;justify-content:center;align-items:center}.navigation .lower ul{width:90%;display:flex;flex-direction:column;align-items:center}.navigation .lower ul li{list-style:none;width:100%;text-align:center;display:flex;background-color:#ebc999;border-radius:.25rem;margin:.25rem 0rem;padding:.65rem}.navigation .lower ul li a{display:block;text-decoration:none;color:#000;flex-grow:1;cursor:pointer}.navigation .lower ul li button{outline:none;border:none;padding:.25rem;background-color:#cd7700;color:#fff;cursor:pointer;border-radius:.25rem}.navigation .lower ul li .active{background-color:#61a101!important}.navigation .lower ul .new-layout-btn{background-color:#cd7700;width:80%;padding:.75rem;margin:.25rem 0rem;border-radius:.25rem;cursor:pointer}.header{background-color:#604235f7;width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:1.25rem}.header p{margin:0rem 2rem}.header img{width:4rem;height:4rem;border-radius:5rem;margin:.25rem 2rem;cursor:pointer}.page{height:100vh;background-color:#4d3227;display:flex;color:#fff;overflow-y:hidden}.page .right{flex:1;display:flex;flex-direction:column}.setting{flex:1;display:flex;align-items:center;padding:0rem 2rem;color:#000;overflow:hidden}.setting .left{background-color:#ebc999;border:1px solid #EBC999;border-radius:.15rem;height:80%;width:70%;overflow-y:scroll;scrollbar-width:none}.setting .left .setting-btn{text-align:right;padding:0rem 1rem}.setting .left .setting-btn button{cursor:pointer}.setting .left .setting-content{padding:0rem 1rem}.setting .left .setting-content .setting-title{display:flex;justify-content:space-between;align-items:center}.setting .left .setting-content .setting-title h1{font-weight:400}.setting .left .setting-content .setting-title p{font-size:2rem;cursor:pointer}.setting .left .setting-content hr{height:.2rem;background-color:#000;margin:.5rem 0rem}.setting .left .setting-content .setting-list{background-color:#4d3227;color:#ebc999;display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:.25rem;margin:.25rem 0rem}.setting .left .setting-content .setting-list .tag{background-color:#cd7700;padding:.25rem;border-radius:.25rem}.setting .right{background-color:#ebc999;height:80%;width:30%;margin:0 1rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:.25rem}.setting .right ul li{text-align:center;margin:.25rem;padding:1rem;color:#ebc999;background-color:#4d3227;list-style:none;text-decoration:none;border-radius:.25rem}.setting .right button{padding:1rem;cursor:pointer;background-color:#cd7700;color:#ebc999;outline:none;border:none;border-radius:.25rem}.modal-container{width:100%!important;display:flex;flex-direction:column;align-items:center}.modal-container h1{font-size:3rem}.modal-container .tag-modal-input{width:70%;margin:.5rem 0rem;padding:.75rem;outline:none;border:none;font-size:1.25rem;border-radius:.25rem}.modal-container .date-modal-input{padding:.5rem;width:70%}.modal-container span{font-size:1.5rem;margin:.2rem 0rem;text-align:left!important}.modal-container button{padding:.5rem;cursor:pointer;background-color:#cd7700;color:#ebc999;outline:none;border:none;border-radius:.25rem;width:70%;margin:.2rem 0rem}.modal-container .select-options{width:70%;padding:.5rem;cursor:pointer;outline:none;border:none;border-radius:.25rem;font-size:1.2rem;margin:.25rem 0rem}.dashboard{flex:1;display:flex;align-items:center;justify-content:center}.dashboard .container{width:90%;height:90%;background-color:#ebc999;border-radius:.25rem;color:#000;display:flex;flex-direction:column;align-items:center}.dashboard .container .first{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;width:90%;padding:.25rem}.dashboard .container .first .dashboard-left{display:flex}.dashboard .container .first .dashboard-left p{font-size:1.5rem;margin:0rem .5rem;cursor:pointer}.dashboard .container .first .dashboard-right{display:flex;text-align:right}.dashboard .container .first .dashboard-right p{font-size:1.2rem;margin:0rem .5rem}.dashboard .container .second{flex-grow:1;display:flex;align-items:center;flex-direction:column;width:90%}.dashboard .container .second .todo-day{display:flex;width:100%}.dashboard .container .second .todo-day div{display:flex;width:100%;color:#fff;background-color:#4d3227;justify-content:space-between;align-items:center;border-radius:.25rem;margin:.2rem 0rem;padding:.5rem}.dashboard .container .second .todo-day div p,.dashboard .container .second .todo-day div s{margin:0rem 1rem;flex-shrink:0}.dashboard .container .second .todo-day div .checkmark{cursor:pointer}.dashboard .container .second .todo-day div .tag{background-color:#ebc999;color:#000;padding:.2rem;border-radius:.25rem}.dashboard .container .second .todo-day div .content{flex-grow:1}.dashboard .container .second .todo-day div .cancellation-btn{background-color:#cd7700;padding:.3rem;color:#fff;outline:none;border:none;cursor:pointer;border-radius:.25rem}.dashboard .container .second .todo-day div .vis-hidden{visibility:hidden}.dashboard .container .second .todo-day div .include{background-color:red!important}.dashboard .container .third{flex-shrink:0;display:flex;justify-content:flex-end;width:100%}.dashboard .container .third button{padding:.5rem 1rem;margin:.5rem;cursor:pointer;background-color:#cd7700;color:#ebc999;outline:none;border:none;border-radius:.25rem}.dashboard .container .third .include{background-color:#640000!important}.lower-text{background-color:#cd7700;color:#fff;width:100%;border-radius:.25rem;padding:.25rem;display:flex;justify-content:center;flex-direction:column;align-items:center}.analysis{flex:1;display:flex;align-items:center;justify-content:center}.analysis .container{width:90%;height:90%;display:flex}.analysis .container .left{background-color:#ebc999;border-radius:.25rem;width:50%;height:100%;display:flex;flex-direction:column}.analysis .container .left .tagwise-analysis{width:100%;flex-grow:1;padding:.25rem}.analysis .container .left .tagwise-analysis div{display:flex;margin:.25rem 0rem;justify-content:space-between;padding:1rem;border-radius:.25rem;background-color:#4d3227;width:100%}.analysis .container .right{height:100%;margin:0rem .25rem;display:flex;flex-direction:column;justify-content:space-between}.analysis .container .right .upper{height:50%;width:100%;background-color:#ebc999;margin-bottom:.25rem;border-radius:.25rem;color:#000;display:flex;align-items:center;flex-direction:column}.analysis .container .right .upper .percentage{flex-grow:1;font-size:7rem;display:flex;justify-content:center;align-items:center}.analysis .container .right .lower{height:50%;background-color:#ebc999;border-radius:.25rem;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.analysis .container .right .lower .excluded-dates{flex-grow:1;padding:.25rem;width:100%}.analysis .container .right .lower .excluded-dates div{display:flex;justify-content:space-between;padding:1rem;border-radius:.25rem;background-color:#4d3227;width:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Inter,sans-serif}