*{padding:0;scroll-behavior:smooth}*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chart{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,52%,.47);color:gray;flex:4 1;padding:10px}.chart .title{font-size:16px;font-weight:500;margin-bottom:10px}.featured{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,52%,.47);flex:2 1;padding:10px}.featured .top{align-items:center;color:gray;display:flex;justify-content:space-between}.featured .top .title{font-size:16px;font-weight:500}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featured__chart{height:100px;width:100px}.featured .bottom .title{color:gray;font-weight:500}.featured .bottom .amount{font-size:30px}.featured .bottom .desc{color:gray;font-size:12px;font-weight:300;text-align:center}.featured .bottom .summary{align-items:center;display:flex;justify-content:space-between;width:100%}.featured .bottom .summary .item{text-align:center}.featured .bottom .summary .item .itemTitle{color:gray;font-size:14px}.featured .bottom .summary .item .itemResult{align-items:center;display:flex;font-size:14px;margin-top:10px}.featured .bottom .summary .item .itemResult.positive{color:green}.featured .bottom .summary .item .itemResult.negative{color:red}.navbar{align-items:center;border-bottom:.5px solid #d3d3d3;color:#555;display:flex;font-size:14px;height:50px}.navbar .navbar__wrapper{align-items:center;display:flex;justify-content:space-between;padding:0 10px;width:100%}.navbar .navbar__wrapper .navbar__search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px}.navbar .navbar__wrapper .navbar__search input{background-color:transparent;border:none;font-size:12px;outline-style:none}.navbar .navbar__wrapper .navbar__search input::-webkit-input-placeholder{font-size:12px}.navbar .navbar__wrapper .navbar__search input:-ms-input-placeholder{font-size:12px}.navbar .navbar__wrapper .navbar__search input::placeholder{font-size:12px}.navbar .navbar__wrapper .navbar__items{align-items:center;display:flex;flex-direction:row}.navbar .navbar__wrapper .navbar__items .navbar__item{align-self:center;display:flex;margin-right:20px;position:relative}.navbar .navbar__wrapper .navbar__items .navbar__item .navbar__icon{font-size:20px}.navbar .navbar__wrapper .navbar__items .navbar__item .navbar__avatar{border-radius:50%;height:30px;width:30px}.navbar .navbar__wrapper .navbar__items .navbar__item .notification__counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.sidebar{background-color:#fff;border-right:.5px solid #d3d3d3;flex:1 1;min-height:100vh}.sidebar a{color:#5f7161;text-decoration:none}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#5f7161;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #d3d3d3;height:0}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none}.sidebar .center .title{font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center li{align-items:center;cursor:pointer;display:flex;padding:5px}.sidebar .center li:hover{background-color:#efead8}.sidebar .center li .icon{color:#6d8b74;font-size:18px;padding-right:5px}.sidebar .center li span{color:#5f7161;font-size:13px;font-weight:600}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #5f7161;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#000}.table .cell__wrapper{align-items:center;display:flex}.table .cell__wrapper .image{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.table .status{border-radius:5px;padding:5px}.table .status.Approved{background-color:rgba(0,128,0,.151);color:green}.table .status.Pending{background-color:rgba(189,189,3,.103);color:#daa520}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,52%,.47);display:flex;flex:1 1;height:100px;justify-content:space-between;padding:10px}.widget .widget__left,.widget .widget__right{display:flex;flex-direction:column;justify-content:space-between}.widget .widget__left .title,.widget .widget__right .title{color:#a0a0a0;font-size:14px;font-weight:700}.widget .widget__left .counter,.widget .widget__right .counter{font-size:28px;font-weight:300}.widget .widget__left .link,.widget .widget__right .link{border-bottom:1px solid gray;font-size:12px;width:-webkit-max-content;width:max-content}.widget .widget__left .percentage,.widget .widget__right .percentage{align-items:center;display:flex;font-size:14px}.widget .widget__left .percentage.positive,.widget .widget__right .percentage.positive{color:green}.widget .widget__left .percentage.negative,.widget .widget__right .percentage.negative{color:red}.widget .widget__left .icon,.widget .widget__right .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.home{display:flex}.home .home__container{flex:6 1}.home .home__container .charts,.home .home__container .widgets{display:flex;gap:20px;padding:20px}.home .home__container .charts{padding:5px 20px}.home .home__container .list__container{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,52%,.47);margin:20px;padding:20px}.home .home__container .list__container .list__title{color:gray;font-size:15px;font-weight:500;margin-bottom:10px}.datatable{height:500px;padding:20px}.datatable .datatable__title{align-items:center;color:gray;display:flex;font-size:20px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatable__title .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:15px;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}.datatable .cellWithStatus{border-radius:5px;padding:5px}.datatable .cellWithStatus.active{background-color:rgba(0,128,0,.151);color:green}.datatable .cellWithStatus.passive{background-color:rgba(189,189,3,.103);color:#daa520}.datatable .cellWithStatus.pending{background-color:rgba(255,0,0,.2);color:red}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .viewButton{border:1px solid rgba(0,0,139,.372);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .deleteButton{border:1px solid rgba(139,0,0,.452);border-radius:5px;color:darkred;cursor:pointer;padding:2px 5px}.list{display:flex;width:100%}.list .list__container{flex:6 1}.single{display:flex;width:100%}.single .single__container{flex:6 1}.single .single__container .top{display:flex;gap:20px;padding:20px}.single .single__container .top .left{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,52%,.47);flex:1 1;padding:20px;position:relative}.single .single__container .top .left .editButton{background-color:rgba(117,81,248,.137);border-radius:0 10px;color:#7451f8;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.single .single__container .top .left .item{display:flex;gap:20px}.single .single__container .top .left .item .item__image{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .single__container .top .left .item .details .item__title{color:#555;font-size:20px;font-weight:600;margin-bottom:10px}.single .single__container .top .left .item .details .detail__item{display:flex;font-size:14px;margin-bottom:10px}.single .single__container .top .left .item .details .detail__item .item__key{color:gray;font-weight:400;margin-right:5px}.single .single__container .top .left .item .details .detail__item .item__value{font-weight:300}.single .single__container .top .right{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,52%,.47);flex:2 1}.single .single__container .bottom{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,52%,.47);margin:20px;padding:20px;position:relative}.single .title{color:#d3d3d3;font-size:16px;margin-bottom:20px}.new{display:flex;width:100%}.new .new__container{flex:6 1}.new .new__container .bottom,.new .new__container .top{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,52%,.47);display:flex;margin:20px;padding:10px}.new .new__container .bottom h1,.new .new__container .top h1{color:#d3d3d3;font-size:20px}.new .new__container .bottom .left,.new .new__container .top .left{align-items:center;display:flex;flex:1 1;justify-content:center;text-align:center}.new .new__container .bottom .left img,.new .new__container .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .new__container .bottom .right,.new .new__container .top .right{flex:2 1}.new .new__container .bottom .right form,.new .new__container .top .right form{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.new .new__container .bottom .right form .form__input,.new .new__container .top .right form .form__input{width:40%}.new .new__container .bottom .right form .form__input label,.new .new__container .top .right form .form__input label{align-items:center;display:flex;gap:10px}.new .new__container .bottom .right form .form__input label .icon,.new .new__container .top .right form .form__input label .icon{cursor:pointer}.new .new__container .bottom .right form .form__input input,.new .new__container .top .right form .form__input input{border:none;border-bottom:1px solid gray;height:20px;outline-style:none;padding:5px;width:100%}.new .new__container .bottom .right form button,.new .new__container .top .right form button{background:teal;border:none;color:#fff;cursor:pointer;font-weight:700;margin:10px 0;padding:10px;width:150px}.app.dark{background-color:#303030;color:hsla(0,0%,100%,.843)}.app.dark .table{background-color:#424242}.app.dark .table .table__cell{color:hsla(0,0%,100%,.843)}.app.dark .navbar,.app.dark .sidebar{border-color:#595959;color:hsla(0,0%,100%,.843)}.app.dark .sidebar{background-color:#303030}.app.dark .sidebar .center .icon,.app.dark .sidebar .center span,.app.dark .sidebar .top .logo{color:#b071fd}.app.dark .sidebar .center ul li:hover{background-color:rgba(176,113,253,.388)}.app.dark .sidebar hr{border-color:#595959}.app.dark .datatable .datagrid{border:none;color:hsla(0,0%,100%,.843)}.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark .chart{background-color:#3a3a3a;color:hsla(0,0%,100%,.843)}.app.dark input{background-color:transparent}.app.dark .new button{background-color:#b071fd}
/*# sourceMappingURL=main.9ed777a0.css.map*/