@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap);*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0;transition:.3s ease}:root{--inputColor:#fff0f7;--normalFontsize:0.938rem;--smallestFontSize:0.75rem}html{font-size:90%}a{text-decoration:none}li{list-style:none}.icon{font-size:1.25rem;font-size:var(--h2FontSize)}.img{height:auto;width:100%}.flex{display:flex}.flex,.grid{align-items:center}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.btn{border:none;border-radius:8px;box-shadow:0 2px 4px #fff0f7;box-shadow:0 2px 4px var(--inputColor);color:#79797c;color:var(--textColor);cursor:pointer;outline:none;padding:.8rem 1rem}.btn .icon{margin-left:.5rem}.btn:hover{background:#e0f8ce;background:var(--paleGreen);color:#528e25;color:var(--PrimaryColor)}body{background:linear-gradient(90deg,hsla(90,81%,85%,.938),#e0d2ec);margin:auto;padding:1rem}.container,body{align-items:center;display:flex;justify-content:center}.container{background:#eeeff1;background:var(--bgColor);border-radius:1rem;box-shadow:2px 2px 8px #bebebe;box-shadow:2px 2px 8px var(--grayText);height:95vh;overflow:hidden;position:relative;width:95vw}@media screen and (max-width:990px){.heading{align-items:center;flex-direction:row;gap:1rem}}@media screen and (max-width:918px){.heading{align-items:flex-start;flex-direction:column;gap:1rem}}.sideBar{background:#fff;background:var(--whiteColor);box-shadow:1px 0 4px #bebebe;box-shadow:1px 0 4px var(--grayText);gap:3rem;height:100%;max-width:18%;overflow:auto;overflow-x:hidden}.sideBar .logoDiv{cursor:pointer;padding-left:1rem;padding-top:2rem}.sideBar .logoDiv img{border-radius:2px;margin-right:.2rem;max-width:35px;padding:.2rem}.sideBar .logoDiv h2{color:#528e25;color:var(--PrimaryColor);font-size:1.25rem;font-size:var(--h2FontSize)}.sideBar .menuDiv .divTitle,.sideBar .settingsDiv .divTitle{color:#2e2e2e;color:var(--blackColor);font-size:1rem;font-size:var(--h3FontSize);padding:0 1.5rem 1.5rem 1.2rem}.sideBar .menuDiv .menuLists .listItem,.sideBar .settingsDiv .menuLists .listItem{padding:.2rem 1.5rem 0 .2rem;position:relative;width:100%}.sideBar .menuDiv .menuLists .listItem:before,.sideBar .settingsDiv .menuLists .listItem:before{background:#528e25;background:var(--PrimaryColor);border-bottom-right-radius:10px;border-top-right-radius:10px;bottom:0;content:"";height:0;left:0;position:absolute;width:4px}.sideBar .menuDiv .menuLists .listItem:hover:before,.sideBar .settingsDiv .menuLists .listItem:hover:before{height:100%;transition:.3s ease}.sideBar .menuDiv .menuLists .listItem .menuLink,.sideBar .settingsDiv .menuLists .listItem .menuLink{color:#bebebe;color:var(--grayText);font-weight:500;transition:0}.sideBar .menuDiv .menuLists .listItem .menuLink .icon,.sideBar .settingsDiv .menuLists .listItem .menuLink .icon{margin-left:1rem;margin-right:.5rem}.sideBar .menuDiv .menuLists .listItem:hover .menuLink,.sideBar .settingsDiv .menuLists .listItem:hover .menuLink{color:#528e25;color:var(--PrimaryColor);transition:0}.sideBar .sideBarCard{overflow-x:fixed;padding:.5rem;position:relative;text-align:center;width:100%}.sideBar .sideBarCard .icon{background:#bdf095;background:var(--HoverColor);border:10px solid #fff;border:10px solid var(--whiteColor);border-radius:50%;font-size:3rem;position:absolute;right:50%;top:-8px;transform:translate(50%);z-index:100}.sideBar .sideBarCard .cardContent{background:#bdf095;background:var(--HoverColor);border-radius:10px;overflow:hidden;padding:1rem;position:relative}.sideBar .sideBarCard .cardContent h3{color:#2e2e2e;color:var(--blackColor);font-size:1rem;font-size:var(--h3FontSize);font-weight:800;margin-top:1rem;padding:1rem 0}.sideBar .sideBarCard .cardContent p{color:#79797c;color:var(--textColor);font-size:.938;font-size:var(--normalFontsize);font-weight:500;padding-bottom:1rem}.sideBar .sideBarCard .cardContent .btn{color:#79797c;color:var(--textColor);position:relative;z-index:1000}.sideBar .sideBarCard .cardContent .circle1,.sideBar .sideBarCard .cardContent .circle2{background:#e0f8ce;background:var(--paleGreen);border-radius:50%;opacity:.7;position:absolute}.sideBar .sideBarCard .cardContent .circle1{height:100px;left:-50px;top:-50px;width:100px}.sideBar .sideBarCard .cardContent .circle2{bottom:-80px;height:150px;left:-50px;width:150px}@media screen and (max-width:820px){.sideBar{padding-bottom:2rem}.sideBar .sideBarCard{display:none!important}}@media screen and (max-width:745px){.sideBar .logoDiv{margin:auto;padding:1.5rem .5rem 0;text-align:center}.sideBar .logoDiv .img{border-radius:10px;margin:0;max-width:50px;padding:1.5rem}.sideBar .logoDiv h2,.sideBar .menuDiv .divTitle,.sideBar .menuDiv .smallText,.sideBar .settingsDiv .divTitle,.sideBar .settingsDiv .smallText{display:none}.sideBar .menuDiv .menuLists,.sideBar .settingsDiv .menuLists{justify-content:center}.sideBar .menuDiv .menuLists .icon,.sideBar .settingsDiv .menuLists .icon{font-size:1.5rem;font-size:var(--h1FontSize)}}@media screen and (max-width:390px){.sideBar .menuDiv,.sideBar .settingsDiv{margin:auto;text-align:center}.sideBar .menuDiv .menuLists .listItem,.sideBar .settingsDiv .menuLists .listItem{padding:.2rem .5rem}.sideBar .menuDiv .menuLists .listItem .menuLink,.sideBar .settingsDiv .menuLists .listItem .menuLink{justify-content:center}.sideBar .menuDiv .menuLists .listItem .menuLink .icon,.sideBar .settingsDiv .menuLists .listItem .menuLink .icon{font-size:1.25rem;font-size:var(--h2FontSize)}}.mainContent{height:100%;overflow:auto;padding:2rem;width:82%}.mainContent .bottom{align-items:flex-start;gap:2rem;margin-top:2rem}@media screen and (max-width:918px){.bottom{flex-direction:column}}:root{--inputColor:#c8eaea;--normalFontsize:.938rem;--smallestFontSize:75rem}.topSection .headerSection{gap:1rem;justify-content:space-between}.topSection .headerSection .title h1{color:#2e2e2e;color:var(--blackColor);font-size:1.5rem;font-size:var(--h1FontSize);font-weight:700}.topSection .headerSection .title p{color:#79797c;color:var(--textColor);font-size:.938rem;font-size:var(--normalFontsize);font-weight:500}.topSection .headerSection .searchBar{background:#fff;background:var(--whiteColor);border-radius:5px;box-shadow:0 2px 4px #c8eaea;box-shadow:0 2px 4px var(--inputColor);gap:1rem;padding:1rem 2rem;width:90%}.topSection .headerSection .searchBar input{background:none;border:none;outline:none;width:90%}.topSection .headerSection .searchBar .icon{color:#79797c;color:var(--textColor)}.topSection .headerSection .searchBar .icon:hover{color:#528e25;color:var(--PrimaryColor)}.topSection .headerSection .adminDiv{gap:1rem}.topSection .headerSection .adminDiv .icon{background:#fff;background:var(--whiteColor);border-radius:5px;box-shadow:0 2px 4px #c8eaea;box-shadow:0 2px 4px var(--inputColor);color:#79797c;color:var(--textColor);font-size:2.5rem;font-size:var(--biggestFontSize);padding:5px}.topSection .headerSection .adminDiv .adminImage{border:3px solid #fff;border:3px solid var(--whiteColor);border-radius:10px;box-shadow:0 2px 4px #c8eaea;box-shadow:0 2px 4px var(--inputColor);overflow:hidden;width:2.8rem}.topSection .headerSection .adminDiv .adminImage img{border-radius:10px;height:100%;width:100%}.topSection .cardSection{margin-top:1rem}.topSection .cardSection .leftCard{align-items:flex-start;border-radius:1rem;flex-basis:90%;flex-direction:column;height:330px;justify-content:center;overflow:hidden;padding:2.5rem;position:relative}.topSection .cardSection .leftCard .videoDiv{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.topSection .cardSection .leftCard .videoDiv video{height:100%;object-fit:cover;width:100%}.topSection .cardSection .leftCard .btn,.topSection .cardSection .leftCard h1,.topSection .cardSection .leftCard p{z-index:100}.topSection .cardSection .leftCard h1{color:#fff;color:var(--whiteColor);font-size:1.5rem;font-size:var(--h1FontSize);font-weight:500}.topSection .cardSection .leftCard p{color:#fff;color:var(--whiteColor);font-weight:500;padding:1rem}.topSection .cardSection .leftCard .buttons{gap:1rem}.topSection .cardSection .leftCard .buttons .btn{border:2px solid #0000;box-shadow:none;color:#528e25;color:var(--PrimaryColor);padding:.8rem 1.5}.topSection .cardSection .leftCard .buttons .transparent{background:none;border:2px solid #fff;border:2px solid var(--whiteColor);color:#528e25;color:var(--PrimaryColor)}.topSection .cardSection .leftCard .buttons .transparent:hover{background:#e0f8ce;background:var(--paleGreen);color:#528e25;color:var(--PrimaryColor)}.topSection .cardSection .leftCard .buttons .lettercolor{color:#fff;color:var(--whiteColor)}.topSection .cardSection .rightCard{flex-basis:50%;gap:2rem;margin-left:1rem}.topSection .cardSection .rightCard .main{border-radius:1rem;height:300px;justify-content:space-between;padding-bottom:2rem;position:relative;width:100%}.topSection .cardSection .rightCard .main:before{background:#e0f8ce;background:var(--paleGreen);border-radius:1rem;bottom:0;box-shadow:1px 0 4px #bebebe;box-shadow:1px 0 4px var(--grayText);content:"";height:90%;left:0;padding:1.5rem;position:absolute;width:90%}.topSection .cardSection .rightCard .main .textDiv{padding:1rem;z-index:100}.topSection .cardSection .rightCard .main .textDiv h1{color:#2e2e2e;color:var(--blackColor);font-size:1.5rem;font-size:var(--h1FontSize);margin-bottom:2rem}.topSection .cardSection .rightCard .main .textDiv .flex{color:#2e2e2e;color:var(--blackColor);font-weight:500;gap:1.5rem}.topSection .cardSection .rightCard .main .textDiv .flex small{color:#528e25;color:var(--PrimaryColor);display:block;font-size:.938rem;font-size:var(--normalFontsize);font-weight:500;padding:.5rem 0}.topSection .cardSection .rightCard .main .textDiv .link{cursor:pointer;margin-top:2rem}.topSection .cardSection .rightCard .main .textDiv .link .icon{font-size:2rem!important}.topSection .cardSection .rightCard .main .textDiv .link:hover{color:#528e25;color:var(--PrimaryColor)}.topSection .cardSection .rightCard .main .textDiv .link:hover .icon{transform:translateX(10px);transition:.3s ease}.topSection .cardSection .rightCard .main .imgDiv{z-index:1}.topSection .cardSection .rightCard .main .imgDiv img{border-radius:50%;transform:translateX(20px);width:200px}.topSection .cardSection .rightCard .sideBarCard{position:relative;text-align:center;width:100%}.topSection .cardSection .rightCard .sideBarCard .icon{background:#bdf095;background:var(--HoverColor);border:10px solid #eeeff1;border:10px solid var(--bgColor);border-radius:50%;font-size:3rem;left:30px;position:absolute;right:50%;top:-8px;transform:translate(50%);z-index:100}.topSection .cardSection .rightCard .sideBarCard .cardContent{background:#bdf095;background:var(--HoverColor);border-radius:10px;box-shadow:1px 0 4px #bebebe;box-shadow:1px 0 4px var(--grayText);overflow:hidden;padding:1rem;position:relative}.topSection .cardSection .rightCard .sideBarCard .cardContent h3{color:#2e2e2e;color:var(--blackColor);font-size:1rem;font-size:var(--h3FontSize);font-weight:800;margin-top:1rem;padding:1rem 0}.topSection .cardSection .rightCard .sideBarCard .cardContent p{color:#79797c;color:var(--textColor);font-size:.938rem;font-size:var(--normalFontsize);font-weight:500;padding-bottom:1rem}.topSection .cardSection .rightCard .sideBarCard .cardContent .btn{color:#79797c;color:var(--textColor);position:relative;z-index:1000}.topSection .cardSection .rightCard .sideBarCard .cardContent .circle1,.topSection .cardSection .rightCard .sideBarCard .cardContent .circle2{background:#e0f8ce;background:var(--paleGreen);border-radius:50%;opacity:.7;position:absolute}.topSection .cardSection .rightCard .sideBarCard .cardContent .circle1{height:100px;left:-50px;top:-50px;width:100px}.topSection .cardSection .rightCard .sideBarCard .cardContent .circle2{bottom:-80px;height:150px;left:-70px;width:150px}@media screen and (max-width:990px){.cardSection{flex-direction:column}.cardSection .leftCard,.cardSection .rightCard{flex-basis:100%;width:100%}.cardSection .rightCard{align-self:flex-start;height:10px!important;margin-top:1rem;transform:translateX(-1rem)}.cardSection .rightCard .main{height:200px!important;margin-top:2rem}}@media screen and (max-width:490px){.headerSection .adminDiv{display:none}.headerSection .title{margin:auto;text-align:center}.cardSection .leftCard{text-align:center}.cardSection .leftCard .buttons{flex-direction:column;margin:auto}.cardSection .leftCard .buttons .btn{width:100%}.rightCard .main{align-items:center;display:flex;justify-content:center}.rightCard .main .textDiv{margin:auto}.rightCard .main .imgDiv{display:none}.rightCard .sideBarCard{display:none!important}}@media screen and (max-width:390px){.topSection .cardSection{padding:2rem 1rem;text-align:center}.topSection .cardSection h1{font-size:1.25rem;font-size:var(--h2FontSize)}}:root{--normalfontsize:.938}.reportSection{flex-basis:70%;margin-top:2rem}.reportSection .heading{justify-content:space-between;width:100%}.reportSection .heading h1{color:var(--blackColor);font-size:var(--h2FontSize);font-weight:700}@media screen and (max-width:490px){.reportSection .reportChart{width:95vw}}:root{--primarycolor:#528e25;--hovercolor:#bdf095;--palegreen:#e0f8ce;--whitecolor:#fff;--blackcolor:#2e2e2e;--textcolor:#79797c;--bgcolor:#eeeff1;--graytext:#bebebe;--inputcolor:#f8f6f7;--itemcardcolor:hsl(120%,5%,88%);--itemcardhover:hsl(120%,27%,87%);--biggestfontsize:2.5rem;--h1fontsize:1.5rem;--h2fontsize:1.25rem;--h3fontsize:1rem;--normalfontsize:.938rem;--smallfontsize:.313rem;--smallestfontsize:0.75rem}.listingSection{flex-basis:70%}.listingSection .heading{justify-content:space-between;width:100%}.listingSection .heading h1{color:var(--blackColor);font-size:var(--h2FontSize);font-weight:700}.listingSection .heading .btn{border:1px solid #0000}.listingSection .heading .btn:hover{border:1px solid var(--PrimaryColor)}.listingSection .secContainer{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1rem 0;width:100%}.listingSection .secContainer .singleItem{align-items:center;background:var(--itemCardColor);border-radius:10px;flex-direction:column;max-width:150px;padding:1rem;position:relative;width:100%}.listingSection .secContainer .singleItem:hover{background:var(--itemCardHover);box-shadow:0 2px 2px var(--inputColor)}.listingSection .secContainer .singleItem img{max-width:120px;padding:.2rem .75rem .2rem .2rem}.listingSection .secContainer .singleItem .icon{color:#528e25;color:var(--primarycolor);position:absolute;right:10px;top:10px}.listingSection .secContainer .singleItem h3{color:#2e2e2e;color:var(--blackcolor);font-size:var(--h3FontSize)}.listingSection .sellers{align-items:flex-start;gap:1rem;justify-content:space-between;width:100%}.listingSection .sellers .topSellers .heading{padding:1rem 0}.listingSection .sellers .topSellers .heading .btn{padding:.5rem 1rem}.listingSection .sellers .topSellers .card{background:var(--whiteColor);border-radius:1rem;box-shadow:0 2px 4px var(--inputColor);gap:1rem;padding:1rem 1.5rem}.listingSection .sellers .topSellers .card .users{border-right:2px solid var(--grayText);padding-left:1rem}.listingSection .sellers .topSellers .card .users img{border:2px solid var(--inputColor);border-radius:50%;height:30px;object-fit:cover;transition:.5s ease;width:30px}.listingSection .sellers .topSellers .card .users img:hover{transform:translateY(-10px)}.listingSection .sellers .topSellers .card .cardText span{color:#2e2e2e;color:var(--blackcolor);font-weight:500}.listingSection .sellers .topSellers .card .cardText span small{font-weight:400}.listingSection .sellers .topSellers .card .cardText span small .data{margin-left:1rem}.listingSection .sellers .featuredSellers .heading{padding:1rem 0}.listingSection .sellers .featuredSellers .heading .btn{padding:.5rem 1rem}.listingSection .sellers .featuredSellers .card{background:var(--whiteColor);border-radius:1rem;box-shadow:0 2px 4px var(--inputColor);gap:1rem;padding:1rem 1.5rem}.listingSection .sellers .featuredSellers .card .users{border-right:2px solid var(--grayText);padding-left:1rem}.listingSection .sellers .featuredSellers .card .users img{border:2px solid var(--inputColor);border-radius:50%;height:30px;object-fit:cover;transition:.5s ease;width:30px}.listingSection .sellers .featuredSellers .card .users img:hover{transform:translateY(-10px)}.listingSection .sellers .featuredSellers .card .cardText span{color:#2e2e2e;color:var(--blackcolor);font-weight:500}.listingSection .sellers .featuredSellers .card .cardText span small{font-weight:400}.listingSection .sellers .featuredSellers .card .cardText span small .data{margin-left:1rem}::-webkit-scrollbar{display:none}@media screen and (max-width:990px){.listingSection .sellers .card{flex-direction:column}}@media screen and (max-width:918px){.listingSection .singleItem{max-width:170px;width:100%!important}}@media screen and (max-width:490px){.listingSection .singleItem{max-width:200px}.listingSection .sellers{flex-direction:column}.listingSection .sellers .card{flex-direction:row}}:root{--PrimaryColor:#528e25;--HoverColor:#bdf095;--paleGreen:#e0f8ce;--whiteColor:#fff;--blackColor:#2e2e2e;--textColor:#79797c;--bgColor:#eeeff1;--grayText:#bebebe;--inputColor:#f8f6f7;--itemCardColor:#dfe2df;--itemCardHover:#d5e7d5;--biggestFontSize:2.5rem;--h1FontSize:1.5rem;--h2FontSize:1.25rem;--h3FontSize:1rem;--normalFontsize:.938;--smallFontSize:.313rem;--smallestFontSize:.75rem}.activitySection{flex-basis:50%}.activitySection .heading{justify-content:space-between;width:100%}.activitySection .heading h1{counter-reset:#2e2e2e;counter-reset:var(--blackColor);font-style:1.25rem;font-style:var(--h2FontSize);font-weight:700}.activitySection .heading .btn{border:1px solid var}.activitySection .heading .btn:hover{border:1px solid #528e25;border:1px solid var(--PrimaryColor)}.activitySection .secContainer{margin-top:1rem}.activitySection .secContainer .singleCustomer{align-items:flex-start;justify-content:space-between}.activitySection .secContainer .singleCustomer img{border-radius:50%;box-shadow:0 2px 4px #dfe2df;box-shadow:0 2px 4px var(--itemCardColor);height:40px;margin-right:1rem;object-fit:cover;width:40px}.activitySection .secContainer .singleCustomer .customerDetails{flex:1 1}.activitySection .secContainer .singleCustomer .customerDetails .name{counter-reset:#2e2e2e;counter-reset:var(--blackColor);display:block;font-style:1rem;font-style:var(--h3FontSize);font-weight:600}.activitySection .secContainer .singleCustomer .customerDetails small{color:#79797c;color:var(--textColor);font-size:small;font-weight:500}.activitySection .secContainer .singleCustomer .duration{color:#79797c;color:var(--textColor);font-size:.75rem;font-size:var(--smallestFontSize);font-weight:500}@media screen and (max-width:990px){.activitySection{width:100%}}
/*# sourceMappingURL=main.ee6aa694.css.map*/