.centerBox{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;position:absolute;top:0;left:0}.centerBox *{text-align:center}.loginForm{display:flex;flex-direction:column;width:80%;background-color:#ffffff06;box-shadow:2px 2px 1em #000;padding:15px 0;border-radius:.8em;max-width:30em}.loginForm img{height:12em;image-rendering:optimizeQuality}.loginForm form{display:flex;flex-direction:column;padding:1em 3em}.loginForm form *{margin-bottom:5px;padding:5px}.loginForm form input{background-color:#fff;color:#000;border-radius:.5em;text-align:left;border:0;outline:none}.loginForm form p{color:red;height:0}@keyframes fadeIn{0%{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.overlay{background-color:#00000040;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay .con{background-color:#0f0f0f;height:10em;width:15em;display:grid;grid-template-rows:1fr 9fr;animation:fadeIn .8s}.overlay .con .title{text-align:right}.overlay .con .title button{background-color:#0000;color:#fff;font-size:1.2em;padding:5px;border:0}.overlay .con .buttons{display:flex;flex-direction:column;justify-content:space-evenly}.overlay .con .buttons div{display:flex;flex-direction:column}.overlay .con .buttons div button{margin:2px 3em;padding:.5em 2em;text-align:left;font-weight:500;border:0}.overlay .con .buttons div button.aprove{background-color:#029602;color:#fff}.overlay .con .buttons div button.not-aprove{background-color:red;color:#fff}.userFormContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.userFormContainer .newUserForm{background-color:#ffffff06;padding:2em 4em;border-radius:.8em;box-shadow:2px 2px 1em #000}.changePasswordContainer{width:fit-content!important;height:auto!important;aspect-ratio:1}.changePasswordContainer .title{display:flex;justify-content:space-between;padding:0 .9em;align-items:center;font-weight:500}.changePasswordContainer form{padding:0 1em 1em;display:flex;flex-direction:column;justify-content:space-between}.changePasswordContainer form p input,.changePasswordContainer form button{width:100%}.userCardContainer{display:flex;flex-direction:column}.userCardContainer .scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;overflow-y:auto;overflow-x:hidden;max-height:80vh;max-width:100vw;padding:0 .2em}.userCard{max-width:400px;display:flex;flex-direction:column;margin:.5em;padding:.4em;border-radius:.6em;background:rgba(255,255,255,.04)}.userCard .btnContainer{margin-top:.4em;text-align:right}.userCard .littleButton{width:auto!important}.userCard .littleButton.red{background-color:#fa2929;color:#fff}.app{height:100vh;max-width:100vw;display:grid;grid-template-rows:1fr 10fr;row-gap:.5em}.app header{background-color:#1d1d1d}.app nav{display:flex;justify-content:space-between;padding:0 1em}.app nav .userInfo *{margin:0;font-size:.95em}.app nav .userControls{display:flex;justify-content:center;align-items:center}.app nav .userControls div{display:flex}.app main{display:grid;grid-template-rows:min-content 1fr}.app main .entriesContainer{display:grid;grid-template-rows:min-content 1fr;margin-top:2em}@media (min-width: 1000px){.app main .entriesContainer{margin-left:1em;margin-right:1em}}.app main .entriesContainer .tableContainer{height:100%;border:1px solid #fff}.app main .entriesContainer .tableContainer table{border-spacing:0;margin:0;overflow-y:scroll;table-layout:fixed;width:100%}.app main .entriesContainer .tableContainer table thead,.app main .entriesContainer .tableContainer table tbody{font-size:.7em;border:1px solid #fff}.app main .entriesContainer .tableContainer table thead th,.app main .entriesContainer .tableContainer table thead td,.app main .entriesContainer .tableContainer table tbody th,.app main .entriesContainer .tableContainer table tbody td{text-align:center;overflow-wrap:break-word;overflow:hidden;width:100%}.app main .entriesContainer .searchBox{background-color:#2f2f2f;border-radius:.5em .5em 0 0;padding:.2em .5em;display:flex;justify-content:space-between;align-items:center}.app main .entriesContainer .searchBox input,.app main .entriesContainer .searchBox button{background-color:#fff;border:0;color:#000;outline:none}.littleButton{background-color:#fff}.littleButton:active{background-color:#ebebeb}.app main .bigButton{margin:0 1em}.app main .newEntryBox{background-color:#ffffff06;margin:0 1em;border:0;border-radius:0 0 1em 1em;display:flex;flex-direction:column;padding:1em}.app main .newEntryBox *{margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#121212}::-webkit-scrollbar-thumb:hover{background:#161616}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0;max-height:100vh;max-width:100vw}*{box-sizing:border-box}button{color:#000}button.bigButton{color:#fff;background-color:green;border:0;height:2.5em;border-radius:.25em;font-size:1.1em}button.bigButton:disabled{background-color:gray}button.bigButton:active{background-color:#006400}button.bigButton:disabled:active{background-color:#646464}button.littleButton{margin:2px;font-size:1em;color:#000;border:0;border-radius:.2em;padding:.4em;width:2em;height:2em}button.littleButton:active{background-color:#ebebeb}