body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home{display:flex}.home .homeContainer{flex:6 1}.home .homeContainer .group_title{padding-left:20px}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.home .homeContainer .chart-title{color:gray;font-weight:500;margin-bottom:15px;text-align:center}.home .homeContainer .chartsContainer{border-radius:20px;box-shadow:2px 4px 10px 1px #c9c9c978;margin:20px;padding:20px}.home .homeContainer .chartsContainer tspan{fill:gray;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500}.home .homeContainer .listContainer{box-shadow:2px 4px 10px 1px #c9c9c978;margin:20px;padding:20px}.home .homeContainer .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:15px}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;height:125px;max-width:200px;padding:10px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .left .title,.widget .right .title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#aa3c92,#1b4dff);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700;min-width:120px}.widget .left .counter,.widget .right .counter{color:#a0a0a0;font-size:28px;font-weight:700}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:12px;width:-webkit-max-content;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.colors-green{background-color:#9dff767d}.colors-yellow{background-color:#f3ea29a6}.colors-red{background-color:#f329296b}.colors-orange{background-color:#f35f296b}.datatable{height:750px;padding:15px;width:100%}.datatable .datatable-text{color:gray;font-size:24px;font-weight:500;margin-bottom:15px;text-align:center}.datatable .datatable-toolbar{display:flex;justify-content:end;margin-bottom:5px}.datatable .datatable-toolbar button{background-color:#0000;background-image:linear-gradient(90deg,#3cc6cad9,#30dd8a,#1c4aece3);margin-right:5px;width:100px}.datatable .datatable-toolbar .btn-hover,.datatable .datatable-toolbar button{border:1px solid #1976d2;border-radius:10px;cursor:pointer;font-size:14px;padding:5px;transition:all .4s ease-in-out}.datatable .datatable-toolbar .btn-hover{background-size:300% 100%;font-weight:600;text-align:center}.datatable .datatable-toolbar .btn-hover:hover{background-position:100% 0;transition:all .4s ease-in-out}.datatable .datatable-toolbar .btn-hover:focus{outline:none}.datatable .datatable-toolbar select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(90deg,#3cc6cad9,#30dd8a,#1c4aece3);background-size:300% 100%;border:1px solid #1976d2;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:5px;text-align:center;transition:all .4s ease-in-out;width:100px}.datatable .datatable-toolbar select:hover{background-position:100% 0;transition:all .4s ease-in-out}.datatable .datatable-toolbar select:focus{outline:none}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.cellAction{align-items:center;display:flex;gap:15px}.cellAction .viewButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.cellAction .adminViewButton{border:1px dotted #dc143c99;border-radius:15px;color:crimson;cursor:pointer;padding:2px 25px}.sidebar{background-color:#fff;border-radius:1px;border-right:.5px solid #e7e4e4;box-shadow:6px 20px 10px 1px #c9c9c978;height:100vh;left:0;position:fixed;width:75px}.sidebar i{text-decoration:none}.sidebar__menu{position:relative}.sidebar__menu__item{align-items:center;color:#555;display:flex;font-size:1.25rem;font-weight:500;justify-content:center;padding:1rem;transition:color .3s ease-in-out}.sidebar__menu__item.active{color:#00008b}.sidebar__menu__item__icon i{font-size:1.75rem}.sidebar__menu__indicator{background-color:#308efe;border-radius:10px;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:.3s ease-in-out;width:calc(100% - 10px);z-index:-1}.navbar{background-color:#fff;border-bottom:.5px solid #e7e4e4;color:#555;font-size:14px;height:75px;position:fixed;top:0;z-index:1}.navbar,.navbar .wrapper{align-items:center;display:flex;width:100%}.navbar .wrapper{justify-content:space-between;padding:20px}.navbar .wrapper__logo{display:flex;height:75px;justify-content:center;left:0;place-items:center}.navbar .wrapper__logo img{height:100%}.navbar .wrapper .items{font-feature-settings:"pcap","c2pc";align-items:center;display:flex;font-size:28px;font-variant:all-petite-caps;font-weight:500}.navbar .wrapper .items a{color:#555;text-decoration:none}.navbar .wrapper .items a:hover{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#aa3c92,#1b4dff);-webkit-background-clip:text;background-clip:text}.navbar .wrapper .items .item{align-items:center;display:flex;margin-right:20px;position:relative}.navbar .wrapper .items .item .icon{font-size:20px}.navbar .wrapper .items .item .avatar{border-radius:50%;height:30px;width:30px}.navbar .wrapper .items .item .counter{background-color:red;border-radius:50%;color:#fff;font-size:10px;height:15px;position:absolute;right:-5px;top:-5px;width:15px}.navbar .wrapper .items .item .counter,.warning-not-login{align-items:center;display:flex;font-weight:700;justify-content:center}.warning-not-login{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#aa3c92,#1b4dff);-webkit-background-clip:text;background-clip:text;font-size:10vh;height:80vh;text-align:center}.chartsContainer{display:flex;flex-wrap:wrap;justify-content:center}.group{border-radius:20px;box-shadow:7px 9px 16px 5px #c9c9c978;margin:20px;padding:20px}.group .charts,.group .widgets{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.group .group-header .group-title,.group .group-header .show-group{color:gray;font-size:20px;font-weight:500}.group .group-header .show-group:hover{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#aa3c92,#1b4dff);-webkit-background-clip:text;background-clip:text}.groups{padding:20px}.groups .group{border-radius:20px;box-shadow:7px 9px 16px 5px #c9c9c978;margin-bottom:20px;padding:20px}.groups .group .group-header{display:flex;justify-content:space-between}.groups .group .group-header .group-title,.groups .group .group-header .show-group{color:gray;font-size:20px;font-weight:500}.groups .group .group-header .show-group:hover{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#aa3c92,#1b4dff);-webkit-background-clip:text;background-clip:text}.tables{display:flex}.tables .table{padding-right:20px;width:100%}.tables .table .table-header{padding:20px}
/*# sourceMappingURL=main.c72fa574.css.map*/