.DashboardSection{display:flex;min-height:100vh}.DashboardContent{flex:1 1;margin-left:254px;min-height:100vh;overflow-y:auto}.DashboardContentSec{padding:100px 50px}.DashboardContentSec .DashContentData{display:flex;flex-direction:column;gap:40px}.DashCardDiv{border:1px solid var(--sidebarborder-color);min-width:256px;min-height:166px;border-radius:8px;padding:24px}.DashCardDiv,.DashCardDiv .TpDash{display:flex;flex-direction:column;gap:12px}.DashCardDiv .TpDash .icondiv{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:8px;background:var(--green25)}.DashCardDiv .TpDash .icondiv svg{width:20px;height:20px;color:var(--primary-color)}.DashCardDiv .TpDash p{font-size:16px;line-height:120%;margin:0}.DashCardDiv .BtDash{display:flex;flex-direction:column;gap:4px}.DashCardDiv .BtDash h3{font-weight:600;font-size:33px;line-height:130%}.DashCardDiv .BtDash p{font-weight:400;font-size:12px;line-height:140%}.DashCardDiv .BtDash p span{font-weight:600;font-size:12px;line-height:140%}.DashCardDiv .BtDash p span.accpt{color:var(--primary-color)}.DashCardDiv .BtDash p span.reject{color:var(--danger)}.QuickActionsDiv{display:flex;flex-direction:column;gap:16px}.QuickActionsDiv h6{font-weight:600;font-size:19px;line-height:130%}.QuickActionsDiv .QuickLinks{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;grid-gap:20px}.QuickActionsDiv .QuickLinks button{min-height:72px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--light-green)!important;background:var(--green25)!important;font-size:16px;line-height:120%;font-weight:600;color:var(--text-color)}.graphDiv{display:flex;flex-direction:column;gap:20px}.graphDiv .chart-container{background:var(--background-color);border:1px solid var(--sidebarborder-color);border-radius:16px;padding:24px;min-height:400px}.graphDiv .chart-container,.graphDiv .chart-container .chart-header{display:flex;flex-direction:column}.graphDiv .chart-container .chart-header p{font-weight:400;font-size:16px;line-height:120%}.graphDiv .chart-container .card-body{display:flex;flex-direction:column;gap:20px}.graphDiv .chart-container .chart-header h2{font-weight:600;font-size:23px;line-height:130%;color:#354341!important}.graphDiv .chart-container .chart-wrapper{flex:1 1;position:relative}.graphDiv .line-chart-container{display:flex;position:relative;height:100%}.graphDiv .y-axis-labels{display:flex;flex-direction:column;justify-content:space-between;padding-right:10px;font-size:12px;color:#666;min-width:30px}.graphDiv .chart-area{flex:1 1;position:relative}.graphDiv .line-chart{width:100%;height:200px}.graphDiv .x-axis-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#666}.graphDiv .animated-path{animation:drawPath 2s ease-in-out}.graphDiv .animated-line{animation:drawLine 1.5s ease-in-out}.graphDiv .animated-point{animation:fadeInScale .5s ease-in-out}@keyframes drawPath{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes drawLine{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}@keyframes fadeInScale{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.graphDiv .funnel-chart-container{display:flex;flex-direction:column;gap:20px}.graphDiv .funnel-item{display:grid;align-items:center;grid-template-columns:100px 1fr;grid-gap:16px;gap:16px}.graphDiv p.funnel-label{font-size:14px;font-weight:600;line-height:140%}.graphDiv .funnel-bar-container{flex:1 1;height:32px;border-radius:8px;overflow:hidden;position:relative}.graphDiv .funnel-bar{height:100%;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;padding-left:12px;transition:width 1s ease-in-out}.graphDiv .funnel-bar.animated{animation:slideIn 1s ease-in-out}@keyframes slideIn{0%{width:0!important}}.graphDiv .funnel-value{color:var(--whitetext-color);font-weight:400;font-size:14px;line-height:140%}.ListingDivCards{background:var(--background-color);border:1px solid var(--sidebarborder-color);border-radius:8px;padding:28px;height:100%;display:flex;flex-direction:column;gap:28px;transition:transform .2s ease,box-shadow .2s ease}.ListingDivCards:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.ListingDivCards .ListCardHeader{display:flex;align-items:center;justify-content:space-between}.ListingDivCards .ListCardHeader h6{font-weight:600;font-size:19px;line-height:130%}.ListingDivCards .ListCardHeader .listIcon{display:flex;align-items:center;justify-content:center;background:var(--green25);width:32px;height:32px;border-radius:8px}.ListingDivCards .ListCardHeader .listIcon svg{color:var(--primary-color);font-size:20px}.ListingDivCards .ListingCardContent{flex:1 1;display:flex;flex-direction:column;gap:20px}.ListingDivCards .ListingCardContent .data-list-item{opacity:0;transform:translateX(-20px);transition:all .3s ease}.ListingDivCards .ListingCardContent .data-list-item.visible{opacity:1;transform:translateX(0)}.ListingDivCards .ListingCardContent .item-content{display:flex;justify-content:space-between;align-items:center}.ListingDivCards .ListingCardContent .item-content h6,.ListingDivCards .ListingCardContent .item-content p{font-weight:400;font-size:14px;line-height:140%}.CustomersDiv{display:flex;flex-direction:column;gap:32px}.CustomersDiv .reviews-header{display:flex;justify-content:space-between;align-items:center}.CustomersDiv .reviews-header h5{font-weight:600;font-size:23px;line-height:130%}.CustomersDiv .reviews-header .rating-summary{display:flex;align-items:center;gap:8px}.CustomersDiv .reviews-header .rating-summary span{display:flex;align-items:center;gap:2px;font-weight:600;font-size:14px;color:var(--black-color)}.CustomersDiv .reviews-header .rating-summary p{font-weight:600;font-size:14px;color:var(--border-color)!important}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:24px;gap:24px;margin-bottom:30px}.review-card{background:white;border:1px solid var(--sidebarborder-color);border-radius:8px;padding:24px;transition:transform .2s ease,box-shadow .2s ease;position:relative}.review-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.review-header{margin-bottom:16px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-pending{background:#f8f9fa;color:#6c757d}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.review-content{margin-bottom:20px}.reviewer-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reviewer-name{font-weight:600;font-size:16px;color:#333;margin:0}.rating-stars{display:flex;gap:2px}.star{font-size:16px;transition:color .2s ease}.star.filled{color:#ffc107}.star.empty{color:#e9ecef}.review-details{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;color:#666}.product-name{font-weight:500}.time-ago{color:#999}.review-text{font-size:14px;line-height:1.5;color:#333;margin:0 0 16px}.reply-section{background:#f8f9fa;border-radius:6px;padding:12px;margin-top:12px}.reply-header{margin-bottom:8px}.reply-label{font-size:12px;font-weight:600;color:#00A991;text-transform:uppercase}.reply-text{font-size:14px;color:#333;margin:0;font-style:italic}.review-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:4px;font-size:12px;padding:6px 12px;border-radius:6px;transition:all .3s ease}.approve-btn{background:#28a745;border-color:#28a745;color:white}.approve-btn:hover{background:#218838;border-color:#1e7e34}.reject-btn{background:#dc3545;border-color:#dc3545;color:white}.reject-btn:hover{background:#c82333;border-color:#bd2130}.reply-btn{background:white;border-color:#dee2e6;color:#333}.reply-btn:hover{background:#f8f9fa;border-color:#adb5bd}.replied-btn{background:#d4edda;border-color:#c3e6cb;color:#155724}.delete-btn{background:#dc3545;border-color:#dc3545;color:white;padding:6px 8px}.delete-btn:hover{background:#c82333;border-color:#bd2130}.see-all-reviews-btn{display:flex;justify-content:center}.see-all-reviews-btn a{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid #b1b6b6;background:white;color:#556260;font-size:14px;line-height:140%;min-height:44px;font-weight:600;border-radius:8px;transition:all .3s ease;&:hover{background:var(--green25);color:var(--primary-color);border-color:var(--primary-color)}}.PromotionsDiv{display:flex;flex-direction:column;gap:24px}.PromotionsDiv .promotions-header{display:flex;align-items:center;gap:8px}.PromotionsDiv .promotions-header h5{font-size:23px;font-weight:600;line-height:130%}.PromotionsDiv .promotions-header span{display:flex;align-items:center;gap:4px;background:#ECF0FC;padding:8px 11px;border-radius:4px;min-height:36px;min-width:78px;font-size:14px;font-weight:600;color:var(--secondary-color)}.PromotionsDiv .promotions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(348px,1fr));grid-gap:20px;gap:20px}.PromotionsDiv .promotion-card{background:var(--black50-bg);border:1px solid var(--sidebarborder-color);border-radius:8px;padding:17px;transition:transform .2s ease,box-shadow .2s ease;min-height:138px}.PromotionsDiv .promotion-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.PromotionsDiv .promotion-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;min-height:60px}.PromotionsDiv .promotion-card .card-header h5{font-size:14px;font-weight:600;line-height:140%;max-width:220px}.PromotionsDiv .promotion-card .card-header span{min-height:23px;min-width:72px;display:flex;align-items:center;justify-content:center;background:#05619E;border-radius:9999px;padding:3px 11px;font-weight:600;font-size:12px;color:var(--whitetext-color)}.PromotionsDiv .promotion-card .card-content{display:flex;align-items:center;justify-content:space-between}.PromotionsDiv .promotion-card .card-content .promotion-info{display:flex;align-items:center;gap:16px}.PromotionsDiv .promotion-card .card-content .promotion-info .info-row{display:flex;align-items:center;gap:4px}.PromotionsDiv .promotion-card .card-content .promotion-info .info-row span{font-weight:400;font-size:12px;line-height:140%;color:var(--text-color)}.PromotionsDiv .promotion-card .card-content .card-actions button{background:var(--background-color);min-width:52px;min-height:36px;border:1px solid var(--sidebarborder-color);border-radius:6px;padding:1px 13px;color:var(--btnColor);font-size:14px;font-weight:600}.PromotionsDiv .create-promotion-btn{display:flex;align-items:center;justify-content:center}.PromotionsDiv .create-promotion-btn button{background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;font-weight:600;color:var(--text-color);transition:all .5s;min-height:48px;&:hover{background:var(--green25)!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)}}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.create-btn{background:var(--primary-color);border-color:var(--primary-color)}.create-btn:hover{background:#008a7a;border-color:#008a7a}.promotion-details{padding:20px 0}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.detail-header h4{font-weight:600;font-size:20px;color:#333;flex:1 1;margin:0 12px 0 0}.detail-info{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;align-items:center;gap:8px;font-size:14px}.info-item strong{min-width:100px;color:#333}.status-active{background:#28a745;color:white;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}@media (max-width:768px){.DashboardContent{margin-left:0}.funnel-item{flex-direction:column;align-items:flex-start;gap:8px}.funnel-label{min-width:auto}.funnel-bar-container{width:100%}.data-list-card{margin-bottom:20px}.item-content{flex-direction:column;align-items:flex-start;gap:4px}.item-name{margin-right:0}.promotions-grid{grid-template-columns:1fr}.promotions-header{align-items:flex-start;gap:16px}.card-actions,.promotions-header{flex-direction:column}}.SidebarSec{width:254px;border-right:1px solid var(--sidebarborder-color);height:100vh;position:fixed;top:0;left:0;z-index:100;background:white;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.SidebarSec .TopSideLogo{min-height:75px;display:flex;gap:8px;align-items:center;padding:16px 16px 17px;border-bottom:1px solid var(--sidebarborder-color);justify-content:center}.SidebarSec .TopSideLogo .TopSideLogoText h4{font-weight:600;font-size:19px;line-height:130%;margin:0;color:var(--black-color)}.SidebarSec .TopSideLogo .TopSideLogoText p{font-weight:400;font-size:12px;line-height:140%;margin:0;color:var(--paragraph-color)}.SidebarSec .MidSidebarDiv{padding:20px 0;overflow-y:auto;max-height:calc(100vh - 159px)}.SidebarSec .MidSidebarDiv .sidebar-navigation{display:flex;flex-direction:column;gap:24px}.SidebarSec .MidSidebarDiv .nav-section{display:flex;flex-direction:column;gap:12px}.SidebarSec .MidSidebarDiv .section-title{font-size:12px;font-weight:500;color:var(--paragraph-color);text-transform:uppercase;letter-spacing:.5px;margin:0;padding:0 16px}.SidebarSec .MidSidebarDiv .nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.SidebarSec .MidSidebarDiv .nav-item{margin:0}.SidebarSec .MidSidebarDiv .nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:var(--black-color);font-size:14px;font-weight:500;line-height:140%;transition:all .3s ease;border-radius:0;position:relative}.SidebarSec .MidSidebarDiv .nav-link.active,.SidebarSec .MidSidebarDiv .nav-link:hover{background-color:var(--green25);color:var(--primary-color)}.SidebarSec .MidSidebarDiv .nav-link.active{font-weight:600}.SidebarSec .MidSidebarDiv .nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--primary-color)}.SidebarSec .MidSidebarDiv .nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--primary-color);transition:all .3s ease}.SidebarSec .MidSidebarDiv .nav-link.active .nav-icon,.SidebarSec .MidSidebarDiv .nav-link:hover .nav-icon{color:var(--primary-color);transform:scale(1.1)}.MidSidebarDiv .nav-text{flex:1 1;transition:all .3s ease}.SidebarSec .MidSidebarDiv .nav-link.active .nav-text,.SidebarSec .MidSidebarDiv .nav-link:hover .nav-text{color:var(--primary-color)}.SidebarSec .BottomSidebarDiv{min-height:84px;display:flex;gap:6px;align-items:center;padding:8px 12px 20px;border-top:1px solid var(--sidebarborder-color);flex-shrink:0}.SidebarSec .BottomSidebarDiv .btprofile{width:40px;height:40px;background:var(--light-green);border-radius:50%;display:flex;align-items:center;justify-content:center}.SidebarSec .BottomSidebarDiv .btprofile span{font-family:var(--roboto-font);font-weight:500;font-size:16px;line-height:24px;color:var(--primary-color)}.SidebarSec .BottomSidebarDiv .ProfileText{display:flex;flex-direction:column;gap:2px}.SidebarSec .BottomSidebarDiv .ProfileText h4{font-size:14px;line-height:140%;font-weight:600;margin:0;color:var(--black-color)}.SidebarSec .BottomSidebarDiv .ProfileText button{color:var(--paragraph-color);font-size:12px;line-height:140%;font-weight:400;text-decoration:none;transition:all .3s ease;background:transparent!important;border:none;padding:0;display:flex;align-items:flex-start}.SidebarSec .BottomSidebarDiv .ProfileText button:hover{color:var(--primary-color)}@media (max-width:768px){.SidebarSec{width:100%;position:fixed;top:0;left:0;z-index:1000;transform:translateX(-100%);transition:transform .3s ease}.SidebarSec.open{transform:translateX(0)}.SidebarSec .MidSidebarDiv{max-height:calc(100vh - 140px)}}.SidebarSec .MidSidebarDiv::-webkit-scrollbar{width:4px}.SidebarSec .MidSidebarDiv::-webkit-scrollbar-track{background:transparent}.SidebarSec .MidSidebarDiv::-webkit-scrollbar-thumb{background:var(--sidebarborder-color);border-radius:2px}.SidebarSec .MidSidebarDiv::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}