@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.highcharts-navigator{background-color:transparent!important}.highcharts-navigator .highcharts-series{stroke-width:1px!important}.highcharts-navigator-mask-inside{fill:rgba(var(--color-primary-rgb),.3)!important}.highcharts-scrollbar-thumb{fill:var(--color-primary)!important;stroke:var(--color-primary)!important}:root{--color-primary: #03dac6;--color-primary-rgb: 3, 218, 198;--color-primary-rgba: rgba(3, 218, 198, 1);--color-light: #f4f4f4;--color-light-rgb: 244, 244, 244;--color-light-rgba: rgba(244, 244, 244, 1);--color-medium: #999;--color-medium-rgb: 153, 153, 153;--color-medium-rgba: rgba(153, 153, 153, 1);--color-dark: #222121;--color-dark-rgb: 34, 33, 33;--color-dark-rgba: rgba(34, 33, 33, 1);--color-deepdark: #121212;--color-deepdark-rgb: 18, 18, 18;--color-deepdark-rgba: rgba(18, 18, 18, 1);--color-danger: #f44336;--color-danger-rgb: 244, 67, 54;--color-danger-rgba: rgba(244, 67, 54, 1);--color-warning: #ff9800;--color-warning-rgb: 255, 152, 0;--color-warning-rgba: rgba(255, 152, 0, 1);--color-info: #03dac6;--color-info-rgb: 3, 218, 198;--color-info-rgba: rgba(3, 218, 198, 1);--color-success: #39ff14;--color-success-rgb: 57, 255, 20;--color-success-rgba: rgba(57, 255, 20, 1);--color-error: #f44336;--color-error-rgb: 244, 67, 54;--color-error-rgba: rgba(244, 67, 54, 1);--card-bg: rgba(var(--color-dark-rgb), .5);--card-filter: blur(10px);--card-border: 1px solid rgba(var(--color-medium-rgb), .2);--card-shadow: rgba(0, 0, 0, .4) 0px 2px 4px, rgba(0, 0, 0, .3) 0px 7px 13px -3px, rgba(0, 0, 0, .2) 0px -3px 0px inset}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scrollRange{0%{transform:translate(-50%)}50%{transform:translate(50%)}to{transform:translate(-50%)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInDownHalf{0%{transform:translateY(-30%)}to{transform:translateY(30%)}}@keyframes slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes rotateIn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateOut{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}@keyframes rotateInDownRight{0%{transform:rotate(45deg)}to{transform:rotate(0)}}@keyframes rotateInUpLeft{0%{transform:rotate(45deg)}to{transform:rotate(0)}}@keyframes rotateInUpRight{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}@keyframes rotateOutDownLeft{0%{transform:rotate(0)}to{transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{transform:rotate(0)}to{transform:rotate(45deg)}}@keyframes rotateOutUpLeft{0%{transform:rotate(0)}to{transform:rotate(45deg)}}@keyframes rotateOutUpRight{0%{transform:rotate(0)}to{transform:rotate(-45deg)}}@keyframes bounceIn{0%{transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounceOut{0%{transform:scale(1)}50%{transform:scale(.9)}70%{transform:scale(1.05)}to{transform:scale(.3)}}@keyframes bounceInDown{0%{transform:translateY(-3000px)}60%{transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{transform:translateY(20px)}50%{transform:translateY(200px)}to{transform:translateY(3000px)}}@keyframes bounceInUp{0%{transform:translateY(3000px)}60%{transform:translateY(-25px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{transform:translateY(-20px)}50%{transform:translateY(-200px)}to{transform:translateY(-3000px)}}@keyframes bounceInLeft{0%{transform:translate(-3000px)}60%{transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:translate(0)}}@keyframes bounceOutLeft{0%{transform:translate(0)}20%{transform:translate(-20px)}50%{transform:translate(-200px)}to{transform:translate(-3000px)}}@keyframes bounceInRight{0%{transform:translate(3000px)}60%{transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes bounceOutRight{0%{transform:translate(0)}20%{transform:translate(20px)}50%{transform:translate(200px)}to{transform:translate(3000px)}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipInXHalf{0%{transform:perspective(400px) rotateX(90deg);opacity:0}to{transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0);opacity:1}50%{transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes lightSpeedIn{0%{transform:translate(100%) skew(-30deg);opacity:0}60%{transform:translate(-20%) skew(30deg);opacity:1}80%{transform:translate(0) skew(-15deg);opacity:1}to{transform:translate(0) skew(0);opacity:1}}@keyframes lightSpeedOut{0%{transform:translate(0) skew(0);opacity:1}to{transform:translate(100%) skew(30deg);opacity:0}}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:rotate(0);opacity:1}}@keyframes rotateOut{0%{transform-origin:center;transform:rotate(0);opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-2%,-2%)}40%{transform:translate(3%,3%)}50%{transform:translate(-3%,-3%)}60%{transform:translate(4%,4%)}70%{transform:translate(-4%,-4%)}80%{transform:translate(2%,2%)}90%{transform:translate(-3%,-3%)}}@keyframes film-scratch{0%,to{transform:translate(0);opacity:.5}10%{transform:translate(-1%)}20%{transform:translate(1%)}30%{transform:translate(-2%);opacity:.75}40%{transform:translate(3%)}50%{transform:translate(-3%);opacity:.5}60%{transform:translate(8%)}70%{transform:translate(-3%)}80%{transform:translate(10%);opacity:.25}90%{transform:translate(-2%)}}@keyframes effect-scratch{0%{transform:translate(0);opacity:.75}10%{transform:translate(-1%)}20%{transform:translate(1%)}30%{transform:translate(-2%)}40%{transform:translate(3%)}50%{transform:translate(-3%);opacity:.5}60%{transform:translate(8%)}70%{transform:translate(-3%)}80%{transform:translate(10%);opacity:.25}90%{transform:translate(20%)}to{transform:translate(30%)}}@keyframes name-of-animation{0%{opacity:0}20%{opacity:1}80%{opacity:0}to{opacity:1}}@keyframes fontbulger{0%,to{font-size:10px}50%{font-size:12px}}@keyframes infinite-spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move{0%{top:0;left:0}to{top:100px;left:100px}}@keyframes text-animation{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes drill{0%{transform:translateY(0)}10%{transform:translateY(5px)}20%{transform:translateY(0)}30%{transform:translateY(6px)}40%{transform:translateY(0)}50%{transform:translateY(7px)}60%{transform:translateY(0)}70%{transform:translateY(8px)}80%{transform:translateY(0)}90%{transform:translateY(9px)}to{transform:translateY(0)}}.MuiPaper-root{background:var(--color-dark)!important;color:var(--color-light)!important}.base-Popper-root .MuiSvgIcon-root{color:var(--color-light)}.base-Popper-root .MuiSvgIcon-root:hover{color:var(--color-primary)}.MuiDataGrid-panel .MuiButtonBase-root{color:var(--color-primary)!important}.MuiDataGrid-root{--DataGrid-rowBorderColor: none !important;--unstable_DataGrid-overlayBackground: transparent !important}.MuiDataGrid-root .MuiDataGrid-row.Mui-selected{border-radius:10px!important;margin:5px 0;transition:all .3s ease}.MuiDataGrid-root .MuiDataGrid-container--top [role=row]{background-color:transparent!important;background:rgba(var(--color-primary-rgb),.1)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px}.MuiDataGrid-root .MuiDataGrid-cell:hover{border-radius:10px}.MuiDataGrid-root .MuiDataGrid-cell:focus{outline:1px solid var(--color-primary)!important;border-radius:10px}.MuiDataGrid-root .MuiDataGrid-columnHeader:focus{outline:1px solid var(--color-primary)!important;border-radius:10px}.MuiDataGrid-root .MuiDataGrid-cell:focus-within{outline:1px solid var(--color-primary)!important;border-radius:10px}.MuiDataGrid-root .MuiDataGrid-columnsManagement .MuiSvgIcon-root,.MuiDataGrid-root .MuiDataGrid-columnsManagementFooter .MuiSvgIcon-root,.MuiDataGrid-root .MuiDataGrid-columnsManagement .MuiSvgIcon-root:hover,.MuiDataGrid-root .MuiDataGrid-columnsManagementFooter .MuiSvgIcon-root:hover{color:var(--color-primary)}.MuiDataGrid-root .MuiDataGrid-columnsManagement .MuiButton-root,.MuiDataGrid-root .MuiDataGrid-columnsManagementFooter .MuiButton-root{color:var(--color-light)}.MuiDataGrid-root .MuiDataGrid-columnsManagement .MuiButton-root:hover,.MuiDataGrid-root .MuiDataGrid-columnsManagementFooter .MuiButton-root:hover{color:var(--color-primary)}.MuiDataGrid-panelContent .MuiDataGrid-filterFormDeleteIcon .MuiButtonBase-root,.MuiDataGrid-menuList .MuiSvgIcon-root{color:var(--color-light)}.MuiDataGrid-menuList .MuiSvgIcon-root:hover{color:var(--color-primary)}.MuiInputBase-root{color:var(--color-light)!important}.MuiInputBase-root fieldset{border-color:var(--color-medium)!important}.MuiInputBase-root label{color:var(--color-light)!important}.MuiInputBase-root .MuiSvgIcon-root{color:var(--color-medium)!important}.MuiInputBase-root.Mui-focused fieldset{border-color:var(--color-primary)!important}.MuiInputBase-root.Mui-focused .MuiSvgIcon-root{color:var(--color-primary)!important}.MuiPopover-root .Mui-selected{color:var(--color-primary)!important;background:rgba(var(--color-primary-rgb),.1)!important}.MuiFormLabel-root{color:var(--color-light)!important}.MuiPickersPopper-root .MuiButtonBase-root{color:var(--color-light)!important;font-weight:600!important}.MuiPickersPopper-root .MuiPickersDay-root{background:rgba(var(--color-primary-rgb),.1)!important;color:var(--color-primary)!important}.MuiPickersPopper-root .Mui-disabled{color:var(--color-medium)!important;background:none!important;font-weight:400!important}.MuiPickersPopper-root .Mui-selected{background:var(--color-primary)!important;color:var(--color-light)!important}.MuiPickersPopper-root .MuiTypography-caption,.MuiPickersLayout-root .MuiTypography-root{color:var(--color-light)!important}.MuiPickersLayout-root .MuiButtonBase-root{color:var(--color-light)!important;font-weight:600!important}.MuiPickersLayout-root .MuiPickersDay-root{background:rgba(var(--color-primary-rgb),.1)!important;color:var(--color-primary)!important}.MuiPickersLayout-root .Mui-disabled{color:var(--color-medium)!important;background:none!important;font-weight:400!important}.MuiPickersLayout-root .Mui-selected{background:var(--color-primary)!important;color:var(--color-light)!important}.MuiPickersLayout-root .MuiTypography-caption{color:var(--color-light)!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:rgba(var(--color-dark-rgb),1);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.highcharts-selection-marker{fill:rgba(var(--color-primary-rgb),.3);stroke:var(--color-primary);stroke-width:1px;opacity:1}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--color-dark) inset!important;-webkit-text-fill-color:var(--color-light)!important}.errorComponent{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:2rem;padding-top:10%}.errorComponent .illustra svg{width:100%;height:auto;max-width:200px;animation:flipInX 1s}.errorComponent .illustra svg .changesSvgColor{fill:var(--color-primary)}.errorComponent .textContainer{max-width:350px}.errorComponent .textContainer h1{font-size:1.5rem;font-weight:500;color:var(--color-light);margin-bottom:20px}.errorComponent .textContainer p{font-size:.9rem;font-weight:600;color:var(--color-medium)}.sidebar{height:100vh!important;border:none!important;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;border-right:1px solid rgba(var(--color-medium-rgb),.2)!important}.sidebar .menu-toggle-item{margin:20px 0}.sidebar .menu-toggle-item a{background:transparent!important;color:var(--color-light);text-decoration:none;transition:background-color .3s}.sidebar .menu-toggle-item a .title{font-size:1.2rem;font-weight:600;color:var(--color-primary)}.sidebar .menu-toggle-item a .title p{font-size:.7rem;font-weight:400;color:var(--color-medium)}.sidebar .menu-toggle-item:hover a{color:var(--color-primary)!important}.menu-item a{color:var(--color-light);text-decoration:none;transition:background-color .3s}.menu-item a .title{font-size:.9rem;font-weight:500}.menu-item a:hover{color:var(--color-primary)!important}.section-title{padding:10px;color:var(--color-light);font-size:.7rem!important;background-color:var(--color-deepdark);text-align:center}.logoContainer{position:relative}.logoContainer .bg-svg{position:absolute;width:100%;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.logoContainer .bg-svg path{stroke:rgba(var(--color-primary-rgb),.5);stroke-width:5;animation:slideInLeft .5s forwards}.layout{display:flex;height:100vh;background:var(--color-deepdark);position:relative}.layout .main-content{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;overflow:hidden}.layout .main-content .content{flex:1;overflow-y:auto;padding:20px 30px 50px;background:var(--color-deepdark);position:relative;z-index:1;scroll-behavior:smooth}.layout .main-content .content:before,.layout .main-content .content:after{content:"";position:absolute;width:300px;height:300px;background:rgba(var(--color-primary-rgb),.2);border-radius:50%;filter:blur(150px) brightness(.7);z-index:-1}.layout .main-content .content:before{top:20%;left:30%}.layout .main-content .content:after{bottom:20%;right:30%}.login{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative}.login .line{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.login .line svg{width:100%;height:500px}.login .line svg path{fill:none;stroke:var(--color-primary);stroke-width:3}.login .wrapper{width:420px;background:transparent;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #0003;color:#fff;border-radius:10px;padding:30px 40px;animation:flipInY 1s}.login .wrapper h1{font-size:36px;text-align:center}.login .wrapper .input-box{position:relative;width:100%;height:50px;margin:40px 0}.login .wrapper .input-box input{width:100%;height:100%;background:transparent;outline:none;border:2px solid rgba(255,255,255,.2);border-radius:40px;padding:0 20px;font-size:16px;color:#fff;padding-left:40px!important}.login .wrapper .input-box input::placeholder{color:#fff!important}.login .wrapper .input-box .icon{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;color:var(--color-primary);cursor:pointer}.login .wrapper .input-box .left-icon{left:15px}.login .wrapper .input-box .right-icon{right:15px!important;display:flex;align-items:center;justify-content:center}.login .wrapper .input-box .error{position:absolute;bottom:-15px;left:15px;color:#fff;font-size:10px}.login .wrapper .remember-forgot{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;padding:0 5px}.login .wrapper .remember-forgot label{display:flex;align-items:center;cursor:pointer}.login .wrapper .remember-forgot label input{accent-color:#fff;margin-right:4px}.login .wrapper .remember-forgot a{color:#fff;text-decoration:none}.login .wrapper .remember-forgot a:hover{text-decoration:underline}.login .wrapper button{width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px #000;cursor:pointer;font-size:16px;color:#333;font-weight:700}.login .wrapper .register-link{font-size:14.5px;text-align:center;margin:20px 0 15px}.login .wrapper .register-link p a{color:#fff;text-decoration:none;font-weight:600;cursor:pointer!important}.login .wrapper .register-link p a:hover{text-decoration:underline}@media (max-width: 768px){.login .wrapper{width:100%;padding:30px 20px;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:fadeIn 1s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login .wrapper .input-box{margin:20px 0}}.verifyEmail{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative}.verifyEmail .line{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.verifyEmail .line svg{width:100%;height:500px}.verifyEmail .line svg path{fill:none;stroke:var(--color-primary);stroke-width:3}.emailVerifyContainer{background:transparent;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #0003;color:#fff;border-radius:10px;padding:30px 40px;animation:flipInY 1s;max-width:350px}.emailVerifySuccess{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.emailVerifySuccess svg{width:100%;height:auto;max-width:200px;animation:flipInX 1s;margin-bottom:20px;overflow:hidden}.emailVerifySuccess svg .changesSvgColor{fill:var(--color-primary)}.emailVerifySuccess h1{font-size:26px;text-align:center;color:var(--color-primary)}.emailVerifySuccess p{font-size:16px;text-align:center;color:var(--color-medium)}.emailVerifySuccess button{width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px #000;cursor:pointer;font-size:16px;color:#333;font-weight:700}.emailVerifySuccess button:hover{background:var(--color-primary-rgba)}.emailVerifyError{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.emailVerifyError button{width:100%;padding:10px 20px;border-radius:40px;background:var(--color-primary);color:#fff;font-size:16px;cursor:pointer;transition:background .3s}.emailVerifyError button:hover{background:var(--color-primary-rgba)}.noResultComponent{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:2rem;padding-top:10%}.noResultComponent .illustra svg{width:100%;height:auto;max-width:200px;animation:flipInX 1s}.noResultComponent .illustra svg .changesSvgColor{fill:var(--color-primary)}.noResultComponent .textContainer{max-width:350px}.noResultComponent .textContainer h1{font-size:1.5rem;font-weight:500;color:var(--color-light);margin-bottom:20px}.noResultComponent .textContainer p{font-size:.9rem;font-weight:600;color:var(--color-medium)}.home .deviceHeader{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;padding:5px 10px}.home .deviceHeader .chartsHeader{overflow:hidden;position:relative;display:flex;justify-content:flex-end;align-items:flex-end;gap:5px;padding:0 5px}.home .deviceHeader .chartsHeader:before{content:"";display:block;width:100%;height:1px;background-color:var(--color-medium);position:absolute;top:50%;z-index:-1;animation:slideInLeft 1.5s forwards}@media (max-width: 768px){.home .deviceHeader{flex-direction:column;justify-content:flex-start!important;align-items:flex-start!important;gap:10px}}@media (max-width: 1000px){.home .tabs{right:50%;transform:translate(50%)}}.text span{font-weight:700;text-transform:uppercase;font-size:1rem}.text p{margin:0;color:var(--color-medium)}.device .deviceHeader{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;padding:5px 10px}.device .deviceHeader .chartsHeader{overflow:hidden;position:relative;display:flex;justify-content:flex-end;align-items:flex-end;gap:5px;padding:0 5px}.device .deviceHeader .chartsHeader:before{content:"";display:block;width:100%;height:1px;background-color:var(--color-medium);position:absolute;top:50%;z-index:-1;animation:slideInLeft 1.5s forwards}.device .deviceHeader .realTimeLabel{display:flex;align-items:center;gap:10px}@media (max-width: 768px){.device .deviceHeader{flex-direction:column;justify-content:flex-start!important;align-items:flex-start!important;gap:10px}}.containerError{font-family:Source Sans Pro,sans-serif;font-weight:600;color:#343434}.error_section{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;background-image:linear-gradient(-225deg,#1a1a1a,#343434)}.error_section_subtitle{color:var(--color-primary);text-transform:uppercase;letter-spacing:5pt;font-weight:500;font-size:.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 30px}.error_section_subtitle span{font-weight:700;font-size:2rem}.error_section .error_title{--x-shadow: 0;--y-shadow: 0;--x: 50%;--y: 50%;font-size:15rem;transition:all .2s ease;position:relative;padding:2rem}.error_section .error_title:hover{transition:all .2s ease;text-shadow:var(--x-shadow) var(--y-shadow) 10px #1a1a1a}.error_section .error_title p{position:absolute;top:2rem;left:2rem;background-image:radial-gradient(circle closest-side,rgba(255,255,255,.05),transparent);background-position:var(--x) var(--y);background-repeat:no-repeat;text-shadow:none;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .1s ease}.btn{padding:.8em 1.5em;border-radius:99999px;background:rgba(var(--color-primary-rgb),.8)!important}@media (max-width: 768px){.error_section_subtitle{font-size:.5rem;margin-bottom:-3em}.error_section_subtitle span{font-size:1.5rem}.error_section .error_title{font-size:8rem}}.roleCode{position:absolute;top:5px;left:5px}.roleCard{background:var(--color-dark)!important}.register{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative}.register .line{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.register .line svg{width:100%;height:500px}.register .line svg path{fill:none;stroke:var(--color-primary);stroke-width:3}.register .wrapper{width:420px;background:transparent;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #0003;color:#fff;border-radius:10px;padding:30px 40px;animation:flipInY 1s}.register .wrapper h1{font-size:36px;text-align:center}.register .wrapper .input-box{position:relative;width:100%;height:50px;margin:40px 0}.register .wrapper .input-box input{width:100%;height:100%;background:transparent;outline:none;border:2px solid rgba(255,255,255,.2);border-radius:40px;padding:0 50px 0 40px;font-size:16px;color:#fff}.register .wrapper .input-box input::placeholder{color:#fff!important}.register .wrapper .input-box .icon-left{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--color-primary)}.register .wrapper .input-box .icon-right{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--color-primary);cursor:pointer}.register .wrapper .input-box .error{position:absolute;bottom:-15px;left:15px;color:#fff;font-size:10px}.register .wrapper button{width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px #000;cursor:pointer;font-size:16px;color:#333;font-weight:700}.register .wrapper .login-link{font-size:14.5px;text-align:center;margin:20px 0 15px}.register .wrapper .login-link p a{color:#fff;text-decoration:none;font-weight:600;cursor:pointer!important}.register .wrapper .login-link p a:hover{text-decoration:underline}@media (max-width: 768px){.register .wrapper{width:100%;padding:30px 20px;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:fadeIn 1s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.register .wrapper .input-box{margin:20px 0}}.forgot-password{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative}.forgot-password .line{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.forgot-password .line svg{width:100%;height:500px}.forgot-password .line svg path{fill:none;stroke:var(--color-primary);stroke-width:3}.forgot-password .wrapper{width:100%;max-width:500px;background:transparent;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #0003;color:#fff;border-radius:10px;padding:30px 40px;animation:flipInY 1s;overflow:hidden}.forgot-password .wrapper .resetHeader{display:flex;flex-direction:column;justify-content:center;align-items:center}.forgot-password .wrapper .resetHeader .MuiSvgIcon-root{font-size:50px;color:var(--color-primary);background:red;border-radius:10px;padding:10px;background:rgba(var(--color-primary-rgb),.1);margin-bottom:20px}.forgot-password .wrapper .resetHeader h1{font-size:36px;text-align:center}.forgot-password .wrapper .resetHeader p{font-size:16px;text-align:center;margin:10px 0;color:var(--color-medium)}.forgot-password .wrapper .step{animation:fadeIn 1s}.forgot-password .wrapper .input-box{position:relative;width:100%;height:50px;margin:40px 0}.forgot-password .wrapper .input-box .fp-input{width:100%;height:100%;background:transparent;outline:none;border:2px solid rgba(255,255,255,.2);border-radius:40px;padding:0 20px;font-size:16px;color:#fff;padding-left:40px!important}.forgot-password .wrapper .input-box .fp-input::placeholder{color:#fff!important}.forgot-password .wrapper .input-box .digit-container{display:flex;justify-content:center;align-items:center;margin:5px}.forgot-password .wrapper .input-box .digit-container .digit-input{width:100%;height:100%;min-height:50px;background:transparent;outline:none;border:2px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;text-align:center;font-size:26px}.forgot-password .wrapper .input-box .digit-container .digit-input:focus{border:2px solid var(--color-primary)}.forgot-password .wrapper .input-box .icon{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;color:var(--color-primary);cursor:pointer}.forgot-password .wrapper .input-box .left-icon{left:15px}.forgot-password .wrapper .input-box .right-icon{right:15px!important;display:flex;align-items:center;justify-content:center}.forgot-password .wrapper .input-box .error{position:absolute;bottom:-15px;left:15px;color:#fff;font-size:10px}.forgot-password .wrapper .backLogin{display:flex;justify-content:center;align-items:center;margin:20px 0;gap:10px}.forgot-password .wrapper .backLogin a{color:var(--color-medium);font-size:16px;text-decoration:none;font-weight:500;transition:.3s;cursor:pointer}.forgot-password .wrapper button{width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px #000;cursor:pointer;font-size:16px;color:#333;font-weight:700;text-transform:capitalize}@media (max-width: 768px){.forgot-password .wrapper{width:100%;padding:30px 20px;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:fadeIn 1s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.forgot-password .wrapper .input-box{margin:20px 0}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif!important}body{background-color:var(--color-deepdark)}