@charset "UTF-8";.app{display:flex;justify-content:center;width:100%;height:100%;overflow:hidden}.app .loader-container{position:absolute;top:45%;left:50%}.app .loader{width:48px;height:48px;border:5px solid #363941;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app .container{width:100%;height:100%;justify-content:center;display:flex}.app .container .link{text-decoration:none;color:inherit}.app .container .calendar-legend-container{position:absolute;left:5px}.app .container .calendar-legend-item{width:100px;background-color:#fff;margin:5px;border-radius:5px;display:flex;height:25px;align-items:center}.app .container .calendar-legend-color{width:20%;height:100%;border-bottom-left-radius:5px;border-top-left-radius:5px}.app .container .calendar-legend-label{margin-left:5px;font-family:trebuchet ms,sans serif;font-weight:500;font-size:12px}.app .container .calendar-container{position:absolute;width:99%;top:150px}.app .container .calendar-container .calendar-grid{display:grid;grid-template-columns:repeat(1,auto);gap:16px;justify-items:center;margin-bottom:20px;z-index:1000}.app .container .calendar-container .calendar-grid .month-container{padding-top:50px;margin-bottom:10px}.app .container .calendar-container .calendar-grid .month-container .month-title{display:flex;justify-content:center;font-family:trebuchet ms,sans serif;color:#fff}.app .container .calendar-container .calendar-grid .month-container .month-grid{display:grid;grid-template-columns:repeat(7,50px);justify-items:center;background-color:#fff;border-radius:5px}.app .container .calendar-container .calendar-grid .month-container .month-grid .month-day{height:50px;width:100%;justify-content:center;align-items:center;display:flex;font-family:trebuchet ms,sans serif;color:color-mix(in srgb,#363941 50%,transparent)}@media (min-width: 480px){.app .container .calendar-container .calendar-grid{grid-template-columns:repeat(3,auto)}.app .container .calendar-container .month-grid{grid-template-columns:repeat(7,60px)}.app .container .calendar-container .month-day{height:60px}}@media (min-width: 768px){.app .container .calendar-container .calendar-grid{grid-template-columns:repeat(4,auto)}.app .container .calendar-container .month-grid{grid-template-columns:repeat(7,70px)}.app .container .calendar-container .month-day{height:70px}}.app .container .kpi-container{position:absolute;top:10%;width:100%}.app .container .kpi-container .kpi{padding:30px;min-width:800px}.app .container .kpi-container .kpi-square{margin:30px;border-radius:5px;width:400px;height:200px;background-color:#fff;justify-items:center}.app .container .kpi-container .kpi-square .kpi-title{position:relative;top:5px;color:#363941;font-family:trebuchet ms,sans serif;font-size:25px;border-bottom:#363941 1px solid}.app .container .kpi-container .kpi-square .kpi-value{position:relative;top:15%;font-family:trebuchet ms,sans serif;font-weight:800;font-size:90px}.app .container .kpi-container .select{position:relative;top:10px;left:30px;width:250px;height:60px;background-color:#363941;cursor:default;color:#fff;border-radius:5px;border:none;outline:none;box-shadow:0 15px 20px -10px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center}.app .container .kpi-container .select label{margin-top:5px;font-family:trebuchet ms,sans serif;color:#fff}.app .container .kpi-container .select option{font-family:trebuchet ms,sans serif;color:#363941}.app .container .kpi-container .select select{cursor:pointer;width:80%;margin:10px}.app .container .background{position:fixed;background-image:url(/assets/background-b923e705.jpg);background-repeat:no-repeat;background-size:cover;min-width:-webkit-fill-available;min-height:-webkit-fill-available;top:-5px;left:-5px;-ms-overflow-style:none;scrollbar-width:none}.app .container .background .backdrop{position:absolute;background-color:#000;opacity:.4;min-width:-webkit-fill-available;min-height:-webkit-fill-available;top:-5px;left:-5px}.app .container .home-container{position:absolute;z-index:10;background-color:#fff;opacity:.99;width:45%;height:100%;min-width:350px;right:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.app .container .home-container .home-logo{width:100%;border-radius:5px;max-width:400px}.app .container .home-container .auth{display:flex;flex-direction:column;align-items:center;justify-content:center}.app .container .home-container .auth form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;height:400px;width:250px;gap:20px}.app .container .home-container .auth form img{border-radius:10px;margin-bottom:40px;border:none;outline:none;box-shadow:0 15px 20px -10px #0000004d}.app .container .home-container .auth form input{padding:10px;border:none;border-bottom:1px solid gray}.app .container .home-container .auth form button{padding:10px;background-color:#363941;cursor:pointer;color:#fff;border-radius:5px;border:none;outline:none;box-shadow:0 15px 20px -10px #0000004d}.app .container .home-container .auth form p{font-size:12px;color:red;text-align:center}.app .container .home-container .auth form span{font-size:12px;text-align:center}.app .container .home-container h1{font-size:35px;font-family:trebuchet ms,sans serif;color:#363941}.app .container .home-container .menu{margin:10px;width:70%;height:100px;background-color:#363941;text-decoration:none;display:flex;align-items:center;justify-content:center;border-radius:5px}.app .container .home-container .menu .label{font-size:100%;font-family:trebuchet ms,sans serif;color:#fff;cursor:pointer}.app .container .navbar-container{position:absolute;right:10px;top:10px;z-index:15}.app .container .navbar-container .navbar{display:flex;justify-content:center;align-items:center}.app .container .navbar-container .navbar-username{font-weight:300;font-family:trebuchet ms,sans serif;color:#363941;font-size:15px;margin-right:10px}.app .container .navbar-container .link{background-color:#363941;width:80px;height:35px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:300;font-family:trebuchet ms,sans serif;border:1px solid white;color:#fff}.app .container .navbar-container .link:hover{color:#363941;background-color:#fff;border:1px solid #363941;cursor:pointer}.app .container .hooper::-webkit-scrollbar{display:none}.app .container .hooper{position:absolute;display:flex;align-items:center;justify-content:center;-ms-overflow-style:none;scrollbar-width:none;width:95%;top:60px}.app .container .hooper form{display:flex;flex-direction:column;align-items:center;background-color:#fff;height:100%;width:100%;max-width:800px;border-radius:5px}.app .container .hooper form h1{display:inline-block;text-align:center;margin-top:1.2em;padding:15px 100px;font-size:25px;font-family:trebuchet ms,sans serif;color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.15em;background:#363941;border:none;outline:none;border-radius:5px;box-shadow:0 15px 20px -10px #0000004d;cursor:default}.app .container .hooper form h2{font-family:trebuchet ms,sans serif;font-size:25px;color:#363941}.app .container .hooper form .input-container{width:90%;margin-bottom:20px;display:grid;justify-items:center}.app .container .hooper form .slider-container{width:100%;display:flex;align-items:center;justify-content:space-between}.app .container .hooper form .tooltip-label{font-family:trebuchet ms,sans serif;font-size:12px}.app .container .hooper form .slider{width:60%}.app .container .hooper form .button-container{display:inline-block;width:80%;margin-top:1.2em;padding:1em;max-width:220px;background:#363941;border:none;outline:none;border-radius:5em;box-shadow:0 15px 20px -10px #0000004d;transition:color .6s,box-shadow .3s,transform .3s;cursor:pointer;margin-bottom:10px;justify-items:center}.app .container .hooper form .button-label{font-size:.9em;font-family:trebuchet ms,sans serif;color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.15em}.app .container .hooper form button:hover{box-shadow:0 3px 5px -5px #0000004d;color:#6f6f6f}