.home{display:flex}.home .home-container{flex:6 1}.home .home-container .card-wrapper{display:flex;gap:20px;margin:1.5rem}.home .home-container .feature-wrapper{display:flex}.sidebar{border-right:.5px solid rgba(0,0,0,.2);flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:purple;font-size:25px}.sidebar hr{color:#666}.sidebar .main ul{list-style:none;margin:0;padding:0}.sidebar .main ul p{color:#999;font-size:12px;font-weight:600;margin-left:15px}.sidebar .main ul .active,.sidebar .main ul .active .icon{color:crimson}.sidebar .main ul li{cursor:pointer;display:flex;margin:10px 0;padding:8px 25px}.sidebar .main ul li:hover{background-color:#f5f5f5}.sidebar .main ul li .icon{color:#8a2be2;font-size:20px;margin-left:5px 15px}.sidebar .main ul li span{color:#888;font-size:15px;font-weight:600;margin-left:15px}.sidebar .bottoms{margin-top:20px}.sidebar .bottoms .colorOption{display:flex;margin-left:20px}.sidebar .bottoms .colorOption .whites{background-color:#fff}.sidebar .bottoms .colorOption .blacks,.sidebar .bottoms .colorOption .whites{border:.3px solid gray;border-radius:5px;cursor:pointer;height:20px;width:20px}.sidebar .bottoms .colorOption .blacks{background-color:#000;margin-left:15px}.navbar{border-bottom:.2px solid rgba(0,0,0,.3);height:58px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;margin-left:2rem;width:100%}.navbar .wrapper .search{align-items:center;border:1px solid #999;border-radius:5px;display:flex;justify-content:center;padding:5px 10px}.navbar .wrapper .search input{background-color:transparent;border:none;font-size:16px;outline:none}.navbar .wrapper .search .icon{color:#777;cursor:pointer}.navbar .wrapper .nav-icons{display:flex}.navbar .wrapper .nav-icons .icon-wrapper{align-items:center;color:#666;cursor:pointer;display:flex;margin-right:25px;position:relative}.navbar .wrapper .nav-icons .icon-wrapper .badge{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}.navbar .wrapper .nav-icons .avatar{background-color:purple;border-radius:50%;height:30px;margin-right:1.5rem;width:30px}.card{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.3);flex:1 1;padding:10px 15px}.card .top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card .top .title{color:#999;font-size:15px;font-weight:600}.card .top .percentage{align-items:center;color:#333;display:flex;justify-content:center}.card .top .percentage .icon-wrap{color:#333;cursor:pointer}.card .top .percentage .icon-wrap.negative{color:red}.card .top .percentage .icon-wrap.positive{color:green}.card .quantity{color:#444;font-size:28px;margin:0;padding:0}.card .bottom{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.card .bottom span{border-bottom:2px solid #777;color:#777;cursor:pointer;font-size:14px;font-weight:600}.feature{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.3);flex:2 1;margin:10px 1.5rem;padding:15px}.feature .top .title{display:flex;justify-content:space-between}.feature .top .title span{color:gray;font-size:22px;font-weight:600}.feature .top .title .icon{cursor:pointer}.feature .bottom{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.feature .bottom .bar{height:120px;margin:15px 0;width:120px}.feature .bottom p{color:gray;font-weight:600;margin:0;padding:0}.feature .bottom .amount{color:#333;font-size:28px;font-weight:600;margin:25px 0}.feature .bottom .target-wraper{align-items:center;display:flex;justify-content:space-around;width:100%}.feature .bottom .target-wraper .target{align-items:center;display:flex;flex-direction:column;justify-content:center}.feature .bottom .target-wraper .target .title{color:gray;font-size:20px;font-weight:600;margin:1.5rem 0}.feature .bottom .target-wraper .target-amount{align-items:center;display:flex;margin-bottom:2rem}.feature .bottom .target-wraper .target-amount.positive{color:green}.feature .bottom .target-wraper .target-amount.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:transparent}.chart{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.3);flex:4 1;margin:10px 25px 10px 10px;padding:15px}.chart span{color:gray;font-size:22px;font-weight:600}.table{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.3);margin:25px;padding:25px}.table .title{color:gray;font-size:22px;font-weight:600;margin-bottom:15px}.table .about-product{align-items:center;display:flex;justify-content:space-between}.table .about-product .img{border-radius:50%;min-height:50px;width:50px}.table .status{border-radius:5px;font-size:16px;font-weight:500;padding:8px}.table .status.Tasdiqlangan{background-color:rgba(0,0,255,.2);color:blue}.table .status.Kutilmoqda{background-color:rgba(220,20,60,.2);color:red}.list{display:flex}.list .list-container{flex:6 1}.list .list-container .addNew{padding:20px 20px 0 0}.list .list-container .addNew .btn{border:1px solid green;border-radius:5px;color:green;font-size:20px;font-weight:700;margin-left:auto;padding:5px;text-align:center;width:150px}.list .list-container .sellRenderStatus{border-radius:5px;padding:5px 10px}.list .list-container .sellRenderStatus.Aktiv{background-color:rgba(0,128,0,.2);color:green}.list .list-container .sellRenderStatus.Passiv{background-color:rgba(255,192,203,.2);color:pink}.list .list-container .datatable{margin:25px}.list .list-container .datatable .action{align-items:center;display:flex;justify-content:space-between}.list .list-container .datatable .action .korish-btn{border:1px solid #00aeff;border-radius:8px;color:#00aeff;cursor:pointer;margin-right:20px;padding:5px 8px}.list .list-container .datatable .action .ochirish-btn{border:1px solid #e25050;border-radius:8px;color:#e25050;cursor:pointer;padding:5px 8px}.news{display:flex}.news .newContainer{flex:6 1}.news .newContainer .top{color:rgba(128,0,128,.8);font-size:30px;font-weight:700;padding:20px 0;text-align:center;width:96%}.news .newContainer .bottom,.news .newContainer .top{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.4);margin:25px}.news .newContainer .bottom{display:flex;justify-content:space-around}.news .newContainer .bottom .left{align-items:center;display:flex;flex:1 1;justify-content:center}.news .newContainer .bottom .left .img-block img{align-items:center;border-radius:50%;display:flex;height:200px;justify-content:center;width:200px}.news .newContainer .bottom .form{display:flex;flex:2 1;flex-wrap:wrap;padding:20px 0}.news .newContainer .bottom .form .input-wraper{margin:10px 10px 10px 80px;width:30%}.news .newContainer .bottom .form .input-wraper label{color:purple;font-weight:700}.news .newContainer .bottom .form .input-wraper input{border:none;border-bottom:1px solid gray;font-size:17px;outline:none;padding:10px;width:100%}.news .newContainer .bottom .form .submitbtn{align-items:center;display:flex;justify-content:center;width:100%}.news .newContainer .bottom .form .submitbtn .btn{background-color:purple;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;margin:20px;outline:none;padding:10px;width:200px}.single{display:flex;width:100%}.single .single-container{flex:6 1;width:100%}.single .single-container .up{border-radius:10px;display:flex;gap:10px;margin:15px 15px 15px 20px}.single .single-container .up .left{flex:1 1;margin-top:5px;padding:15px}.single .single-container .up .left .info{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.4);padding:16px;position:relative}.single .single-container .up .left .info .edit{background-color:rgba(128,0,128,.2);border-bottom-left-radius:8px;border-top-right-radius:5px;color:purple;cursor:pointer;font-size:14px;font-weight:700;padding:5px;position:absolute;right:0;top:0}.single .single-container .up .left .info .title{color:gray;font-size:20px;font-weight:700}.single .single-container .up .left .info .img-wraper{display:flex;gap:15px}.single .single-container .up .left .info .img-wraper .img{border-radius:50%;height:100px;margin-top:25px;object-fit:cover;width:100px}.single .single-container .up .left .info .ditails{box-sizing:border-box;display:flex;flex-direction:column}.single .single-container .up .left .info .ditails h4{color:#444;font-size:28px;font-weight:700;margin-bottom:20px;padding:0}.single .single-container .up .left .info .ditails span{color:gray;font-size:14px;font-weight:600;margin-bottom:10px}.single .single-container .up .right{border-radius:5px;flex:3 1;margin-top:10px}.single .single-container .down{margin:15px}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}.app.dark,.index{background-color:#000}.app.dark{color:#999}.app.dark .home{background-color:#000}.app.dark .card{box-shadow:0 0 10px hsla(0,0%,100%,.5)}.app.dark .card .percentage{color:#999}.app.dark .chart,.app.dark .feature,.app.dark .table{box-shadow:0 0 10px hsla(0,0%,100%,.5)}.app.dark .table{background-color:#000}.app.dark .table .table-row{color:#999}.app.dark .table .table-ui{background-color:#000;color:#999}.app.dark .sidebar{border-right:.5px solid hsla(0,0%,100%,.5)}.app.dark .sidebar .logo{color:#999}.app.dark .sidebar li:hover{background-color:#333}.app.dark .sidebar li .icon{color:#999}.app.dark .navbar{border-bottom:1px solid hsla(0,0%,100%,.5);color:#999}.app.dark .navbar input{color:#999}.app.dark .list{background-color:#000}.app.dark .list .darkmode{color:#999}.app.dark .single{background-color:#000}.app.dark .single .up .left .info{box-shadow:0 0 10px hsla(0,0%,100%,.5)}.app.dark .news{background-color:#000;color:#999}.app.dark .news .top{color:#999}.app.dark .news .bottom,.app.dark .news .top{box-shadow:0 0 10px hsla(0,0%,100%,.5)}.app.dark .news .bottom .form{color:#999}.app.dark .news .bottom .form input{background-color:#000;color:#999}
/*# sourceMappingURL=main.e5e73c82.css.map*/