#login{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}#login-overlay{z-index:-1;position:fixed}#login-overlay-img{position:relative;top:35vh;transform:rotate(121.167deg);height:150vh;width:150vh}#loginbox{height:60vh;min-width:466px;width:30vw;border-radius:2vh;background:hsla(0,0%,100%,.1);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#loginbox-logo{position:relative;top:1vh;width:100%;display:flex;justify-content:center;align-items:center}#loginbox-logo-img{height:10vh;width:10vh}#loginbox-titlebox{position:relative;top:1vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#loginbox-titlebox-title{color:#fff;font-size:4vh;font-style:normal;font-weight:400;line-height:6vh}#loginbox-titlebox-text{color:#fff;text-align:center;font-size:1.8vh;font-style:normal;font-weight:400;line-height:20px;padding-top:8px}#loginbox-statusbox{position:relative;top:3vh;height:2vh;width:100%;display:flex;justify-content:center;align-items:center}#loginbox-statusbox-text{color:tomato;font-size:2vh;text-align:center}#loginbox-inputbox{position:relative;top:5.5vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loginbox-inputbox-inputs{display:inline-flex;justify-content:space-between;padding:.6vh 1vw .6vh 2.5vw;align-items:center;gap:10px;height:5vh;min-width:346px;width:22vw;border-radius:50px;border:1px solid hsla(0,0%,100%,0);background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:2vh}.loginbox-inputbox-password{width:100%;background:transparent!important}input:focus{border:none!important;outline:none!important}input::-moz-placeholder{color:#fff;opacity:1}input::placeholder{color:#fff;opacity:1}::-ms-input-placeholder{color:#fff}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px transparent;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.loginbox-inputbox-inputs:last-child{margin-top:16px;margin-bottom:16px}#loginbox-buttonbox{position:relative;top:6vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#loginbox-buttonbox-button{height:4.5vh;min-width:346px;width:22vw;display:inline-flex;padding:1vh 2vw;justify-content:center;align-items:center;gap:10px;border-radius:50px;border:1px solid hsla(0,0%,100%,0);background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:2vh}#loginbox-buttonbox-text{margin-top:16px;color:#fff;text-align:center;font-size:1.5vh;font-style:normal;font-weight:400;line-height:2vh}#splashscreen{position:absolute;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;transition:1.5s;font-size:2vh}#splashscreen-logo{height:10vh}#splashscreen-title{font-size:2vh}#splashscreen.loading{opacity:1}#splashscreen.ready{opacity:0}.popup#show{z-index:1;position:absolute;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;transition:.3s}.popup#hide{z-index:-10;display:none;transition:.3s}#popup-overlay{z-index:0;position:absolute;height:100vh;width:100vw;background-color:transparent;backdrop-filter:blur(.5vh);-webkit-backdrop-filter:blur(.5vh)}.popup-view{height:50vh;width:40vw;min-width:-moz-fit-content;min-width:fit-content;background-color:#222222ba;border-radius:2vh}.popup-view,.popup-view-confirm#show{z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.popup-view-confirm#show{position:absolute;height:100vh;width:100vw;background-color:#111111ba}.popup-view-confirm#hide{display:none;z-index:-10}#popup-view-confirm-text{font-size:3vh}#popup-view-confirm-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:2vh}#popup-view-confirm-buttons-yes{background-color:tomato}#popup-view-confirm-buttons-no,#popup-view-confirm-buttons-yes{display:flex;justify-content:center;align-items:center;font-size:1.6vh;padding-top:1vh;padding-bottom:1vh;padding-inline:2vh;border-radius:50vh;margin-inline:1vh;width:5vw;min-width:-moz-fit-content;min-width:fit-content}#popup-view-confirm-buttons-no{background-color:#ffffff24}.popup-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:15%;width:100%;background-color:#222222ba;border-top-left-radius:2vh;border-top-right-radius:2vh;padding-inline:5%}#popup-header-title{font-size:2vh}#popup-header-buttons,#popup-header-title{display:flex;justify-content:center;align-items:center;height:100%;width:-moz-max-content;width:max-content}#popup-header-buttons-close-icon{height:3vh;width:3vh}.popup-view-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:35%;width:100%;padding-inline:10%;padding-top:2%;padding-bottom:2%}.popup-view-item-text{display:flex;justify-content:flex-end;align-items:flex-start;height:100%;width:10%;font-size:2vh}.popup-view-item-textarea{resize:none;background-color:transparent;height:100%;width:86%;font-size:2vh;border:.1vh dashed #ffffff1f;padding-inline:1vh}.popup-view-item-textarea:focus{outline:0;border:.1vh dashed #ffffff2f}.popup-view-item-textarea:hover{border:.1vh dashed #ffffff2f}.popup-footer{justify-content:center;height:15%;border-bottom-left-radius:2vh;border-bottom-right-radius:2vh;padding-inline:5%}#popup-footer-buttons,.popup-footer{display:flex;flex-direction:row;align-items:center;width:100%}#popup-footer-buttons{justify-content:flex-end}#popup-footer-buttons-delete{background-color:tomato;margin-inline:2vh}#popup-footer-buttons-delete,#popup-footer-buttons-save{display:flex;justify-content:center;align-items:center;font-size:1.6vh;padding-top:1vh;padding-bottom:1vh;padding-inline:2vh;border-radius:50vh}#popup-footer-buttons-save{background-color:#32cd32;transition:.3s}#popup-footer-buttons-save:disabled{background-color:#ffffff24;cursor:not-allowed;transition:.3s}#popup-footer-status{display:flex;justify-content:center;align-items:center;height:100%;width:50%}#popup-footer-status-text{font-size:1.6vh;color:tomato}header{height:10vh;width:100%;display:flex;align-items:center;justify-content:center}#header-items{width:80vw;flex-direction:row;justify-content:space-between}#header-items,#header-logo{height:100%;display:flex;align-items:center}#header-logo{justify-content:center}#header-logo-img{height:60%}#dropdown-button{position:absolute;top:2.5vh;right:10vw;height:-moz-max-content;height:max-content;width:30vw;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}#dropdown-menu{flex-direction:column;height:100%}#dropdown-menu,.dropdown-menu-item{display:flex;justify-content:center;align-items:center;width:100%;transition:.3s}.dropdown-menu-item{height:5vh;border-radius:1vh;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(.6vh);backdrop-filter:blur(.6vh);margin-top:.3vh;margin-bottom:.3vh;padding:3vh 2vw;font-size:1.5vh;outline:none;list-style:none;animation:dropdownAnimationShown .6s;animation-timing-function:ease}@keyframes dropdownAnimationShown{0%{opacity:0;margin-top:0;margin-bottom:0}to{opacity:1;margin-top:.3vh;margin-bottom:.3vh}}.dropdown-menu-item:first-child{border-radius:20vh;border-bottom-left-radius:5vh;border-bottom-right-radius:5vh}.dropdown-menu-item:last-child{border-radius:20vh;border-top-left-radius:5vh;border-top-right-radius:5vh}.dropdown-menu-item:only-child{border-radius:20vh}.dropdown-menu-item.visible{display:flex;transition:.3s}.dropdown-menu-item.hide{display:none;transition:.3s}.dropdown-menu-item:hover{background-color:hsla(0,0%,100%,.2)}.dropdown-menu-item#not-have{justify-content:center;justify-content:space-between}#dropdown-menu-item-icon{height:1.5vh}#dashboard{height:90vh;width:100vw;padding-top:1vh;padding-bottom:3vh}#dashboard,#dashboard-items{display:flex;justify-content:center;align-items:center}#dashboard-items{flex-direction:column;height:100%;width:80vw;background-color:#ffffff1a;border-radius:3vh}#dashboard-titles{display:flex;flex-direction:row;align-items:center;height:15%;width:100%;padding-inline:5%}.dashboard-titles-text{display:flex;align-items:center;height:100%;font-size:2vh;margin-right:.5vw}.dashboard-titles-text:first-child{width:10%}.dashboard-titles-text:nth-child(2){width:20%}.dashboard-titles-text:nth-child(3){width:60%}.dashboard-titles-text:nth-child(4){width:10%}#dashboard-table{display:flex;flex-direction:column;overflow:scroll;overflow-wrap:break-word;text-wrap:wrap;align-items:flex-start;height:70%;width:100%}#dashboard-table::-webkit-scrollbar{display:none}.dashboard-table-item{display:flex;flex-direction:row;align-items:center;height:-moz-max-content;height:max-content;width:95%;background-color:#ffffff1a;padding-inline:2.5%;margin-inline:2.5%;padding-top:2vh;padding-bottom:2vh;margin-top:.5vh;margin-bottom:.5vh;transition:.3s}.dashboard-table-item:hover{transition:.3s;background-color:#ffffff2a;cursor:cell}.dashboard-table-item-text{display:flex;align-items:flex-start;justify-content:flex-start;height:100%;font-size:2vh;text-align:left;overflow-wrap:anywhere;margin-right:.5vw}.dashboard-table-item-text:first-child{width:10%}.dashboard-table-item-text:nth-child(2){width:20%}.dashboard-table-item-text:nth-child(3){width:60%}.dashboard-table-item-text:nth-child(4){width:10%;color:#999}#dasboard-empty{justify-content:center;height:70%;font-size:4vh}#dasboard-empty,#dashboard-footer{display:flex;align-items:center;width:100%}#dashboard-footer{flex-direction:row;height:15%;padding-inline:5%}.dashboard-footer-item{display:flex;align-items:center;height:100%;font-size:2vh;margin-right:.5vw}.dashboard-footer-item:first-child{width:10%}.dashboard-footer-item:nth-child(2){width:20%}.dashboard-footer-item:nth-child(3){width:60%;margin-right:1vw}.dashboard-footer-item:nth-child(4){width:10%;margin-right:0}.dashboard-footer-item-input{display:flex;justify-content:center;align-items:center;font-size:2vh;padding-top:1vh;padding-bottom:1vh;padding-inline:2vh;background-color:#ffffff24;border-radius:50vh;width:100%}.dashboard-footer-item-input:focus{outline:none}#dashboard-footer-item-button{display:flex;justify-content:center;align-items:center;font-size:2vh;padding-top:1vh;padding-bottom:1vh;padding-inline:2vh;background-color:#ffffff24;border-radius:50vh;width:100%}