:root{--background:#fff;--text-color:#616161;--header-background:#fff;--header-text-color:#616161;--card-background:#fff;--knob-text-color:#575757}*{box-sizing:border-box;color:#616161;color:var(--text-color);font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#fff;background:var(--background);height:100vh;width:100%}#confetti_canvas{display:none;height:100dvh;left:0;position:absolute;top:0;width:100%;z-index:9999999}.swal2-loader{border-color:#7adae3 #0000}.swal2-select option{color:#616161;color:var(--header-text-color)}#root{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.container{display:block;height:100%;max-height:1000px;max-width:500px;width:100%}.chart{padding:10px}.chart h3{font-weight:600;line-height:20px}.chart span{color:#8f8f8f;font-size:15px}.card,section{padding:10px}.card{background:#fff;background:var(--card-background);border-radius:8px;box-shadow:1px 1px 7px 1px #0000004a;margin-bottom:10px;width:100%}.knob-chart{align-items:center;display:flex;gap:50px;margin-bottom:20px;padding:10px}svg{border-radius:50%;box-shadow:2px 2px 8px 1px #00000059}input[type=radio]:after{background-color:#d1d3d1}input[type=radio]:after,input[type=radio]:checked:after{border:2px solid #fff;border-radius:15px;content:"";display:inline-block;height:15px;left:-1px;position:relative;top:-2px;visibility:visible;width:15px}input[type=radio]:checked:after{background-color:#7adae3}.knob-container{height:200px;position:relative;text-align:center;width:100%}.knob-input-range{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.knob-circle{transition:stroke-dashoffset .5s ease}.knob-value{color:var(--knob-text-color);font-size:24px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}header{margin-bottom:20px}.top-header{align-items:center;display:flex;gap:20px;padding:10px}.top-header button{background:none;border:none;display:flex;justify-content:center}.top-header button span{font-size:30px}.top-header h1{font-size:30px;font-weight:400}.menu{height:100%;max-width:500px;overflow:hidden;position:fixed;top:0;transition:all .3s ease;width:0;z-index:99999}.menu.active{width:100%}.block-touch{background:#000;height:100%;opacity:.3;position:fixed;top:0;width:100%}.menu-content{background:var(--header-background);box-shadow:2px 0 6px 0 #00000040;color:var(--header-text-color);height:100%;padding:20px 10px;position:absolute;top:0;width:80%;z-index:99999}.user-info{justify-content:space-between;width:100%}.user-details,.user-info{align-items:center;display:flex}.user-details{gap:15px}.user-cover{border-radius:50%;height:60px;max-width:60px;overflow:hidden;width:100%}.user-cover img{height:100%}.user-name{white-space:nowrap}.user-name h2{font-size:23px;font-weight:600;line-height:25px}.user-name span{color:#a5a5a5;font-size:15px}.back-button button{background:none;border:none}.back-button button span{font-size:30px}.menu-options{padding:20px 0}.menu-options ul{list-style:none}.menu-options button{align-items:center;background:none;border:none;display:flex;font-size:16px;font-weight:500;gap:15px;padding:15px 10px;white-space:nowrap;width:100%}.menu-logout{bottom:20px;position:absolute;white-space:nowrap;width:100%}.menu-logout button{align-items:center;background:none;border:none;display:flex;font-size:16px;font-weight:500;gap:15px;padding:15px 10px;white-space:nowrap;width:100%}.swal2-input{width:100%}#swal-select,.swal2-input{margin:0 0 10px}.swal2-select{border:1px solid #d9d9d9;border-radius:.1875em;height:53.16px;width:100%}.inline-cards{display:flex;gap:10px}.inline-cards .card{align-items:center;display:flex;flex-direction:column;width:33.33%}.goal-card-silver span:first-child{color:#afafaf;margin-bottom:5px}.goal-card-gold span:first-child{color:#ff9b00;margin-bottom:5px}.goal-card-diamond span:first-child{color:#7adae3;margin-bottom:5px}.goal-value{font-size:15px}.daily-value{color:#8f8f8f;font-size:13px}.knob-chart-buttons{display:flex;flex-direction:column;gap:10px}.knob-chart-buttons button{align-items:center;border:none;border-radius:50%;box-shadow:2px 2px 4px 1px #00000061;display:flex;height:50px;justify-content:center;width:50px}.knob-chart-buttons button.active{border:3px solid #fff}.knob-chart-buttons button span{color:#fff}.general-info{padding:0 5px}.general-info-item{display:flex;justify-content:space-between}.general-info-item span:nth-child(2){color:#8f8f8f}.loading{align-items:center;display:none;justify-content:center}.loading,.loading .loading-background{height:100vh;left:0;position:fixed;top:0;width:100%}.loading .loading-background{background:#292929;opacity:.5;z-index:99}.loading.show{display:flex}.spinner{animation:is-rotating 1s infinite;border:6px solid #7adae3;border-radius:50%;border-top-color:#0000;height:50px;width:50px;z-index:100}.login-container{align-items:center;background:#202d36;display:flex;height:100%;justify-content:center;max-height:1000px;max-width:500px;width:100%}.login-content{height:70%;position:relative;width:100%}.login-content .login-logo{display:flex;justify-content:center;width:100%}.login-content .login-logo-img{height:150px;width:150px}.login-content .login-logo-img img{height:100%}.login-logo-info{display:flex;justify-content:center;margin-bottom:10px;text-align:center}.login-logo-info h1{color:#fff;font-size:50px;font-weight:500;letter-spacing:1px;line-height:45px}.login-logo-info span{color:#fff;font-size:15px;letter-spacing:2px}.login-form{display:flex;flex-direction:column;padding:20px;width:100%}.login-form input{background:#374854;border:none;border-radius:8px;color:#fff;font-size:20px;height:55px;margin-top:15px;padding:15px}.login-form input::placeholder{color:#8caeb1}.login-form span{color:#fff;padding:5px 0}.login-form button{background:#7adae3;border:none;border-radius:8px;color:#202d36;font-size:20px;height:55px;max-width:460px;width:100%}.login-form .signin-redirector,.login-form .signin-redirector a{color:#fff}.preload-container{align-items:center;background:#202d36;display:flex;height:100%;justify-content:center;width:100%}.preload-content{width:100%}.preload-content .logo{display:flex;justify-content:center;width:100%}.preload-content .logo-img{height:150px;width:150px}.preload-content .logo-img img{height:100%}.logo-info{display:flex;justify-content:center;margin-bottom:30px;text-align:center}.logo-info h1{color:#fff;font-size:50px;font-weight:500;letter-spacing:1px;line-height:45px}.logo-info span{color:#fff;font-size:15px;letter-spacing:2px}.preload-loading{align-items:center;display:flex;justify-content:center;left:0;top:0}.preload-spinner{animation:is-rotating 1s infinite;border:6px solid #7adae3;border-radius:50%;border-top-color:#0000;height:50px;width:50px;z-index:100}@keyframes is-rotating{to{transform:rotate(1turn)}}.signin-container{align-items:center;background:#202d36;display:flex;height:100%;justify-content:center;max-height:1000px;max-width:500px;width:100%}.signin-content{height:70%;position:relative;width:100%}.signin-content .signin-logo{display:flex;justify-content:center;width:100%}.signin-content .signin-logo-img{height:100px;width:100px}.signin-content .signin-logo-img img{height:100%}.signin-logo-info{display:flex;justify-content:center;margin-bottom:10px;text-align:center}.signin-logo-info h1{color:#fff;font-size:40px;font-weight:500;letter-spacing:1px;line-height:45px}.signin-logo-info span{color:#fff;font-size:12px;letter-spacing:2px}.signin-form{display:flex;flex-direction:column;padding:20px;width:100%}.signin-form input{background:#374854;border:none;border-radius:8px;color:#fff;font-size:20px;height:55px;margin-top:15px;padding:15px}.signin-form input::placeholder{color:#8caeb1}.signin-form span{color:#fff;padding:5px 0}.signin-form button{background:#7adae3;border:none;border-radius:8px;color:#202d36;font-size:20px;height:55px;max-width:460px;width:100%}.signin-form .signin-redirector,.signin-form .signin-redirector a{color:#fff}.form-bottom{bottom:30px;display:flex;flex-direction:column;justify-content:center;max-width:460px;position:fixed;width:calc(100% - 40px)}.form-bottom,.form-bottom span{text-align:center}.form-bottom span a{color:#7adae3!important}.form-bottom button{margin-top:5px}
/*# sourceMappingURL=main.5e04bac9.css.map*/