.setup-view{height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.setup-box{max-width:800px;max-height:300px;padding:var(--spacing);border-radius:var(--border-radius);box-shadow:var(--drop-shadow)}.dark .setup-box{background:var(--dark)}.setup-box h1{margin-top:0;font-size:1.4em;margin-bottom:calc(var(--spacing)/4)}.setup-box input{width:300px;margin-right:calc(var(--spacing)/2)}.setup-box button{background:var(--darker-blue);border-color:var(--darker-blue);cursor:pointer;color:var(--white)}.task-list-view{margin:0 auto;max-width:800px;padding-bottom:calc(var(--spacing)*4)}.task-list-view .task{padding:calc(var(--spacing)/6) calc(var(--spacing)/2);padding-left:calc(var(--spacing)*2);margin:calc(var(--spacing)/2) 0;border-radius:var(--border-radius);box-shadow:var(--drop-shadow);cursor:pointer;position:relative;overflow:hidden;background:#fff;white-space:nowrap}.task-list-view .task.checked{opacity:.5}.task-list-view .task.checked,.task-list-view .task.checked .time{text-decoration:line-through}.task-list-view .task input[type=checkbox]{position:absolute;top:calc(50% - 10px);left:calc(var(--spacing)*0.9 - 10px);cursor:pointer;width:20px;height:20px;margin:0}.task-list-view .search-container{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2;background:#fff;background:linear-gradient(180deg,#fff 48%,hsla(0,0%,100%,0));z-index:99}.dark .task-list-view .search-container{background:#21252b;background:linear-gradient(180deg,#21252b 48%,rgba(33,37,43,0));z-index:99}.task-list-view .search-container input{width:100%;height:50px;font-size:1.8em!important;padding:calc(var(--spacing)/6) calc(var(--spacing)/3);margin:calc(var(--spacing)/2) 0;border-radius:var(--border-radius)!important;box-shadow:var(--drop-shadow);border:none}.dark .task-list-view .search-container input{background:var(--dark)}.task-list-view .search-container button{background:var(--darker-blue);color:var(--white);border:none;position:absolute;right:24px;top:33px;cursor:pointer}.task-list-view .task .time{position:absolute;top:2px;right:0;bottom:0;height:100%;line-height:1em;font-size:2.4em;text-align:right;padding:calc(var(--spacing)/6);background:#fff;color:var(--dark)}.dark .task-list-view .task .time{background:var(--dark);color:var(--white)}.dark .task-list-view .task.active .time,.dark .task-list-view .task.active a,.dark .task-list-view .task.active h1,.task-list-view .task.active .time,.task-list-view .task.active a,.task-list-view .task.active h1{color:var(--darker-blue)!important}.task-list-view .task.active{box-shadow:0 0 0 2px var(--darker-blue)}.dark .task-list-view .task{background:var(--dark)}.task-list-view .task h1{width:60%;margin:4px 0 0;font-size:1.2em;color:var(--dark)}.dark .task-list-view .task h1{color:var(--white)}.task-list-view .task small{margin-top:-2px;display:block;font-size:12px}.task-list-view .task a{color:var(--darker-grey)}.task-list-view .task a:focus{box-shadow:none}.task-list-view .stop-container{position:fixed;width:100%;bottom:0;left:0;padding-bottom:var(--spacing);background:#fff;background:linear-gradient(0deg,#fff 48%,hsla(0,0%,100%,0))}.task-list-view .stop-container .stop{background:var(--red);display:block;border:none;width:200px;max-width:800px;margin:0 auto;font-size:1.6em;box-shadow:var(--drop-shadow)}.dark .task-list-view .stop-container{background:#21252b;background:linear-gradient(0deg,#21252b 48%,rgba(33,37,43,0))}@media(max-width:400px){.task-list-view .task:hover{box-shadow:none!important}.task-list-view .search-container button{right:22px}}.task-logs-view{margin:0 auto;max-width:800px;padding-bottom:calc(var(--spacing)*4)}.task-logs-view .task{padding:calc(var(--spacing)/6) calc(var(--spacing)/2);margin:calc(var(--spacing)/2) 0;border-radius:var(--border-radius);box-shadow:var(--drop-shadow);cursor:pointer;position:relative;overflow:hidden;background:#fff;white-space:nowrap}.task-logs-view .task-container{position:-webkit-sticky;position:sticky;top:0;width:100%;padding:calc(var(--spacing)/2) 0;z-index:99;background:#fff;background:linear-gradient(180deg,#fff 48%,hsla(0,0%,100%,0))}.dark .task-logs-view .task-container{background:#21252b;background:linear-gradient(180deg,#21252b 48%,rgba(33,37,43,0))}.task-logs-view .task-container .task{margin:calc(var(--spacing)/2) 0}.task-logs-view .task .time{position:absolute;top:2px;right:0;bottom:0;line-height:1em;font-size:2.4em;text-align:right;padding:calc(var(--spacing)/6);background:#fff;color:var(--dark)}.dark .task-logs-view .task .time{background:var(--dark);color:var(--white)}.task-logs-view .task.active{box-shadow:0 0 0 2px var(--darker-blue)!important}.dark .task-logs-view .task.active .time,.dark .task-logs-view .task.active a,.dark .task-logs-view .task.active h1,.task-logs-view .task.active .time,.task-logs-view .task.active a,.task-logs-view .task.active h1{color:var(--darker-blue)}.dark .task-logs-view .task{background:var(--dark)}.task-logs-view .task h1{width:60%;margin:4px 0 0;font-size:1.2em;color:var(--dark)}.dark .task-logs-view .task h1{color:var(--white)}.task-logs-view .task small{margin-top:-2px;display:inline;font-size:12px;color:var(--darker-grey)}.task-logs-view .task a{color:var(--darker-grey)}.task-logs-view .task a:focus{box-shadow:none!important}.task-logs-view .stop-container{position:fixed;width:100%;bottom:0;left:0;padding-bottom:var(--spacing);background:#fff;background:linear-gradient(0deg,#fff 48%,hsla(0,0%,100%,0));z-index:2}.task-logs-view .stop-container .stop{background:var(--red);display:block;border:none;width:200px;max-width:800px;margin:0 auto;font-size:1.6em;box-shadow:var(--drop-shadow)}.dark .task-logs-view .stop-container{background:#21252b;background:linear-gradient(0deg,#21252b 48%,rgba(33,37,43,0))}@media(max-width:400px){.task-logs-view{padding-top:calc(var(--spacing)*3)}.task-logs-view .task:hover{box-shadow:var(--back-drop)}.task-logs-view .task-container{position:fixed;background:none!important}}.task-log-view{max-width:800px;margin:0 auto;padding-bottom:calc(var(--spacing)*4)}.task-log-view h4{margin-top:0}.task-log-view input{width:100%;margin-bottom:calc(var(--spacing)/2)}.task-log-view .save-container{position:fixed;width:100%;bottom:0;left:0;padding-bottom:var(--spacing);background:#fff;background:linear-gradient(0deg,#fff 48%,hsla(0,0%,100%,0))}.task-log-view .save-container .save{background:var(--darker-blue);display:block;border:none;cursor:pointer;width:200px;max-width:800px;margin:0 auto;font-size:1.6em;box-shadow:var(--drop-shadow)}.dark .task-log-view .save-container{background:#21252b;background:linear-gradient(0deg,#21252b 48%,rgba(33,37,43,0))}@media(max-width:400px){.task-log-view{padding-top:calc(var(--spacing)*3)}}.status-view{max-width:800px;margin:0 auto;padding-bottom:calc(var(--spacing)*4)}.status-view h4{margin-top:0}.status-view input{width:100%;margin-bottom:calc(var(--spacing)/2)}.status-view .date-picker-container{width:100%}.status-view .date-picker-container .date-pickers{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.status-view .date-picker-container .date-pickers .react-datepicker__day--keyboard-selected{background-color:#fff;color:#000;font-weight:700;outline:1px solid #2579ba}.status-view .show-container{width:100%;height:100px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-top:var(--spacing);padding-bottom:var(--spacing);background:#fff;background:linear-gradient(0deg,#fff 48%,hsla(0,0%,100%,0))}.status-view .show-container .show{background:var(--darker-blue);display:block;border:none;cursor:pointer;width:200px;max-width:800px;margin:0 auto;font-size:1.6em;box-shadow:var(--drop-shadow);color:var(--white)}.status-view .show-container .show:focus{border:3px solid var(--dark);outline:var(--darker-blue) solid 2px}.dark .status-view .show-container{background:#21252b;background:linear-gradient(0deg,#21252b 48%,rgba(33,37,43,0))}.status-view .result-container{width:100%}.status-view .result-container .result{table-layout:fixed;font-size:medium;text-align:center}.status-view .result-container .result .header td{font-weight:700;font-size:larger;padding:5px}.status-view .result-container .result .data td{padding:15px}@media(max-width:400px){.status-view{padding-top:calc(var(--spacing)*3)}}.absence-view{max-width:800px;margin:0 auto;padding-bottom:calc(var(--spacing)*4)}.absence-view h4{margin-top:0}.absence-view input{width:100%;margin-bottom:calc(var(--spacing)/2)}.absence-view .date-picker-container{width:100%}.absence-view .date-picker-container .date-picker{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.absence-view .type-picker-container{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.absence-view .type-picker-container .type-picker{max-width:-webkit-max-content;max-width:max-content;padding:10px;margin-top:var(--spacing)}.absence-view .note-container{display:-webkit-inline-flex;display:inline-flex;width:100%;margin-top:var(--spacing)}.absence-view .note-container .note{margin-left:var(--spacing)}.absence-view .register-container{width:100%;height:100px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-top:var(--spacing);padding-bottom:var(--spacing);background:#fff;background:linear-gradient(0deg,#fff 48%,hsla(0,0%,100%,0))}.absence-view .register-container .register{background:var(--darker-blue);display:block;border:none;cursor:pointer;width:200px;max-width:800px;margin:0 auto;font-size:1.6em;box-shadow:var(--drop-shadow);color:var(--white)}.absence-view .register-container .register:focus{border:3px solid var(--dark);outline:var(--darker-blue) solid 2px}.dark .absence-view .register-container{background:#21252b;background:linear-gradient(0deg,#21252b 48%,rgba(33,37,43,0))}.absence-view .task{padding:calc(var(--spacing)/6) calc(var(--spacing)/2);margin:calc(var(--spacing)/2) 0;border-radius:var(--border-radius);box-shadow:var(--drop-shadow);cursor:pointer;position:relative;overflow:hidden;background:#fff;white-space:nowrap}.absence-view .task .time{position:absolute;top:2px;right:0;bottom:0;line-height:1em;font-size:2.4em;text-align:right;padding:calc(var(--spacing)/6);background:#fff;color:var(--dark)}.dark .absence-view .task .time{background:var(--dark);color:var(--white)}.absence-view .task.active{box-shadow:0 0 0 2px var(--darker-blue)!important}.absence-view .task.active .time,.absence-view .task.active a,.absence-view .task.active h1,.dark .absence-view .task.active .time,.dark .absence-view .task.active a,.dark .absence-view .task.active h1{color:var(--darker-blue)}.dark .absence-view .task{background:var(--dark)}.absence-view .task h1{width:60%;margin:4px 0 0;font-size:1.2em;color:var(--dark)}.dark .absence-view .task h1{color:var(--white)}.absence-view .task small{margin-top:-2px;display:inline;font-size:12px;color:var(--darker-grey)}.absence-view .task a{color:var(--darker-grey)}.absence-view .task a:focus{box-shadow:none!important}.absence-view .task button{background:var(--darker-red);color:var(--white);border:none;position:absolute;right:24px;top:25%;cursor:pointer;opacity:.1}.absence-view .task:focus button,.absence-view .task:hover button,.absence-view .task button:focus{opacity:1}@media(max-width:400px){.absence-view{padding-top:calc(var(--spacing)*3)}.absence-view .task:hover{box-shadow:var(--back-drop)}}.csv-view{max-width:1600px;margin:0 auto;padding-bottom:calc(var(--spacing)*4)}.csv-view h4{margin-top:0}.csv-view input{width:100%;margin-bottom:calc(var(--spacing)/2)}.csv-view .date-picker-container{max-width:800px;width:100%;margin:auto}.csv-view .date-picker-container .date-pickers{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:space-around;justify-content:space-around;width:50%}.csv-view .date-picker-container .date-pickers .react-datepicker__day--keyboard-selected{background-color:#fff;color:#000;font-weight:700;outline:1px solid #2579ba}.csv-view .options-container{max-width:800px;margin:auto}.csv-view .options-container label{display:-webkit-inline-flex;display:inline-flex}.csv-view .options-container label input{width:auto}.csv-view .show-container{max-width:800px;width:100%;height:100px;margin:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-top:var(--spacing);padding-bottom:var(--spacing);background:#fff;background:linear-gradient(0deg,#fff 48%,hsla(0,0%,100%,0))}.csv-view .show-container .show{background:var(--darker-blue);display:block;border:none;cursor:pointer;width:200px;max-width:800px;margin:0 auto;font-size:1.6em;box-shadow:var(--drop-shadow);color:var(--white)}.csv-view .show-container .show:focus{border:3px solid var(--dark);outline:var(--darker-blue) solid 2px}.dark .csv-view .show-container{background:#21252b;background:linear-gradient(0deg,#21252b 48%,rgba(33,37,43,0))}.csv-view .result-container{width:100%}.csv-view .result-container .result{table-layout:auto;font-size:medium;text-align:center}.csv-view .result-container .result .header td{font-weight:700;font-size:larger;padding:5px}.csv-view .result-container .result .data td{padding:15px;white-space:nowrap}.csv-view .result-container .result .data .stretch{white-space:normal;width:100%}@media(max-width:400px){.csv-view{padding-top:calc(var(--spacing)*3)}}@media(max-width:1200px){.csv-view .result-container .result .data td{white-space:normal}}.navbar-view{margin:0 auto;padding:0;max-width:800px}.navbar{position:-webkit-sticky;position:sticky;top:0;background:#fff;background:linear-gradient(180deg,#fff 48%,hsla(0,0%,100%,0));z-index:99}.dark .navbar{background:#21252b;background:linear-gradient(180deg,#21252b 48%,rgba(33,37,43,0))}.navbar ul{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:left;justify-content:left;border:none;padding:0}.navbar li:before{content:none}.navbar li{background:var(--darker-blue);border:none;cursor:pointer;margin:10px;height:30px;width:180px;font-size:1.6em;box-shadow:var(--drop-shadow);border-radius:var(--border-radius)!important}.navbar a,.navbar li{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.navbar a{width:186px;height:36px;border-radius:var(--border-radius)!important}.navbar a,.navbar a:hover{text-decoration:none;color:var(--white)}.navbar a:hover{outline:none}:root{--border-radius:calc(var(--spacing)/4);--drop-shadow:0px 0px 20px var(--grey)}body{font-size:12px}.dark{--drop-shadow:0px 0px 20px #1c1f25}::-webkit-input-placeholder{color:var(--grey)}:-ms-input-placeholder{color:var(--grey)}::placeholder{color:var(--grey)}button,input{padding:calc(var(--spacing)/4);border-radius:calc(var(--spacing)/4);border-radius:var(--border-radius);border:2px solid var(--grey)}button{padding:calc(var(--spacing)/4) calc(var(--spacing)/2)}.dark input:focus,button:focus,input:focus{box-shadow:0 0 0 2px var(--blue);caret-color:var(--darker-blue)}.dark input{color:var(--white);background:var(--lighter-darker);border-color:var(--lighter-dark)}.dark ::-webkit-input-placeholder{color:var(--darker-grey)}.dark :-ms-input-placeholder{color:var(--darker-grey)}.dark ::placeholder{color:var(--darker-grey)}@media(min-width:300px){section{padding:0 calc(var(--spacing)/2)}}
/*# sourceMappingURL=main.d51d0b49.chunk.css.map */