.home{display:flex;min-height:100vh;width:100%}.home .homeContainer{background-color:var(--bg-color);display:flex;flex:1 1;flex-direction:column}.home .homeContainer .widgets{display:flex;gap:20px;padding:20px}.home .homeContainer .charts{display:flex;gap:20px;padding:5px 20px}.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}@media screen and (max-width:768px){.home .homeContainer .charts,.home .homeContainer .widgets{flex-direction:column}}@media screen and (max-width:480px){.home .homeContainer .listContainer{margin:10px;padding:10px}}.sidebar{background-color:var(--bg-color);border-right:.5px solid var(--border-color);min-height:100vh;min-width:200px;position:-webkit-sticky;position:sticky;top:0;width:200px}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#6439ff;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid var(--border-color);height:0}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#666;font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{cursor:pointer;display:block;padding:5px}.sidebar .center ul li.active,.sidebar .center ul li:hover{background-color:#ece8ff}.sidebar .center ul li a{align-items:center;display:flex;text-decoration:none;width:100%}.sidebar .center ul li .icon{color:#7451f8;font-size:18px}.sidebar .center ul li span{color:#555;font-size:13px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #7451f8;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:#333}@media screen and (max-width:480px){.sidebar{left:-200px;position:fixed;transition:.3s ease;z-index:999}.sidebar.active{box-shadow:2px 0 10px #0000004d;left:0}}.navbar{background-color:var(--bg-color);border-bottom:.5px solid var(--border-color);color:var(--text-color);font-size:14px;height:50px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:20px;width:100%}.navbar .wrapper .logo{color:#6439ff;font-size:20px;font-weight:700}.navbar .wrapper .hamburger{cursor:pointer;display:none;margin-right:10px}@media screen and (max-width:480px){.navbar .wrapper .hamburger{align-items:center;display:flex}}.navbar .wrapper .hamburger .icon{color:#555;font-size:24px}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;border-radius:5px;display:flex;padding:3px;position:relative}.navbar .wrapper .search input{background-color:#0000;border:none;outline:none}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .search .searchResults{background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;box-shadow:2px 2px 10px #0000001a;left:0;max-height:300px;min-width:300px;overflow-y:auto;position:absolute;top:40px;width:100%;z-index:999}.navbar .wrapper .search .searchResults .searchItem{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;flex-direction:column;padding:10px}.navbar .wrapper .search .searchResults .searchItem:hover{background-color:#f8f8f8}.navbar .wrapper .search .searchResults .searchItem:last-child{border-bottom:none}.navbar .wrapper .search .searchResults .searchItem .searchType{color:#555;font-size:10px;font-weight:700}.navbar .wrapper .search .searchResults .searchItem .searchLabel{color:#333;font-size:14px}.navbar .wrapper .items,.navbar .wrapper .items .item{align-items:center;display:flex}.navbar .wrapper .items .item{cursor:pointer;margin-right:20px;position:relative}@media screen and (max-width:480px){.navbar .wrapper .items .item{display:none}.navbar .wrapper .items .item:last-child,.navbar .wrapper .items .item:nth-last-child(2){display:flex}}.navbar .wrapper .items .icon{font-size:20px}.navbar .wrapper .items .avatar{border-radius:50%;height:30px;object-fit:cover;width:30px}.navbar .wrapper .items .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}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;height:100px;padding:10px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .title{color:#646464;font-size:14px;font-weight:700}.widget .counter{font-size:28px;font-weight:500}.widget .link{border-bottom:1px solid gray;color:#555;font-size:12px;width:-webkit-max-content;width:max-content}@media screen and (max-width:480px){.widget{width:100%}}.widget .percentage{align-items:center;display:flex;font-size:14px}.widget .percentage.positive{color:green}.widget .percentage.negative{color:red}.widget .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.featured{box-shadow:2px 4px 10px 1px #c9c9c978;flex:2 1;padding:10px}@media screen and (max-width:480px){.featured{width:100%}}.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 .featuredChart{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 .itemTitle{color:gray;font-size:14px}.featured .bottom .summary .itemResult{align-items:center;display:flex;font-size:14px;margin-top:10px}.featured .bottom .summary .itemResult.positive{color:green}.featured .bottom .summary .itemResult.negative{color:red}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.chart{box-shadow:2px 4px 10px 1px #c9c9c978;color:#555;flex:4 1;padding:10px}@media screen and (max-width:480px){.chart{width:100%}}.chart .title{margin-bottom:5px}.chart .chartGrid{stroke:#e4e1e1}.table .cellWrapper{align-items:center;display:flex}.table .cellWrapper .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:#b8860b}.login{align-items:center;background-color:#2e2e2e;display:flex;height:100vh;justify-content:center}.login form{background-color:#fff;border-radius:10px;box-shadow:0 0 10px -2px #00000040;display:flex;flex-direction:column;gap:20px;padding:40px;width:300px}.login form h2{color:#555;margin-bottom:10px;text-align:center}.login form input{border:1px solid gray;border-radius:5px;height:40px;padding-left:10px}.login form input:focus{border-bottom:2px solid teal;outline:none}.login form button{background-color:#639;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:40px;transition:all .3s ease}.login form button:hover{background-color:#5a2a8b}.login form span{color:red;font-size:12px;text-align:center}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.datatable{min-height:600px;padding:20px}@media screen and (max-width:768px){.datatable{overflow-x:scroll}.datatable .datagrid{min-width:600px}}.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}.datatable .cellWithStatus{align-items:center;border-radius:5px;display:flex;justify-content:center;margin-bottom:10px;margin-top:5px;padding:5px;text-align:center;width:80px}.datatable .cellWithStatus.active{background-color:#0080000d;color:green}.datatable .cellWithStatus.pending{background-color:#ffd9000d;color:#daa520}.datatable .cellWithStatus.passive{background-color:#ff00000d;color:crimson}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .viewButton{border:1px solid #7451f8;border-radius:5px;color:#7451f8;cursor:pointer;margin-top:5px;padding:2px 10px;transition:all .3s ease}.datatable .cellAction .viewButton:hover{background-color:#7451f8;color:#fff}.datatable .cellAction .deleteButton{border:1px solid crimson;border-radius:5px;color:crimson;cursor:pointer;margin-top:5px;padding:2px 10px;transition:all .3s ease}.datatable .cellAction .deleteButton:hover{background-color:crimson;color:#fff}.single{display:flex;width:100%}.single .singleContainer{flex:6 1}.single .singleContainer .top{display:flex;gap:20px;padding:20px}@media screen and (max-width:768px){.single .singleContainer .top{flex-direction:column}}.single .singleContainer .top .left{box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;padding:20px;position:relative}.single .singleContainer .top .left .editButton{background-color:rgba(117,81,248,.094);border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.single .singleContainer .top .left .item{display:flex;gap:20px}.single .singleContainer .top .left .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .singleContainer .top .left .item .details .itemTitle{color:#555;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-weight:300}.single .singleContainer .top .right{flex:2 1}.single .singleContainer .bottom{box-shadow:2px 4px 10px 1px #c9c9c978;margin:10px 20px;padding:20px}.single .singleContainer .title{color:#d3d3d3;font-size:16px;margin-bottom:20px}.new{display:flex;width:100%}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;margin:20px;padding:10px}@media screen and (max-width:768px){.new .newContainer .bottom,.new .newContainer .top{flex-direction:column}}.new .newContainer .bottom h1,.new .newContainer .top h1{color:#d3d3d3;font-size:20px}.new .newContainer .bottom .left,.new .newContainer .top .left{flex:1 1;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:center;display:flex;gap:10px}.new .newContainer .bottom .right form .formInput .icon,.new .newContainer .top .right form .formInput .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{background-color:teal;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}.userHome .homeContainer{display:flex;flex-direction:column}.userHome .homeContainer .hero{background-color:#f5f5f5;padding:30px}.userHome .homeContainer .hero.dark{background-color:#111}.userHome .homeContainer .hero .hero-content{margin:0 auto;max-width:1200px}.userHome .homeContainer .hero .hero-content h1{color:#555;font-size:32px;margin-bottom:10px}.userHome .homeContainer .hero .hero-content p{color:gray;font-size:16px;margin-bottom:30px}.userHome .homeContainer .hero .hero-content .summaryCards{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.userHome .homeContainer .hero .hero-content .summaryCards .summaryCard{background-color:#fff;border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;min-width:200px;padding:20px}.userHome .homeContainer .hero .hero-content .summaryCards .summaryCard h3{color:gray;font-size:14px;margin-bottom:10px;text-transform:uppercase}.userHome .homeContainer .hero .hero-content .summaryCards .summaryCard .value{color:#333;font-size:24px;font-weight:700}.userHome .homeContainer .hero .hero-content .sectionTitle{color:gray;font-size:20px;margin-bottom:20px;margin-top:30px}.userHome .homeContainer .hero .hero-content .quickActions{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.userHome .homeContainer .hero .hero-content .quickActions .actionCard{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:2px 2px 5px #0000000d;color:#555;font-weight:500;padding:15px 25px;text-decoration:none;transition:all .2s}.userHome .homeContainer .hero .hero-content .quickActions .actionCard:hover{background-color:#f0f0f0;transform:translateY(-2px)}.app.dark .userHome .hero{background-color:#111}.app.dark .userHome .hero h1{color:#ccc}.app.dark .userHome .hero .summaryCards .summaryCard{background-color:#181818;border:1px solid #333;box-shadow:none}.app.dark .userHome .hero .summaryCards .summaryCard h3{color:#888}.app.dark .userHome .hero .summaryCards .summaryCard .value{color:#fff}.app.dark .userHome .hero .sectionTitle{color:#ccc}.app.dark .userHome .hero .quickActions .actionCard{background-color:#181818;border-color:#333;color:#ccc}.app.dark .userHome .hero .quickActions .actionCard:hover{background-color:#252525}.stats{display:flex;min-height:100vh;width:100%}.stats .statsContainer{background-color:var(--bg-color);display:flex;flex:1 1;flex-direction:column}.stats .statsContainer .charts,.stats .statsContainer .widgets{display:flex;gap:20px;padding:20px}.app.dark .stats .statsContainer{background-color:#111}.settings{display:flex;width:100%}.settings .settingsContainer{flex:6 1}.settings .settingsContainer .content{padding:20px}.settings .settingsContainer .content .title{color:gray;font-size:24px;margin-bottom:20px}.settings .settingsContainer .content .section{background-color:#fff;border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;margin-bottom:30px;padding:20px}.settings .settingsContainer .content .section h2{color:gray;font-size:18px;margin-bottom:20px}.settings .settingsContainer .content .section .profileHeader{align-items:center;display:flex;gap:20px;margin-bottom:20px}.settings .settingsContainer .content .section .profileHeader img{border-radius:50%;height:100px;object-fit:cover;width:100px}.settings .settingsContainer .content .section .profileHeader .uploadButton{border:1px solid #7451f8;border-radius:5px;color:#7451f8;cursor:pointer;font-weight:600;padding:5px 10px}.settings .settingsContainer .content .section .formGroup{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.settings .settingsContainer .content .section .formGroup label{color:gray;font-size:14px}.settings .settingsContainer .content .section .formGroup input{border:1px solid #d3d3d3;border-radius:5px;padding:10px}.settings .settingsContainer .content .section .toggleOption{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 0}.settings .settingsContainer .content .section .toggleOption span{color:#555;font-size:15px}.settings .settingsContainer .content .section .toggleOption .switch{display:inline-block;height:24px;position:relative;width:50px}.settings .settingsContainer .content .section .toggleOption .switch input{height:0;opacity:0;width:0}.settings .settingsContainer .content .section .toggleOption .switch .slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.settings .settingsContainer .content .section .toggleOption .switch .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.settings .settingsContainer .content .section .toggleOption .switch input:checked+.slider{background-color:#7451f8}.settings .settingsContainer .content .section .toggleOption .switch input:checked+.slider:before{transform:translateX(26px)}.settings .settingsContainer .content .saveButton{background-color:#7451f8;border:none;border-radius:5px;color:#fff;cursor:pointer;float:right;font-weight:700;padding:10px 20px}.settings .settingsContainer .content .saveButton:hover{background-color:#6439ff}.app.dark .settings .settingsContainer{background-color:#111}.app.dark .settings .settingsContainer .content .title{color:#999}.app.dark .settings .settingsContainer .content .section{background-color:#111;border:1px solid #333;box-shadow:none}.app.dark .settings .settingsContainer .content .section h2{color:#999}.app.dark .settings .settingsContainer .content .section .profileHeader .uploadButton{background-color:#0000;border-color:#7451f8}.app.dark .settings .settingsContainer .content .section .formGroup label{color:#ccc}.app.dark .settings .settingsContainer .content .section .formGroup input{background-color:#0000;border-color:#444;color:#fff}.app.dark .settings .settingsContainer .content .section .toggleOption{border-bottom:1px solid #333}.app.dark .settings .settingsContainer .content .section .toggleOption span{color:#ccc}.app.dark .settings .settingsContainer .content .section .toggleOption .switch .slider{background-color:#333}.app.dark .settings .settingsContainer .content .section .toggleOption .switch .slider:before{background-color:#888}.app.dark .settings .settingsContainer .content .section .toggleOption .switch input:checked+.slider{background-color:#7451f8}.app.dark .settings .settingsContainer .content .section .toggleOption .switch input:checked+.slider:before{background-color:#fff}.profile{display:flex;min-height:100vh;width:100%}.profile .profileContainer{background-color:var(--bg-color);flex:1 1}.profile .profileContainer .top{display:flex;gap:20px;padding:20px}.profile .profileContainer .top .left,.profile .profileContainer .top .right{box-shadow:2px 4px 10px 1px #c9c9c978;padding:20px;position:relative}.profile .profileContainer .top .left .title,.profile .profileContainer .top .right .title{color:#d3d3d3;font-size:16px;margin-bottom:20px}.profile .profileContainer .top .left .item,.profile .profileContainer .top .right .item{display:flex;gap:20px}.profile .profileContainer .top .left .item .itemImg,.profile .profileContainer .top .right .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.profile .profileContainer .top .left .item .details .itemTitle,.profile .profileContainer .top .right .item .details .itemTitle{color:#555;margin-bottom:10px}.profile .profileContainer .top .left .item .details .detailItem,.profile .profileContainer .top .right .item .details .detailItem{font-size:14px;margin-bottom:10px}.profile .profileContainer .top .left .item .details .detailItem .itemKey,.profile .profileContainer .top .right .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.profile .profileContainer .top .left .item .details .detailItem .itemValue,.profile .profileContainer .top .left .item .details .detailItem .status,.profile .profileContainer .top .right .item .details .detailItem .itemValue,.profile .profileContainer .top .right .item .details .detailItem .status{font-weight:300}.profile .profileContainer .top .left .item .details .detailItem .status.active,.profile .profileContainer .top .right .item .details .detailItem .status.active{color:green}.profile .profileContainer .top .left .item .details .detailItem .status.passive,.profile .profileContainer .top .right .item .details .detailItem .status.passive{color:crimson}.profile .profileContainer .top .left .item .details .detailItem .status.pending,.profile .profileContainer .top .right .item .details .detailItem .status.pending{color:#daa520}.profile .profileContainer .top .left{flex:1 1}.profile .profileContainer .top .left .editButton{background-color:rgba(117,81,248,.094);border-radius:0 0 0 5px;color:purple;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.profile .profileContainer .top .right{flex:2 1;padding:20px 10px 10px}.profile .profileContainer .top .right .item{padding-left:20px}.profile .profileContainer .top .right .title{margin-bottom:40px;padding-left:20px}.profile .profileContainer .bottom{margin-left:20px}.profile .profileContainer .bottom .title{color:#d3d3d3}@media screen and (max-width:768px){.profile .profileContainer .top{flex-direction:column}}.app.dark .profile .profileContainer{background-color:#111}.app.dark .profile .profileContainer .top .left,.app.dark .profile .profileContainer .top .right{background-color:#181818;border:1px solid #333;box-shadow:none}.app.dark .profile .profileContainer .top .left .item .details .detailItem .itemValue,.app.dark .profile .profileContainer .top .left .item .details .itemTitle,.app.dark .profile .profileContainer .top .right .item .details .detailItem .itemValue,.app.dark .profile .profileContainer .top .right .item .details .itemTitle{color:#ccc}:root{--main-color:teal;--bg-color:#fff;--text-color:#555;--border-color:#ddd}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Nunito,sans-serif;scroll-behavior:smooth}ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px}.app{min-height:100vh;width:100%}.app.dark{color:#9c9c9c}.app.dark,.app.dark .home .homeContainer{background-color:#111}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{background-color:#111;border-color:#333;color:#999}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable{background-color:#111}.app.dark .datatable .datagrid{border:none;color:gray}.app.dark .datatable .datagrid.MuiDataGrid-root{background-color:#111;border:1px solid #333}.app.dark .datatable .datagrid .MuiDataGrid-columnHeaders{background-color:#000!important;background:#000!important;border-bottom:1px solid #333}.app.dark .datatable .datagrid .MuiDataGrid-columnHeaders *{background-color:#000!important;background:#000!important}.app.dark .datatable .datagrid .MuiDataGrid-columnHeader{color:#eee!important}.app.dark .datatable .datagrid .MuiDataGrid-filler{background-color:#000!important}.app.dark .datatable .datagrid .MuiDataGrid-virtualScroller{background-color:#111!important}.app.dark .datatable .datagrid .MuiDataGrid-overlay{background-color:#111!important;background:#111!important;color:#ccc!important}.app.dark .datatable .datagrid .MuiDataGrid-row{background-color:#181818;border-bottom:1px solid #222;color:#ccc}.app.dark .datatable .datagrid .MuiDataGrid-row:hover{background-color:#252525}.app.dark .datatable .datagrid .MuiDataGrid-row.Mui-selected{background-color:#ffffff14}.app.dark .datatable .datagrid .MuiDataGrid-row.Mui-selected:hover{background-color:#ffffff1f}.app.dark .datatable .datagrid .MuiDataGrid-footerContainer{background-color:#000!important;border-top:1px solid #333;color:gray}.app.dark .datatable .datagrid .MuiCheckbox-root,.app.dark .datatable .datagrid .MuiDataGrid-footerContainer .MuiTablePagination-root,.app.dark .datatable .datagrid .MuiDataGrid-footerContainer .MuiTablePagination-selectIcon{color:gray}.app.dark .datatable .datagrid .MuiCheckbox-root.Mui-checked{color:teal}.app.dark .datatable .datagrid ::-webkit-scrollbar{height:10px;width:10px}.app.dark .datatable .datagrid ::-webkit-scrollbar-track{background:#111}.app.dark .datatable .datagrid ::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.app.dark .datatable .datagrid ::-webkit-scrollbar-thumb:hover{background:#555}.app.dark .datatable .datagrid .viewButton{border-color:#ccc;color:#ccc}.app.dark .chart,.app.dark .featured,.app.dark .listContainer,.app.dark .widget{background-color:#181818;border:1px solid #333;box-shadow:none;color:#ccc}.app.dark .chart .amount,.app.dark .chart .bottom,.app.dark .chart .title,.app.dark .chart .top,.app.dark .featured .amount,.app.dark .featured .bottom,.app.dark .featured .title,.app.dark .featured .top,.app.dark .listContainer .amount,.app.dark .listContainer .bottom,.app.dark .listContainer .title,.app.dark .listContainer .top,.app.dark .widget .amount,.app.dark .widget .bottom,.app.dark .widget .title,.app.dark .widget .top{color:#ccc}.app.dark .chart .counter,.app.dark .featured .counter,.app.dark .listContainer .counter,.app.dark .widget .counter{color:#fff}.app.dark .chart .link,.app.dark .featured .link,.app.dark .listContainer .link,.app.dark .widget .link{border-bottom:1px solid #555;color:#888}.app.dark .table{background-color:#0000!important}.app.dark .table .tableCell{color:#ccc!important}.app.dark input{background-color:#0000;color:#fff}
/*# sourceMappingURL=main.74028504.css.map*/