@import"https://fonts.googleapis.com/css2?family=Michroma&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";.loginPage{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loginPage .loginLogo{position:absolute;top:10%;width:30%;min-width:320px;user-select:none;-webkit-user-drag:none}.loginPage .loginForm{display:flex;flex-direction:column;align-items:center;width:30%;min-width:320px;transform:translateY(25%)}.loginPage .loginForm input{width:100%;padding:8px 12px;margin:8px 0;color:#fff;background-color:#313131;border:none}.loginPage .loginForm input:last-of-type{margin-bottom:15%}.loginPage .loginForm input:focus{background-color:#3f3f3f;box-shadow:inset 0 0 8px #0000006b;outline:none}.loginPage .loginForm .submitButton{width:50%;min-width:160px;padding:12px 18px;border:none;-webkit-clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);transition:.15s}.loginPage .loginForm .submitButton p{font-size:.8rem;font-weight:lighter;color:#0e0e0e}.loginPage .loginForm .submitButton:hover{-webkit-clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);background-color:#0e0e0e;color:#fff;cursor:pointer}.loginPage .loginForm .submitButton:hover p{--bg-size: 200%;--color-one: #87bafc;--color-two: #dc90ff;--color-three: #f89090;background:linear-gradient(90deg,var(--color-one),var(--color-two),var(--color-three),var(--color-two),var(--color-one)) 0 0/var(--bg-size) 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (prefers-reduced-motion: no-preference){.loginPage .loginForm .submitButton.submitButton p{animation:move-bg 7s linear infinite}@keyframes move-bg{to{background-position:var(--bg-size) 0}}}.navMenu{position:absolute;top:0;left:0;height:100%;width:15%;display:flex;flex-direction:column;align-items:center;background-color:#151515}.navMenu .userName{user-select:none;display:flex;flex-direction:column;justify-content:center;padding:4px;color:#7d7d7d;font-family:Michroma;font-weight:200;font-size:.7rem;width:100%;height:28px}.navMenu .logoutButton{position:absolute;top:0;right:0;width:24px;height:24px;margin:4px;background:none;border:none}.navMenu .logoutButton img{width:100%;height:100%;filter:brightness(50%);transition:.1s}.navMenu .logoutButton:hover{cursor:pointer}.navMenu .logoutButton:hover img{filter:brightness(100%)}@keyframes blink{50%{opacity:0}}.navMenu .hour{user-select:none;margin-top:8px;text-align:center;font-size:1.5rem;color:#999}.navMenu .date{user-select:none;margin-bottom:12px;text-align:center;font-size:.8rem;color:#999}.navMenu .shortcuts{margin-top:4px}.navMenu .shortcuts ul{display:flex;flex-direction:row;width:100%;justify-content:space-evenly;list-style:none}.navMenu .shortcuts ul .shortcutsLink{margin:0 12px}.navMenu .shortcuts ul .shortcutsLink img{width:24px;filter:saturate(30%) brightness(70%);transition:.15s}.navMenu .shortcuts ul .shortcutsLink:hover img{filter:saturate(100%) brightness(100%)}.navMenu .separator{display:flex;width:85%;height:1px;margin:12px 0;background-color:#3f3f3f}.navMenu .navList{width:100%}.navMenu .navList .onglet{width:100%;color:#7d7d7d;transition:.2s}.navMenu .navList .onglet a{display:flex;text-decoration:none;padding:6px 8px;width:100%;height:100%;color:#7d7d7d}.navMenu .navList .onglet a span{width:100%;transition:.25s}.navMenu .navList .onglet a:visited{color:#7d7d7d}.navMenu .navList .onglet:hover{background-color:#272727}.navMenu .navList .onglet.active{background-color:#d9d9d9;width:105%}.navMenu .navList .onglet.active a{color:#000;flex-direction:row-reverse}.navMenu .navList .onglet.active a span{width:95%}.dashboardPage{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.dashboardPage .pageContent{position:absolute;top:0;right:0;display:flex;width:85%;height:100%;padding:12px 2.5%}.dashboardPage .pageContent.projects{flex-direction:column}.dashboardPage .pageContent .loading{position:absolute;top:50%;right:50%;color:#fff;transform:translate(50%);padding:12px 18px;background-color:#151515}.dashboardPage .pageContent .stats{position:relative;width:100%;height:5%;background-color:#151515;display:flex;justify-content:flex-start;padding:12px 16px;margin-bottom:12px;color:#bbb}.dashboardPage .pageContent .stats .statBox{margin-right:18px}.dashboardPage .pageContent .stats .crudLinks{position:absolute;right:0;display:flex}.dashboardPage .pageContent .stats .crudLinks button{background:none;border:none;margin:0 18px;text-decoration:none;color:#7d7d7d;transition:.2s}.dashboardPage .pageContent .stats .crudLinks button:hover{cursor:pointer;color:#fff}.dashboardPage .pageContent .clients{display:flex;flex-direction:column;width:calc(33% - 6px);background-color:#151515}.dashboardPage .pageContent .list{list-style:none;background-color:#151515;width:calc(33% - 6px);overflow-y:auto}.dashboardPage .pageContent .list::-webkit-scrollbar{width:4px}.dashboardPage .pageContent .list::-webkit-scrollbar-track{background:#252525;border-radius:2px}.dashboardPage .pageContent .list::-webkit-scrollbar-thumb{background:#464646;border-radius:2px}.dashboardPage .pageContent .list::-webkit-scrollbar-thumb:hover{background:#7d7d7d}.dashboardPage .pageContent .list h1{color:#bebebe}.dashboardPage .pageContent .list h4{background-color:#151515;position:sticky;z-index:2;top:0;color:#bebebe;width:100%;padding:4px 0 8px;text-align:center}.dashboardPage .pageContent .list .listCard{width:100%;color:#bbb;transition:.2s}.dashboardPage .pageContent .list .listCard button{font-family:Montserrat;background:none;border:none;position:relative;display:flex;width:100%;flex-direction:column;text-decoration:none;color:#7d7d7d;padding:8px 12px}.dashboardPage .pageContent .list .listCard button:hover{cursor:pointer;background-color:#272727}.dashboardPage .pageContent .list .listCard.selected{background-color:#d9d9d9}.dashboardPage .pageContent .list .listCard.selected button{color:#3d3d3d}.dashboardPage .pageContent .list .listCard.selected button:hover{background:none}.dashboardPage .pageContent .list .listCard.selected button h1{color:#000;text-align:left;width:100%}.dashboardPage .pageContent .display{position:relative;width:calc(33% - 6px);padding:4px 12px;display:flex;background-color:#151515}.dashboardPage .pageContent .display form{display:flex;flex-wrap:wrap;width:100%;overflow-y:auto}.dashboardPage .pageContent .display form::-webkit-scrollbar{width:4px;height:4px}.dashboardPage .pageContent .display form::-webkit-scrollbar-track{background:#252525;border-radius:2px}.dashboardPage .pageContent .display form::-webkit-scrollbar-thumb{background:#464646;border-radius:2px}.dashboardPage .pageContent .display form::-webkit-scrollbar-thumb:hover{background:#7d7d7d}.dashboardPage .pageContent .display form label{font-size:.8rem;width:50%}.dashboardPage .pageContent .display form textarea{color:#fff;background-color:#313131;margin:4px 0 0 4px;border:none}.dashboardPage .pageContent .sessions{height:100%}.projectId{position:absolute;top:0;right:0;color:#bebebe;font-family:Montserrat}h2.projectInfoText{font-size:1.2rem;color:#bebebe;margin-bottom:8px}.projectInfoText{font-family:Montserrat;color:#b4b4b4}.projectInfoText.note{max-height:35%}.projectInfoText.note.project{max-height:15%}.projectInfoText.note .noteData{display:flex;height:100%;word-break:break-all;padding-left:6px;overflow-y:auto}.projectInfoText.note .noteData::-webkit-scrollbar{width:4px}.projectInfoText.note .noteData::-webkit-scrollbar-track{background:#252525;border-radius:2px}.projectInfoText.note .noteData::-webkit-scrollbar-thumb{background:#464646;border-radius:2px}.projectInfoText.note .noteData::-webkit-scrollbar-thumb:hover{background:#7d7d7d}.submitButton{position:absolute;width:45%;bottom:0;right:0;min-width:160px;margin:12px;padding:8px 12px;border:none;-webkit-clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);transition:.15s}.submitButton p{font-size:.7rem;font-weight:lighter;color:#0e0e0e;font-family:Michroma}.submitButton:hover{-webkit-clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);background-color:#0e0e0e;color:#fff;cursor:pointer}.submitButton:hover p{--bg-size: 200%;--color-one: #87bafc;--color-two: #dc90ff;--color-three: #f89090;background:linear-gradient(90deg,var(--color-one),var(--color-two),var(--color-three),var(--color-two),var(--color-one)) 0 0/var(--bg-size) 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (prefers-reduced-motion: no-preference){.submitButton.submitButton p{animation:move-bg 7s linear infinite}@keyframes move-bg{to{background-position:var(--bg-size) 0}}}.deleteButton{position:absolute;width:45%;bottom:0;right:0;min-width:160px;margin:6px;padding:8px 12px;border:none;-webkit-clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);transition:.15s}.deleteButton p{font-size:.7rem;font-weight:lighter;color:#0e0e0e;font-family:Michroma}.deleteButton:hover{-webkit-clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);cursor:pointer;background-color:#5c1919}.deleteButton:hover p{color:#fff}.plannedButton{position:absolute;background:none;left:0;bottom:4px;border:none}.plannedButton p{padding:0;margin:0;font-size:.7rem;font-weight:lighter;color:#7d7d7d;font-family:Michroma;transition:.15s}.plannedButton:hover{cursor:pointer}.plannedButton:hover p{color:#fff}.workSessions{font-family:Montserrat;position:relative;display:flex;flex-direction:column;height:100%;width:calc(66% + 3px);background-color:#151515;padding:8px}.workSessions h2{font-size:1.2rem;color:#bebebe;margin-bottom:10px;text-align:center}.workSessions .userFilter{position:absolute;font-size:.8rem;color:#7d7d7d}.workSessions .userFilter input{margin-right:4px}.workSessions .sessionsTable{display:flex;width:100%;overflow-y:scroll;max-height:100%;color:#fff;font-family:Montserrat}.workSessions .sessionsTable::-webkit-scrollbar{width:4px}.workSessions .sessionsTable::-webkit-scrollbar-track{background:#252525;border-radius:2px}.workSessions .sessionsTable::-webkit-scrollbar-thumb{background:#464646;border-radius:2px}.workSessions .sessionsTable::-webkit-scrollbar-thumb:hover{background:#7d7d7d}.workSessions .sessionsTable tbody{display:flex;flex-direction:column;width:100%}.workSessions .sessionsTable tbody tr{display:flex;width:100%}.workSessions .sessionsTable tbody tr .deleteSession{background:none;border:none;color:#7d7d7d;transition:.2s;margin-left:12px}.workSessions .sessionsTable tbody tr .deleteSession:hover{cursor:pointer;color:#fff}.workSessions .sessionsTable tbody td{border:solid 1px rgb(48,48,48);padding:4px}.workSessions .sessionsTable tbody .name{width:40%}.workSessions .sessionsTable tbody .name.total{width:50%}.workSessions .sessionsTable tbody .hours{width:20%}.workSessions .sessionsTable tbody .hours.total{width:25%}.workSessions .sessionsTable tbody .date{width:20%}.workSessions .sessionsTable tbody .date.total{width:25%}.workSessions .sessionsTable tbody .totalHours{width:80%;position:sticky;background-color:#1b1b1b;bottom:0}.logHours{display:flex;flex-direction:column;width:calc(33% - 6px);height:100%;margin:0 0 0 12px;background-color:#151515;padding:8px}.logHours form{display:flex;align-items:flex-end;width:100%}.logHours form label{width:100%}.logHours form .submitSession{width:40%;min-width:160px;margin:12px;padding:8px 12px;border:none;-webkit-clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);transition:.15s}.logHours form .submitSession p{font-size:.7rem;font-weight:lighter;color:#0e0e0e;font-family:Michroma}.logHours form .submitSession:hover{-webkit-clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);background-color:#0e0e0e;color:#fff;cursor:pointer}.logHours form .submitSession:hover p{--bg-size: 200%;--color-one: #87bafc;--color-two: #dc90ff;--color-three: #f89090;background:linear-gradient(90deg,var(--color-one),var(--color-two),var(--color-three),var(--color-two),var(--color-one)) 0 0/var(--bg-size) 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (prefers-reduced-motion: no-preference){.logHours form .submitSession.submitButton p{animation:move-bg 7s linear infinite}@keyframes move-bg{to{background-position:var(--bg-size) 0}}}.chart{height:30%}.webpConverter{display:flex;flex-direction:column;align-items:center;width:25%}.webpConverter h5{width:100%;text-align:center;color:#fff}.webpConverter form{display:flex;align-items:center}.webpConverter form label{font-family:Montserrat;display:flex;align-items:center}.webpConverter form .rangeSlider{padding:0}.webpConverter .downloadConvertedImages{position:relative;color:#c2c2c2;width:80%;text-align:center;transition:.15s;text-decoration:none}.webpConverter .downloadConvertedImages img{position:absolute;left:0;width:32px;filter:brightness(50%);transition:.15s}.webpConverter .downloadConvertedImages span{position:absolute;right:0;width:80%;font-size:.8rem}.webpConverter .downloadConvertedImages:hover{color:#fff}.webpConverter .downloadConvertedImages:hover img{filter:brightness(100%)}.webpConverter .convertImagesButton{margin:4px;width:50%;padding:8px 12px;border:none;-webkit-clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);transition:.15s}.webpConverter .convertImagesButton p{font-size:.7rem;font-weight:lighter;color:#0e0e0e;font-family:Michroma}.webpConverter .convertImagesButton:hover{-webkit-clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);background-color:#0e0e0e;color:#fff;cursor:pointer}.webpConverter .convertImagesButton:hover p{--bg-size: 200%;--color-one: #87bafc;--color-two: #dc90ff;--color-three: #f89090;background:linear-gradient(90deg,var(--color-one),var(--color-two),var(--color-three),var(--color-two),var(--color-one)) 0 0/var(--bg-size) 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (prefers-reduced-motion: no-preference){.webpConverter .convertImagesButton.submitButton p{animation:move-bg 7s linear infinite}@keyframes move-bg{to{background-position:var(--bg-size) 0}}}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Michroma,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(-45deg,#151515 0%,#282828 100%)}.App{height:100vh;width:100%;min-width:1300px}p{margin:0;font-family:Michroma,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}form{display:flex;flex-direction:column}form label{display:flex;flex-direction:column;color:#a3a3a3}form input,form select,form option{padding:8px 12px;margin:4px;color:#fff;background-color:#313131;border:none}form input:focus,form select:focus,form option:focus{background-color:#3f3f3f;box-shadow:inset 0 0 8px #0000006b;outline:none}.container{display:flex}.container.relative{position:relative}.container.full-width{width:100%}.container.full-height{height:100%}.container.half-height{height:50%}.container.thirty-height{height:30%}.container.margin-top-twelve{margin-top:12px}.container.space-between{justify-content:space-between}.container.row{flex-direction:row}.container.column{flex-direction:column}.container.row-reverse{flex-direction:row-reverse}.container.column-reverse{flex-direction:column-reverse}