:root{--bg-main:#f5f7fa;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--border:#e2e8f0;--cyan:#00bcd4;--green:#16a34a;--blue:#2563eb;--purple:#7c3aed;--dark-green:#0f7b46;--green-dark:#00c96a}body.dark{--bg-main:#050b16;--bg-secondary:#09111f;--bg-card:#0d1627;--bg-sidebar:#07101d;--bg-hover:#121e32;--cyan:#19f5ff;--cyan-light:#59f8ff;--cyan-dark:#00c8e8;--green:#16f08b;--green-light:#42ffb0;--green-dark:#00c96a;--blue:#3da8ff;--blue-light:#73c4ff;--blue-dark:#1a73e8;--purple:#7869ff;--purple-light:#9a8bff;--purple-dark:#5b49e8;--text-primary:#f5f7fa;--text-secondary:#a2aec2;--text-muted:#6f7b91;--border:#1a2638;--border-light:#263549;--glow-cyan:rgba(25,245,255,.45);--glow-green:rgba(22,240,139,.35);--glow-blue:rgba(61,168,255,.35);--glow-purple:rgba(120,105,255,.35)}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}button{cursor:pointer}body{user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:var(--bg-main);font-family:var(--font-body)}@media (max-width:549px){header{background:#fff;border:none;justify-content:space-between;margin-bottom:10px;padding:15px;display:flex}header .manu img{cursor:pointer;cursor:pointer;width:30px}header .wrap{align-items:center;gap:10px;display:flex}header .wrap .notiWrapper{border:1px solid var(--border);border-radius:10px;padding:5px 10px;position:relative}header .wrap .notiWrapper .notificationBadge .badge{color:#fff;background:red;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;font-weight:600;display:flex;position:absolute;top:-10px;left:21px}header .wrap .userName{text-transform:uppercase;justify-content:center;align-items:center;gap:7px;display:flex}header .wrap .userName .shortName{border:1px solid var(--border);color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:5px;font-size:13px;font-weight:600;display:flex}header .wrap .userName .name{word-wrap:break-word;max-width:120px;font-size:15px;font-weight:600;display:none}header .wrap .userName .name span{color:#16a34a;font-size:12px}.navs{border:1px solid var(--border);z-index:999;background:#fff;flex-direction:column;width:0;height:100vh;padding:5px;transition:all .3s;display:flex;position:fixed;top:0;left:-400px}.navs.activate{width:300px;left:0}.navs .heading{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.navs .heading .storeName{align-items:center;gap:10px;display:flex}.navs .heading .storeName .shortName{border:1px solid var(--border);color:#fff;text-transform:uppercase;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:5px;font-size:15px;font-weight:600;display:flex}.navs .heading .storeName .name{word-wrap:break-word;text-transform:capitalize;max-width:120px;font-size:15px;font-weight:600}.navs .heading .storeName .name span{color:#16a34a;font-size:12px}.navs .heading img{border:1px solid var(--border);background:#ccc;border-radius:50%;width:27px;height:27px;padding:4px}nav .wrapper{padding:10px}nav a{text-transform:capitalize;color:#000;align-items:center;gap:5px;padding:13px;text-decoration:none;display:flex}nav a:hover{color:#fff;background:#064e3b;border-radius:15px;transition:all .3s}nav a img{background:#fff;border:none;border-radius:5px;width:25px;padding:4px}nav a.active{color:#fff;background:#064e3b;border-radius:15px}nav button{color:#fff;background:red;border:none;border-radius:15px;width:100%;padding:13px;font-size:1.1rem;font-weight:600}.wrapper .wrap{padding:10px}.summaryCards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%;margin-bottom:20px;display:grid}.summaryCards .card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:15px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.summaryCards .card:hover{transition:all .3s;transform:translateY(-2px)}.summaryCards .card .title{color:#666;text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1rem;font-weight:600;display:flex}.summaryCards .card .title img{background-color:#00c96a;border-radius:5px;width:23px;padding:4px;font-weight:600}.summaryCards .card .tag{margin-bottom:10px;font-size:2rem;font-weight:600}.summaryCards .card .small{color:#666;font-size:14px}.summaryCards .mothlyIncome{background:var(--dark-green);color:#fff}.summaryCards .mothlyIncome .amount{margin-bottom:10px;font-size:2rem;font-weight:600}.summaryCards .mothlyIncome .orders{font-size:15px}.summaryCards .mothlyIncome .title{color:var(--text-muted)}.summaryCards .mothlyIncome .small{color:#fff}.revenueFlowChart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.revenueFlowChart:hover{transition:all .3s;transform:translateY(-2px)}.revenueFlowChart .head{justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.revenueFlowChart .head .heading{font-size:1rem;font-weight:600}.revenueFlowChart .head select{text-align:center;border:1px solid #ccc;border-radius:9px;width:100px;padding:5px;font-weight:600}.revenueFlowChart .head select:focus{border:2px solid #0f7b46;outline:none}.orderSummaryDiv{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.orderSummaryDiv:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.orderSummaryDiv .heading{border-bottom:1px solid #ccc;margin-bottom:15px;padding:10px;font-size:1rem;font-weight:600}.orderSummary{height:35vh;padding:10px;overflow-y:auto}.orderSummary .card{border-bottom:1px solid #ccc;border-bottom-right-radius:15px;border-bottom-left-radius:15px;margin-bottom:20px;padding:10px}.orderSummary .card .head{color:#666;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.orderSummary .card .head .status{text-align:center;text-transform:capitalize;border-radius:10px;padding:4px 10px;font-size:15px;font-weight:600}.orderSummary .card .head .pending{color:#d97706;background:#fef3c7}.orderSummary .card .head .accepted{color:#2563eb;background:#dbeafe}.orderSummary .card .head .dispatched{color:#7c3aed;background:#ede9fe}.orderSummary .card .head .delivered{color:#059669;background:#d1fae5}.orderSummary .card .head .cancelled{color:#dc2626;background:#fee2e2}.orderSummary .card .name{text-transform:capitalize;margin-bottom:5px;font-size:1.1rem;font-weight:600}.orderSummary .card .items{text-transform:capitalize;color:#666;word-wrap:break-word;margin-bottom:10px;font-size:15px}.orderSummary .card .wrapper{justify-content:space-between;align-items:center;display:flex}.orderSummary .card .wrapper .price{color:#0f7b46;font-size:1.1rem;font-weight:600}.orderSummary .card .wrapper .time{color:gray;font-size:.9rem}.alerts{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.alerts:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.alerts .heading{border-bottom:1px solid #ccc;margin-bottom:15px;padding:10px;font-size:1rem;font-weight:600}.inventoryAlerts{height:30vh;padding:10px;overflow-y:auto}.inventoryAlerts .item{text-transform:capitalize;justify-content:space-between;margin-bottom:10px;display:flex}.inventoryAlerts .item .low{text-align:center;text-transform:capitalize;color:#d97706;background:#fef3c7;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;display:flex}.inventoryAlerts .item .out{text-align:center;text-transform:capitalize;color:#dc2626;background:#fee2e2;border-radius:5px;padding:5px 10px;font-size:13px;font-weight:600}.notification{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.notification:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.notification .top{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;display:flex}.notification .top .actions button{cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600}.notification .top .actions #read{color:#2563eb;font-size:1rem;font-weight:600;text-decoration:underline}.notification .top .actions #delete{color:#dc2626;font-size:1rem;font-weight:600;text-decoration:underline}.notification .heading{font-size:1rem;font-weight:600}.notification .wrapper{height:40vh;padding:5px;overflow-y:auto}.notification .wrapper .card{border-bottom:1px solid #ccc;margin-bottom:5px;padding:5px}.notification .wrapper .card .title{text-transform:capitalize;margin-bottom:3px;font-size:1.1rem;font-weight:600}.notification .wrapper .card .message{margin-bottom:7px;font-size:15px}.notification .wrapper .card .time{text-align:right;color:#9ca3af;font-size:13px}.notification .wrapper .not-read{border-left:5px solid #3b82f6;border-radius:10px}}@media (min-width:550px) and (max-width:758px){header{background:#fff;border:none;justify-content:space-between;margin-bottom:10px;padding:15px;display:flex}header .manu img{cursor:pointer;cursor:pointer;width:30px}header .wrap{align-items:center;gap:10px;display:flex}header .wrap .notiWrapper{border:1px solid var(--border);border-radius:10px;padding:5px 10px;position:relative}header .wrap .notiWrapper .notificationBadge .badge{color:#fff;background:red;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;font-weight:600;display:flex;position:absolute;top:-10px;left:21px}header .wrap .userName{text-transform:uppercase;justify-content:center;align-items:center;gap:7px;display:flex}header .wrap .userName .shortName{border:1px solid var(--border);color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:5px;font-size:13px;font-weight:600;display:flex}header .wrap .userName .name{word-wrap:break-word;max-width:120px;font-size:15px;font-weight:600;display:none}header .wrap .userName .name span{color:#16a34a;font-size:12px}.navs{border:1px solid var(--border);z-index:999;background:#fff;flex-direction:column;width:0;height:100vh;padding:5px;transition:all .3s;display:flex;position:fixed;top:0;left:-400px}.navs.activate{width:300px;left:0}.navs .heading{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.navs .heading .storeName{align-items:center;gap:10px;display:flex}.navs .heading .storeName .shortName{border:1px solid var(--border);color:#fff;text-transform:uppercase;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:5px;font-size:15px;font-weight:600;display:flex}.navs .heading .storeName .name{word-wrap:break-word;text-transform:capitalize;max-width:120px;font-size:15px;font-weight:600}.navs .heading .storeName .name span{color:#16a34a;font-size:12px}.navs .heading img{border:1px solid var(--border);background:#ccc;border-radius:50%;width:27px;height:27px;padding:4px}nav .wrapper{padding:10px}nav a{text-transform:capitalize;color:#000;align-items:center;gap:5px;padding:13px;text-decoration:none;display:flex}nav a:hover{color:#fff;background:#064e3b;border-radius:15px;transition:all .3s}nav a img{background:#fff;border:none;border-radius:5px;width:25px;padding:4px}nav a.active{color:#fff;background:#064e3b;border-radius:15px}nav button{color:#fff;background:red;border:none;border-radius:15px;width:100%;padding:13px;font-size:1.1rem;font-weight:600}.wrapper .wrap{padding:10px}.summaryCards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;width:100%;margin-bottom:20px;display:grid}.summaryCards .card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:15px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.summaryCards .card:hover{transition:all .3s;transform:translateY(-2px)}.summaryCards .card .title{color:#666;text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1rem;font-weight:600;display:flex}.summaryCards .card .title img{background-color:#00c96a;border-radius:5px;width:23px;padding:4px;font-weight:600}.summaryCards .card .tag{margin-bottom:10px;font-size:2rem;font-weight:600}.summaryCards .card .small{color:#666;font-size:14px}.summaryCards .mothlyIncome{background:var(--dark-green);color:#fff}.summaryCards .mothlyIncome .amount{margin-bottom:10px;font-size:2rem;font-weight:600}.summaryCards .mothlyIncome .orders{font-size:15px}.summaryCards .mothlyIncome .title{color:var(--text-muted)}.summaryCards .mothlyIncome .small{color:#fff}.revenueFlowChart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.revenueFlowChart:hover{transition:all .3s;transform:translateY(-2px)}.revenueFlowChart .head{justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.revenueFlowChart .head .heading{font-size:1rem;font-weight:600}.revenueFlowChart .head select{text-align:center;border:1px solid #ccc;border-radius:9px;width:100px;padding:5px;font-weight:600}.revenueFlowChart .head select:focus{border:2px solid #0f7b46;outline:none}.orderSummaryDiv{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.orderSummaryDiv:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.orderSummaryDiv .heading{border-bottom:1px solid #ccc;margin-bottom:15px;padding:10px;font-size:1rem;font-weight:600}.orderSummary{height:35vh;padding:10px;overflow-y:auto}.orderSummary .card{border-bottom:1px solid #ccc;border-bottom-right-radius:15px;border-bottom-left-radius:15px;margin-bottom:20px;padding:10px}.orderSummary .card .head{color:#666;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.orderSummary .card .head .status{text-align:center;text-transform:capitalize;border-radius:10px;padding:4px 10px;font-size:15px;font-weight:600}.orderSummary .card .head .pending{color:#d97706;background:#fef3c7}.orderSummary .card .head .accepted{color:#2563eb;background:#dbeafe}.orderSummary .card .head .dispatched{color:#7c3aed;background:#ede9fe}.orderSummary .card .head .delivered{color:#059669;background:#d1fae5}.orderSummary .card .head .cancelled{color:#dc2626;background:#fee2e2}.orderSummary .card .name{text-transform:capitalize;margin-bottom:5px;font-size:1.1rem;font-weight:600}.orderSummary .card .items{text-transform:capitalize;color:#666;word-wrap:break-word;margin-bottom:10px;font-size:15px}.orderSummary .card .wrapper{justify-content:space-between;align-items:center;display:flex}.orderSummary .card .wrapper .price{color:#0f7b46;font-size:1.1rem;font-weight:600}.orderSummary .card .wrapper .time{color:gray;font-size:.9rem}.alerts{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.alerts:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.alerts .heading{border-bottom:1px solid #ccc;margin-bottom:15px;padding:10px;font-size:1rem;font-weight:600}.inventoryAlerts{height:30vh;padding:10px;overflow-y:auto}.inventoryAlerts .item{text-transform:capitalize;justify-content:space-between;margin-bottom:10px;display:flex}.inventoryAlerts .item .low{text-align:center;text-transform:capitalize;color:#d97706;background:#fef3c7;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;display:flex}.inventoryAlerts .item .out{text-align:center;text-transform:capitalize;color:#dc2626;background:#fee2e2;border-radius:5px;padding:5px 10px;font-size:13px;font-weight:600}.notification{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.notification:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.notification .top{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;display:flex}.notification .top .actions button{cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600}.notification .top .actions #read{color:#2563eb;font-size:1rem;font-weight:600;text-decoration:underline}.notification .top .actions #delete{color:#dc2626;font-size:1rem;font-weight:600;text-decoration:underline}.notification .heading{font-size:1rem;font-weight:600}.notification .wrapper{height:40vh;padding:5px;overflow-y:auto}.notification .wrapper .card{border-bottom:1px solid #ccc;margin-bottom:5px;padding:5px}.notification .wrapper .card .title{text-transform:capitalize;margin-bottom:3px;font-size:1.1rem;font-weight:600}.notification .wrapper .card .message{margin-bottom:7px;font-size:15px}.notification .wrapper .card .time{text-align:right;color:#9ca3af;font-size:13px}.notification .wrapper .not-read{border-left:5px solid #3b82f6;border-radius:10px}}@media (min-width:759px) and (max-width:1100px){header{background:#fff;border:none;justify-content:space-between;margin-bottom:10px;padding:15px;display:flex}header .manu img{cursor:pointer;cursor:pointer;width:30px}header .wrap{align-items:center;gap:10px;display:flex}header .wrap .notiWrapper{border:1px solid var(--border);border-radius:10px;padding:5px 10px;position:relative}header .wrap .notiWrapper .notificationBadge .badge{color:#fff;background:red;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;font-weight:600;display:flex;position:absolute;top:-10px;left:21px}header .wrap .userName{text-transform:capitalize;justify-content:center;align-items:center;gap:7px;display:flex}header .wrap .userName .shortName{border:1px solid var(--border);color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:5px;font-size:13px;font-weight:600;display:flex}header .wrap .userName .name{word-wrap:break-word;max-width:120px;font-size:15px;font-weight:600}header .wrap .userName .name span{color:#16a34a;font-size:12px}.navs{border:1px solid var(--border);z-index:999;background:#fff;flex-direction:column;width:0;height:100vh;padding:5px;transition:all .3s;display:flex;position:fixed;top:0;left:-400px}.navs.activate{width:350px;left:0}.navs .heading{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.navs .heading .storeName{align-items:center;gap:10px;display:flex}.navs .heading .storeName .shortName{border:1px solid var(--border);color:#fff;text-transform:uppercase;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:5px;font-size:15px;font-weight:600;display:flex}.navs .heading .storeName .name{word-wrap:break-word;text-transform:capitalize;max-width:120px;font-size:15px;font-weight:600}.navs .heading .storeName .name span{color:#16a34a;font-size:12px}.navs .heading img{border:1px solid var(--border);background:#ccc;border-radius:50%;width:27px;height:27px;padding:4px}nav .wrapper{padding:10px}nav a{text-transform:capitalize;color:#000;align-items:center;gap:5px;padding:13px;text-decoration:none;display:flex}nav a:hover{color:#fff;background:#064e3b;border-radius:15px;transition:all .3s}nav a img{background:#fff;border:none;border-radius:5px;width:25px;padding:4px}nav a.active{color:#fff;background:#064e3b;border-radius:15px}nav button{color:#fff;background:red;border:none;border-radius:15px;width:100%;padding:13px;font-size:1.1rem;font-weight:600}.wrapper .wrap{padding:10px}.summaryCards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:10px;width:100%;margin-bottom:20px;display:grid}.summaryCards .card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:25px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.summaryCards .card:hover{transition:all .3s;transform:translateY(-2px)}.summaryCards .card .title{color:#666;text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1rem;font-weight:600;display:flex}.summaryCards .card .title img{background-color:#00c96a;border-radius:5px;width:23px;padding:4px;font-weight:600}.summaryCards .card .tag{margin-bottom:10px;font-size:2rem;font-weight:600}.summaryCards .card .small{color:#666;font-size:14px}.summaryCards .mothlyIncome{background:var(--dark-green);color:#fff}.summaryCards .mothlyIncome .amount{margin-bottom:10px;font-size:2rem;font-weight:600}.summaryCards .mothlyIncome .orders{font-size:15px}.summaryCards .mothlyIncome .title{color:var(--text-muted)}.summaryCards .mothlyIncome .small{color:#fff}.wrapper .wrap .grid{grid-template-columns:repeat(auto-fit,minmax(550px,1fr));gap:20px;width:100%;margin-bottom:20px;display:grid}.revenueFlowChart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.revenueFlowChart:hover{transition:all .3s;transform:translateY(-2px)}.revenueFlowChart .head{justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.revenueFlowChart .head .heading{font-size:1rem;font-weight:600}.revenueFlowChart .head select{text-align:center;border:1px solid #ccc;border-radius:9px;width:100px;padding:5px;font-weight:600}.revenueFlowChart .head select:focus{border:2px solid #0f7b46;outline:none}.revenueFlowChart .chart{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important}.orderSummaryDiv{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.orderSummaryDiv:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.orderSummaryDiv .heading{border-bottom:1px solid #ccc;margin-bottom:15px;padding:10px;font-size:1rem;font-weight:600}.orderSummary{height:35vh;padding:10px;overflow-y:auto}.orderSummary .card{border-bottom:1px solid #ccc;border-bottom-right-radius:15px;border-bottom-left-radius:15px;margin-bottom:20px;padding:10px}.orderSummary .card .head{color:#666;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.orderSummary .card .head .status{text-align:center;text-transform:capitalize;border-radius:10px;padding:4px 10px;font-size:15px;font-weight:600}.orderSummary .card .head .pending{color:#d97706;background:#fef3c7}.orderSummary .card .head .accepted{color:#2563eb;background:#dbeafe}.orderSummary .card .head .dispatched{color:#7c3aed;background:#ede9fe}.orderSummary .card .head .delivered{color:#059669;background:#d1fae5}.orderSummary .card .head .cancelled{color:#dc2626;background:#fee2e2}.orderSummary .card .name{text-transform:capitalize;margin-bottom:5px;font-size:1.1rem;font-weight:600}.orderSummary .card .items{text-transform:capitalize;color:#666;word-wrap:break-word;margin-bottom:10px;font-size:15px}.orderSummary .card .wrapper{justify-content:space-between;align-items:center;display:flex}.orderSummary .card .wrapper .price{color:#0f7b46;font-size:1.1rem;font-weight:600}.orderSummary .card .wrapper .time{color:gray;font-size:.9rem}.alerts{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.alerts:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.alerts .heading{border-bottom:1px solid #ccc;margin-bottom:15px;padding:10px;font-size:1rem;font-weight:600}.inventoryAlerts{height:30vh;padding:10px;overflow-y:auto}.inventoryAlerts .item{text-transform:capitalize;justify-content:space-between;margin-bottom:10px;display:flex}.inventoryAlerts .item .low{text-align:center;text-transform:capitalize;color:#d97706;background:#fef3c7;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;display:flex}.inventoryAlerts .item .out{text-align:center;text-transform:capitalize;color:#dc2626;background:#fee2e2;border-radius:5px;padding:5px 10px;font-size:13px;font-weight:600}.notification{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.notification:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.notification .top{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;display:flex}.notification .top .actions button{cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600}.notification .top .actions #read{color:#2563eb;font-size:1rem;font-weight:600;text-decoration:underline}.notification .top .actions #delete{color:#dc2626;font-size:1rem;font-weight:600;text-decoration:underline}.notification .heading{font-size:1rem;font-weight:600}.notification .wrapper{height:40vh;padding:5px;overflow-y:auto}.notification .wrapper .card{border-bottom:1px solid #ccc;margin-bottom:5px;padding:5px}.notification .wrapper .card .title{text-transform:capitalize;margin-bottom:3px;font-size:1.1rem;font-weight:600}.notification .wrapper .card .message{margin-bottom:7px;font-size:15px}.notification .wrapper .card .time{text-align:right;color:#9ca3af;font-size:13px}.notification .wrapper .not-read{border-left:5px solid #3b82f6;border-radius:10px}}@media (min-width:1101px){header{background:#fff;border:none;justify-content:space-between;margin-bottom:10px;padding:15px;display:flex}header .manu img{cursor:pointer;cursor:pointer;width:30px}header .wrap{align-items:center;gap:10px;display:flex}header .wrap .notiWrapper{border:1px solid var(--border);border-radius:10px;padding:5px 10px;position:relative}header .wrap .notiWrapper .notificationBadge .badge{color:#fff;background:red;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;font-weight:600;display:flex;position:absolute;top:-10px;left:21px}header .wrap .userName{text-transform:capitalize;justify-content:center;align-items:center;gap:7px;display:flex}header .wrap .userName .shortName{border:1px solid var(--border);color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:5px;font-size:13px;font-weight:600;display:flex}header .wrap .userName .name{word-wrap:break-word;max-width:120px;font-size:15px;font-weight:600}header .wrap .userName .name span{color:#16a34a;font-size:12px}.navs{border:1px solid var(--border);z-index:999;background:#fff;flex-direction:column;width:0;height:100vh;padding:5px;transition:all .3s;display:flex;position:fixed;top:0;left:-400px}.navs.activate{width:350px;left:0}.navs .heading{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.navs .heading .storeName{align-items:center;gap:10px;display:flex}.navs .heading .storeName .shortName{border:1px solid var(--border);color:#fff;text-transform:uppercase;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:5px;font-size:15px;font-weight:600;display:flex}.navs .heading .storeName .name{word-wrap:break-word;text-transform:capitalize;max-width:120px;font-size:15px;font-weight:600}.navs .heading .storeName .name span{color:#16a34a;font-size:12px}.navs .heading img{border:1px solid var(--border);background:#ccc;border-radius:50%;width:27px;height:27px;padding:4px}nav .wrapper{padding:10px}nav a{text-transform:capitalize;color:#000;align-items:center;gap:5px;padding:13px;text-decoration:none;display:flex}nav a:hover{color:#fff;background:#064e3b;border-radius:15px;transition:all .3s}nav a img{background:#fff;border:none;border-radius:5px;width:25px;padding:4px}nav a.active{color:#fff;background:#064e3b;border-radius:15px}nav button{color:#fff;background:red;border:none;border-radius:15px;width:100%;padding:13px;font-size:1.1rem;font-weight:600}.wrapper .wrap{padding:10px}.summaryCards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:10px;width:100%;margin-bottom:20px;display:grid}.summaryCards .card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:25px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.summaryCards .card:hover{transition:all .3s;transform:translateY(-2px)}.summaryCards .card .title{color:#666;text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1rem;font-weight:600;display:flex}.summaryCards .card .title img{background-color:#00c96a;border-radius:5px;width:23px;padding:4px;font-weight:600}.summaryCards .card .tag{margin-bottom:10px;font-size:2rem;font-weight:600}.summaryCards .card .small{color:#666;font-size:14px}.summaryCards .mothlyIncome{background:var(--dark-green);color:#fff}.summaryCards .mothlyIncome .amount{margin-bottom:10px;font-size:2rem;font-weight:600}.summaryCards .mothlyIncome .orders{font-size:15px}.summaryCards .mothlyIncome .title{color:var(--text-muted)}.summaryCards .mothlyIncome .small{color:#fff}.wrapper .wrap .grid{grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:20px;width:100%;margin-bottom:20px;display:grid}.revenueFlowChart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.revenueFlowChart:hover{transition:all .3s;transform:translateY(-2px)}.revenueFlowChart .head{justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.revenueFlowChart .head .heading{font-size:1rem;font-weight:600}.revenueFlowChart .head select{text-align:center;border:1px solid #ccc;border-radius:9px;width:100px;padding:5px;font-weight:600}.revenueFlowChart .head select:focus{border:2px solid #0f7b46;outline:none}.revenueFlowChart .chart{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important}.orderSummaryDiv{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.orderSummaryDiv:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.orderSummaryDiv .heading{border-bottom:1px solid #ccc;margin-bottom:15px;padding:10px;font-size:1rem;font-weight:600}.orderSummary{height:400px;padding:10px;overflow-y:auto}.orderSummary .card{border-bottom:1px solid #ccc;border-bottom-right-radius:15px;border-bottom-left-radius:15px;margin-bottom:20px;padding:10px}.orderSummary .card .head{color:#666;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.orderSummary .card .head .status{text-align:center;text-transform:capitalize;border-radius:10px;padding:4px 10px;font-size:15px;font-weight:600}.orderSummary .card .head .pending{color:#d97706;background:#fef3c7}.orderSummary .card .head .accepted{color:#2563eb;background:#dbeafe}.orderSummary .card .head .dispatched{color:#7c3aed;background:#ede9fe}.orderSummary .card .head .delivered{color:#059669;background:#d1fae5}.orderSummary .card .head .cancelled{color:#dc2626;background:#fee2e2}.orderSummary .card .name{text-transform:capitalize;margin-bottom:5px;font-size:1.1rem;font-weight:600}.orderSummary .card .items{text-transform:capitalize;color:#666;word-wrap:break-word;margin-bottom:10px;font-size:15px}.orderSummary .card .wrapper{justify-content:space-between;align-items:center;display:flex}.orderSummary .card .wrapper .price{color:#0f7b46;font-size:1.1rem;font-weight:600}.orderSummary .card .wrapper .time{color:gray;font-size:.9rem}.alerts{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.alerts:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.alerts .heading{border-bottom:1px solid #ccc;margin-bottom:15px;padding:10px;font-size:1rem;font-weight:600}.inventoryAlerts{height:30vh;padding:10px;overflow-y:auto}.inventoryAlerts .item{text-transform:capitalize;justify-content:space-between;margin-bottom:10px;display:flex}.inventoryAlerts .item .low{text-align:center;text-transform:capitalize;color:#d97706;background:#fef3c7;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;display:flex}.inventoryAlerts .item .out{text-align:center;text-transform:capitalize;color:#dc2626;background:#fee2e2;border-radius:5px;padding:5px 10px;font-size:13px;font-weight:600}.notification{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.notification:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.notification .top{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;display:flex}.notification .top .actions button{cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600}.notification .top .actions #read{color:#2563eb;font-size:1rem;font-weight:600;text-decoration:underline}.notification .top .actions #delete{color:#dc2626;font-size:1rem;font-weight:600;text-decoration:underline}.notification .heading{font-size:1rem;font-weight:600}.notification .wrapper{height:40vh;padding:5px;overflow-y:auto}.notification .wrapper .card{border-bottom:1px solid #ccc;margin-bottom:5px;padding:5px}.notification .wrapper .card .title{text-transform:capitalize;margin-bottom:3px;font-size:1.1rem;font-weight:600}.notification .wrapper .card .message{margin-bottom:7px;font-size:15px}.notification .wrapper .card .time{text-align:right;color:#9ca3af;font-size:13px}.notification .wrapper .not-read{border-left:5px solid #3b82f6;border-radius:10px}}.loader-wrapper{z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:25px;height:100vh;display:flex}.loader-wrapper .loader{width:120px;height:120px;position:relative}.loader-wrapper .loader img{border-radius:15px;width:50px;height:50px}.loader-wrapper .ring{border:6px solid rgba(255,255,255,.08);border-top-color:#2ed47a;border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin;box-shadow:0 0 15px rgba(46,212,122,.3),0 0 40px rgba(46,212,122,.15)}.loader-wrapper .logo{color:#2ed47a;justify-content:center;align-items:center;font-size:34px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.loader-wrapper .logo img{animation:1.2s infinite pulse}.loader-wrapper .loader-wrapper p{color:#fff;letter-spacing:3px;font-family:Poppins,sans-serif;font-size:.9rem;animation:1.5s infinite flicker}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes flicker{0%,to{opacity:.4}50%{opacity:1}}.messageBox{color:#1f2937;z-index:99999;background:#fff;border-left:5px solid #2ed47a;border-radius:14px;align-items:center;gap:14px;min-width:320px;max-width:420px;padding:16px 22px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;animation:.35s slideIn;display:flex;position:fixed;top:65px;right:25px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.messageBox i{color:#2ed47a;font-size:1.3rem}.messageBox.hide{animation:.35s forwards slideOut}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.empty{text-align:center}.pwaActions{place-content:center;gap:5px;margin-bottom:10px;display:flex;right:150px}#install-btn{color:#fff;text-transform:capitalize;cursor:pointer;background:#1a73e8;border:none;border-radius:10px;padding:8px 10px;font-size:.8rem;font-weight:600;box-shadow:0 6px 12px rgba(0,0,0,.2)}#enableNotifications{color:#fff;text-transform:capitalize;cursor:pointer;background:#16a34a;border:none;border-radius:10px;padding:8px 10px;font-size:.8rem;font-weight:600;box-shadow:0 6px 12px rgba(0,0,0,.2)}#shareLink{color:#fff;background:#2563eb;border:none;border-radius:10px;padding:9px 10px;font-weight:600;transition:all .3s}#shareLink:hover{transform:translateY(-2px)}@media (max-width:549px){.productsHeader{justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.productsHeader .heading{color:#666;align-items:center;gap:5px;font-size:1.3rem;font-weight:600;display:flex}.productsHeader .small{color:gray;font-size:14px}.productsHeader button{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:600;box-shadow:0 5px 12px rgba(0,0,0,.2)}.searchDiv{flex-direction:column;justify-content:center;align-items:center;width:max-content;display:flex}.searchDiv .searchWrap{border:1px solid #ccc;border-radius:8px;align-items:center;padding:4px 5px;display:flex}.searchDiv .searchWrap:hover{border:2px solid #0f7b46;outline:none}.searchDiv .searchWrap input{border:none;width:100%;padding:5px 10px}.searchDiv .searchWrap input:focus{border:none;outline:none}.searchDiv button{text-align:center;color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:10px;width:100%;margin-top:5px;padding:10px;font-weight:600}.storeProducts{padding:10px}.storeProducts .card{background:#fff;border:1px solid #ccc;border-radius:20px;margin-bottom:15px;padding:15px;box-shadow:0 8px 16px rgba(0,0,0,.2)}.storeProducts .card:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.storeProducts .card .category{text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:15px;font-weight:600;display:flex}.storeProducts .card .state{border-radius:30px;padding:5px 10px;font-size:.8rem}.storeProducts .card .published{color:#fff;background:#2ed47a;border:1px solid #2ed47a}.storeProducts .card .draft{color:#fff;background:gray;border:1px solid gray}.storeProducts .card .wrapper{align-items:center;gap:15px;margin-bottom:10px;display:flex}.storeProducts .card .thumbnail{position:relative}.storeProducts .card .thumbnail .status{text-transform:capitalize;border-radius:25px;width:max-content;margin-bottom:5px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;top:-5px;left:-5px}.storeProducts .card .thumbnail .in-stock{color:#fff;background:#0f7b46}.storeProducts .card .thumbnail .out-of-stock{color:#fff;background:red}.storeProducts .card .thumbnail img{border-radius:20px;width:110px;height:120px}.storeProducts .card .productInfo{width:100%;max-height:310px;overflow-y:auto}.storeProducts .card .productInfo .name{text-transform:capitalize;margin-bottom:5px;font-size:1.3rem;font-weight:600}.storeProducts .card .productInfo .shortDes,.storeProducts .card .productInfo .descrption{color:#666;word-wrap:break-word;margin-bottom:5px;line-height:1.2rem}.storeProducts .card .productInfo .price{color:#0f7b46;margin-bottom:5px;font-size:1.3rem;font-weight:600}.storeProducts .card .productInfo .price span{color:#666;margin-left:5px;font-size:15px;font-weight:1;text-decoration:line-through}.storeProducts .card .actions{align-items:center;gap:10px;display:flex}.storeProducts .card .actions button{cursor:pointer;border:none;border-radius:10px;padding:8px 15px}.storeProducts .card .actions .viewOptions{color:#fff;background:#0f7b46;font-weight:600}.storeProducts .card .actions .deleteBtn{color:#fff;background:red;font-weight:600}.storeProducts .card .actions .editBtn{color:#fff;background:#3b82f6;font-weight:600}.formDiv{z-index:999;color:#111827;background:rgba(0,0,0,.5);width:100%;height:100vh;padding:10px;position:fixed;top:0;left:0;overflow-y:auto}.formDiv form{background:#fff;border-radius:15px;width:100%;height:max-content;margin-top:20px;margin-bottom:20px;padding:10px}.formDiv form .heading{color:#666;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:5px;margin-bottom:15px;padding:10px;font-size:15px;display:flex}.formDiv form .heading .cover{align-items:center;gap:5px;display:flex}.formDiv form .heading .warning{color:#fff;text-align:center;background:red;border-radius:10px;width:300px;padding:5px;font-size:.8rem;font-weight:600}.formDiv form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:28px;padding:3px}.formDiv form .formField{margin-bottom:10px}.formDiv form .formField label{margin-bottom:2px;font-size:15px;font-weight:600;display:block}.formDiv form .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.formDiv form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:14px}.formDiv form .formField input:focus{border:2px solid #0f7b46;outline:none}.formDiv form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:12px}.formDiv form .formField select:focus{border:2px solid #0f7b46;outline:none}.formDiv form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:10px}.formDiv form .formField textarea:focus{border:2px solid #0f7b46;outline:none}.formDiv form .checkBox{color:red;border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:5px 15px;font-weight:600;display:flex}.formDiv form .varientField{margin-bottom:15px}.formDiv form .varientField label{margin-top:10px;margin-bottom:2px;font-size:15px;font-weight:600;display:block}.formDiv form .varientField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:14px}.formDiv form .varientField input:focus{border:2px solid #0f7b46;outline:none}.formDiv form .varientField .valueInput button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:15px;margin-top:5px;padding:8px 15px;font-weight:600}.formDiv form .valuesContainer{margin-top:10px}.formDiv form .valuesContainer .chip{border:1px solid #ccc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:8px;display:flex}.formDiv form .valuesContainer .chip button{text-align:center;cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:20px;height:20px;font-size:16px}.formDiv form #saveOption{color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:15px;margin-top:5px;padding:8px 15px;font-weight:600}.formDiv form #submitBtn{color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:14px;width:100%;margin-bottom:10px;padding:15px;font-weight:600}.formDiv form .currentImage{border:1px solid #ccc;border-radius:15px;margin-bottom:10px;padding:10px}.formDiv form .currentImage .small{margin-bottom:5px;font-size:15px;font-weight:600}.formDiv form .currentImage img{border-radius:10px;width:70px;height:70px}.productOptions{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.productOptions .optinswrapper{z-index:999;background:#fff;border-top-left-radius:17px;border-top-right-radius:17px;flex-direction:column;width:100%;height:90vh;padding:10px;transition:transform .35s,all;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translateY(0)}.productOptions .optinswrapper h2{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding:10px;font-size:19px;display:flex}.productOptions .optinswrapper h2 img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:25px;padding:3px}.productOptions .optinswrapper section{border:1px solid #ccc;border-radius:10px;margin-bottom:15px;padding:10px}.productOptions .optinswrapper section h3{text-transform:capitalize;color:#666;margin-bottom:10px}.productOptions .optinswrapper section ul{padding-left:20px}.productOptions .optinswrapper section ul li{text-transform:capitalize;line-height:1.5rem}}@media (min-width:550px) and (max-width:758px){.productsHeader{justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.productsHeader .heading{color:#666;align-items:center;gap:5px;font-size:1.3rem;font-weight:600;display:flex}.productsHeader .small{color:gray;font-size:14px}.productsHeader button{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:600;box-shadow:0 5px 12px rgba(0,0,0,.2)}.searchDiv{flex-direction:column;justify-content:center;align-items:center;width:max-content;display:flex}.searchDiv .searchWrap{border:1px solid #ccc;border-radius:8px;align-items:center;padding:4px 5px;display:flex}.searchDiv .searchWrap:hover{border:2px solid #0f7b46;outline:none}.searchDiv .searchWrap input{border:none;width:100%;padding:5px 10px}.searchDiv .searchWrap input:focus{border:none;outline:none}.searchDiv button{text-align:center;color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:10px;width:100%;margin-top:5px;padding:10px;font-weight:600}.storeProducts{padding:10px}.storeProducts .card{background:#fff;border:1px solid #ccc;border-radius:20px;margin-bottom:15px;padding:15px;box-shadow:0 8px 16px rgba(0,0,0,.2)}.storeProducts .card:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.storeProducts .card .category{text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:15px;font-weight:600;display:flex}.storeProducts .card .state{border-radius:30px;padding:5px 10px;font-size:.8rem}.storeProducts .card .published{color:#fff;background:#2ed47a;border:1px solid #2ed47a}.storeProducts .card .draft{color:#fff;background:gray;border:1px solid gray}.storeProducts .card .wrapper{align-items:center;gap:15px;margin-bottom:10px;display:flex}.storeProducts .card .thumbnail{position:relative}.storeProducts .card .thumbnail .status{text-transform:capitalize;border-radius:25px;width:max-content;margin-bottom:5px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;top:-5px;left:-5px}.storeProducts .card .thumbnail .in-stock{color:#fff;background:#0f7b46}.storeProducts .card .thumbnail .out-of-stock{color:#fff;background:red}.storeProducts .card .thumbnail img{border-radius:20px;width:110px;height:120px}.storeProducts .card .productInfo{width:100%;max-height:310px;overflow-y:auto}.storeProducts .card .productInfo .name{text-transform:capitalize;margin-bottom:5px;font-size:1.3rem;font-weight:600}.storeProducts .card .productInfo .shortDes,.storeProducts .card .productInfo .descrption{color:#666;word-wrap:break-word;margin-bottom:5px;line-height:1.2rem}.storeProducts .card .productInfo .price{color:#0f7b46;margin-bottom:5px;font-size:1.3rem;font-weight:600}.storeProducts .card .productInfo .price span{color:#666;margin-left:5px;font-size:15px;font-weight:1;text-decoration:line-through}.storeProducts .card .actions{align-items:center;gap:10px;display:flex}.storeProducts .card .actions button{cursor:pointer;border:none;border-radius:10px;padding:8px 15px}.storeProducts .card .actions .viewOptions{color:#fff;background:#0f7b46;font-weight:600}.storeProducts .card .actions .deleteBtn{color:#fff;background:red;font-weight:600}.storeProducts .card .actions .editBtn{color:#fff;background:#3b82f6;font-weight:600}.formDiv{z-index:999;color:#111827;background:rgba(0,0,0,.5);width:100%;height:100vh;padding:10px;position:fixed;top:0;left:0;overflow-y:auto}.formDiv form{background:#fff;border-radius:15px;width:630px;height:max-content;margin:20px auto;padding:25px}.formDiv form .heading{color:#666;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:5px;margin-bottom:15px;padding:10px;font-size:15px;display:flex}.formDiv form .heading .cover{align-items:center;gap:5px;display:flex}.formDiv form .heading .warning{color:#fff;text-align:center;background:red;border-radius:10px;width:300px;padding:5px 10px;font-size:.9rem;font-weight:600}.formDiv form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:28px;padding:3px}.formDiv form .formField{margin-bottom:10px}.formDiv form .formField label{margin-bottom:2px;font-size:15px;font-weight:600;display:block}.formDiv form .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.formDiv form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:14px}.formDiv form .formField input:focus{border:2px solid #0f7b46;outline:none}.formDiv form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:12px}.formDiv form .formField select:focus{border:2px solid #0f7b46;outline:none}.formDiv form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:10px}.formDiv form .formField textarea:focus{border:2px solid #0f7b46;outline:none}.formDiv form .checkBox{color:red;border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:5px 15px;font-weight:600;display:flex}.formDiv form .varientField{margin-bottom:15px}.formDiv form .varientField label{margin-top:10px;margin-bottom:2px;font-size:15px;font-weight:600;display:block}.formDiv form .varientField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:14px}.formDiv form .varientField input:focus{border:2px solid #0f7b46;outline:none}.formDiv form .varientField .valueInput button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:15px;margin-top:5px;padding:8px 15px;font-weight:600}.formDiv form .valuesContainer{margin-top:10px}.formDiv form .valuesContainer .chip{border:1px solid #ccc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:8px;display:flex}.formDiv form .valuesContainer .chip button{text-align:center;cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:20px;height:20px;font-size:16px}.formDiv form #saveOption{color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:15px;margin-top:5px;padding:8px 15px;font-weight:600}.formDiv form #submitBtn{color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:14px;width:100%;margin-bottom:10px;padding:15px;font-weight:600}.formDiv form .currentImage{border:1px solid #ccc;border-radius:15px;margin-bottom:10px;padding:10px}.formDiv form .currentImage .small{margin-bottom:5px;font-size:15px;font-weight:600}.formDiv form .currentImage img{border-radius:10px;width:70px;height:70px}.productOptions{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.productOptions .optinswrapper{z-index:999;background:#fff;border-top-left-radius:17px;border-top-right-radius:17px;flex-direction:column;width:100%;height:90vh;padding:10px;transition:transform .35s,all;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translateY(0)}.productOptions .optinswrapper h2{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding:10px;font-size:19px;display:flex}.productOptions .optinswrapper h2 img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:25px;padding:3px}.productOptions .optinswrapper section{border:1px solid #ccc;border-radius:10px;margin-bottom:15px;padding:10px}.productOptions .optinswrapper section h3{text-transform:capitalize;color:#666;margin-bottom:10px}.productOptions .optinswrapper section ul{padding-left:20px}.productOptions .optinswrapper section ul li{text-transform:capitalize;line-height:1.5rem}}@media (min-width:759px) and (max-width:1100px){.productsHeader{justify-content:space-between;align-items:center;margin-bottom:10px;padding-top:20px;padding-left:30px;padding-right:30px;display:flex}.productsHeader .heading{color:#666;align-items:center;gap:5px;font-size:1.3rem;font-weight:600;display:flex}.productsHeader .small{color:gray;font-size:14px}.productsHeader button{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:600;box-shadow:0 5px 12px rgba(0,0,0,.2)}.searchDiv{flex-direction:column;justify-content:center;align-items:center;display:flex}.searchDiv .searchWrap{border:1px solid #ccc;border-radius:15px;align-items:center;width:400px;padding:8px 10px;display:flex}.searchDiv .searchWrap:hover{border:2px solid #0f7b46;outline:none}.searchDiv .searchWrap input{border:none;width:100%;padding:5px 10px}.searchDiv .searchWrap input:focus{border:none;outline:none}.searchDiv button{text-align:center;color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:10px;width:100%;margin-top:5px;padding:10px;font-weight:600}.storeProducts .allProducts{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:10px;padding:25px;display:grid}.storeProducts .card{background:#fff;border:1px solid #ccc;border-radius:20px;margin-bottom:15px;padding:15px;box-shadow:0 8px 16px rgba(0,0,0,.2)}.storeProducts .card:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.storeProducts .card .category{text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:15px;font-weight:600;display:flex}.storeProducts .card .state{border-radius:30px;padding:5px 10px;font-size:.8rem}.storeProducts .card .published{color:#fff;background:#2ed47a;border:1px solid #2ed47a}.storeProducts .card .draft{color:#fff;background:gray;border:1px solid gray}.storeProducts .card .wrapper{align-items:center;gap:15px;margin-bottom:10px;display:flex}.storeProducts .card .thumbnail{position:relative}.storeProducts .card .thumbnail .status{text-transform:capitalize;border-radius:25px;width:max-content;margin-bottom:5px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;top:-5px;left:-5px}.storeProducts .card .thumbnail .in-stock{color:#fff;background:#0f7b46}.storeProducts .card .thumbnail .out-of-stock{color:#fff;background:red}.storeProducts .card .thumbnail img{border-radius:20px;width:120px;height:130px}.storeProducts .card .productInfo{width:100%;max-height:310px;overflow-y:auto}.storeProducts .card .productInfo .name{text-transform:capitalize;margin-bottom:5px;font-size:1.3rem;font-weight:600}.storeProducts .card .productInfo .shortDes,.storeProducts .card .productInfo .descrption{color:#666;word-wrap:break-word;margin-bottom:5px;line-height:1.2rem}.storeProducts .card .productInfo .price{color:#0f7b46;margin-bottom:5px;font-size:1.3rem;font-weight:600}.storeProducts .card .productInfo .price span{color:#666;margin-left:5px;font-size:15px;font-weight:1;text-decoration:line-through}.storeProducts .card .actions{align-items:center;gap:10px;display:flex}.storeProducts .card .actions button{cursor:pointer;border:none;border-radius:10px;padding:8px 15px}.storeProducts .card .actions .viewOptions{color:#fff;background:#0f7b46;font-weight:600}.storeProducts .card .actions .deleteBtn{color:#fff;background:red;font-weight:600}.storeProducts .card .actions .editBtn{color:#fff;background:#3b82f6;font-weight:600}.formDiv{z-index:999;color:#111827;background:rgba(0,0,0,.5);width:100%;height:100vh;padding:10px;position:fixed;top:0;left:0;overflow-y:auto}.formDiv form{background:#fff;border-radius:15px;width:700px;height:max-content;margin:20px auto;padding:25px}.formDiv form .heading{color:#666;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:5px;margin-bottom:15px;padding:10px;font-size:15px;display:flex}.formDiv form .heading .cover{align-items:center;gap:5px;display:flex}.formDiv form .heading .warning{color:#fff;text-align:center;background:red;border-radius:10px;width:300px;padding:5px 10px;font-size:.9rem;font-weight:600}.formDiv form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:28px;padding:3px}.formDiv form .formField{margin-bottom:10px}.formDiv form .formField label{margin-bottom:2px;font-size:15px;font-weight:600;display:block}.formDiv form .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.formDiv form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:14px}.formDiv form .formField input:focus{border:2px solid #0f7b46;outline:none}.formDiv form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:12px}.formDiv form .formField select:focus{border:2px solid #0f7b46;outline:none}.formDiv form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:10px}.formDiv form .formField textarea:focus{border:2px solid #0f7b46;outline:none}.formDiv form .checkBox{color:red;border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:5px 15px;font-weight:600;display:flex}.formDiv form .varientField{margin-bottom:15px}.formDiv form .varientField label{margin-top:10px;margin-bottom:2px;font-size:15px;font-weight:600;display:block}.formDiv form .varientField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:14px}.formDiv form .varientField input:focus{border:2px solid #0f7b46;outline:none}.formDiv form .varientField .valueInput button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:15px;margin-top:5px;padding:8px 15px;font-weight:600}.formDiv form .valuesContainer{margin-top:10px}.formDiv form .valuesContainer .chip{border:1px solid #ccc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:8px;display:flex}.formDiv form .valuesContainer .chip button{text-align:center;cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:20px;height:20px;font-size:16px}.formDiv form #saveOption{color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:15px;margin-top:5px;padding:8px 15px;font-weight:600}.formDiv form #submitBtn{color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:14px;width:100%;margin-bottom:10px;padding:15px;font-weight:600}.formDiv form .currentImage{border:1px solid #ccc;border-radius:15px;margin-bottom:10px;padding:10px}.formDiv form .currentImage .small{margin-bottom:5px;font-size:15px;font-weight:600}.formDiv form .currentImage img{border-radius:10px;width:70px;height:70px}.productOptions{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.productOptions .optinswrapper{background:var(--bg-main);border-radius:25px;width:650px;height:90vh;padding:20px}.productOptions .optinswrapper h2{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding:10px;font-size:19px;display:flex}.productOptions .optinswrapper h2 img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:25px;padding:3px}.productOptions .optinswrapper section{background:#fff;border-radius:10px;margin-bottom:15px;padding:10px;box-shadow:0 8px 15px rgba(0,0,0,.1)}.productOptions .optinswrapper section h3{text-transform:capitalize;color:#666;margin-bottom:10px}.productOptions .optinswrapper section ul{padding-left:20px}.productOptions .optinswrapper section ul li{text-transform:capitalize;line-height:1.5rem}}@media (min-width:1101px){.productsHeader{justify-content:space-between;align-items:center;margin-bottom:10px;padding-top:20px;padding-left:30px;padding-right:30px;display:flex}.productsHeader .heading{color:#666;align-items:center;gap:5px;font-size:1.3rem;font-weight:600;display:flex}.productsHeader .small{color:gray;font-size:14px}.productsHeader button{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:600;box-shadow:0 5px 12px rgba(0,0,0,.2)}.searchDiv{flex-direction:column;justify-content:center;align-items:center;display:flex}.searchDiv .searchWrap{border:1px solid #ccc;border-radius:15px;align-items:center;width:400px;padding:8px 10px;display:flex}.searchDiv .searchWrap:hover{border:2px solid #0f7b46;outline:none}.searchDiv .searchWrap input{border:none;width:100%;padding:5px 10px}.searchDiv .searchWrap input:focus{border:none;outline:none}.searchDiv button{text-align:center;color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:10px;width:100%;margin-top:5px;padding:10px;font-weight:600}.storeProducts .allProducts{grid-template-columns:repeat(auto-fit,minmax(700px,1fr));gap:10px;padding:25px;display:grid}.storeProducts .card{background:#fff;border:1px solid #ccc;border-radius:20px;margin-bottom:15px;padding:15px;box-shadow:0 8px 16px rgba(0,0,0,.2)}.storeProducts .card:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.storeProducts .card .category{text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:15px;font-weight:600;display:flex}.storeProducts .card .state{border-radius:30px;padding:5px 10px;font-size:.8rem}.storeProducts .card .published{color:#fff;background:#2ed47a;border:1px solid #2ed47a}.storeProducts .card .draft{color:#fff;background:gray;border:1px solid gray}.storeProducts .card .wrapper{align-items:center;gap:15px;margin-bottom:10px;display:flex}.storeProducts .card .thumbnail{position:relative}.storeProducts .card .thumbnail .status{text-transform:capitalize;border-radius:25px;width:max-content;margin-bottom:5px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;top:-5px;left:-5px}.storeProducts .card .thumbnail .in-stock{color:#fff;background:#0f7b46}.storeProducts .card .thumbnail .out-of-stock{color:#fff;background:red}.storeProducts .card .thumbnail img{border-radius:20px;width:120px;height:130px}.storeProducts .card .productInfo{width:100%;max-height:310px;overflow-y:auto}.storeProducts .card .productInfo .name{text-transform:capitalize;margin-bottom:5px;font-size:1.3rem;font-weight:600}.storeProducts .card .productInfo .shortDes,.storeProducts .card .productInfo .descrption{color:#666;word-wrap:break-word;margin-bottom:5px;line-height:1.2rem}.storeProducts .card .productInfo .price{color:#0f7b46;margin-bottom:5px;font-size:1.3rem;font-weight:600}.storeProducts .card .productInfo .price span{color:#666;margin-left:5px;font-size:15px;font-weight:1;text-decoration:line-through}.storeProducts .card .actions{align-items:center;gap:10px;display:flex}.storeProducts .card .actions button{cursor:pointer;border:none;border-radius:10px;padding:8px 15px}.storeProducts .card .actions .viewOptions{color:#fff;background:#0f7b46;font-weight:600}.storeProducts .card .actions .deleteBtn{color:#fff;background:red;font-weight:600}.storeProducts .card .actions .editBtn{color:#fff;background:#3b82f6;font-weight:600}.formDiv{z-index:999;color:#111827;background:rgba(0,0,0,.5);width:100%;height:100vh;padding:10px;position:fixed;top:0;left:0;overflow-y:auto}.formDiv form{background:#fff;border-radius:15px;width:700px;height:max-content;margin:20px auto;padding:25px}.formDiv form .heading{color:#666;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:5px;margin-bottom:15px;padding:10px;font-size:15px;display:flex}.formDiv form .heading .cover{align-items:center;gap:5px;display:flex}.formDiv form .heading .warning{color:#fff;text-align:center;background:red;border-radius:10px;width:300px;padding:5px 10px;font-size:.9rem;font-weight:600}.formDiv form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:28px;padding:3px}.formDiv form .formField{margin-bottom:10px}.formDiv form .formField label{margin-bottom:2px;font-size:15px;font-weight:600;display:block}.formDiv form .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.formDiv form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:14px}.formDiv form .formField input:focus{border:2px solid #0f7b46;outline:none}.formDiv form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:12px}.formDiv form .formField select:focus{border:2px solid #0f7b46;outline:none}.formDiv form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:10px}.formDiv form .formField textarea:focus{border:2px solid #0f7b46;outline:none}.formDiv form .checkBox{color:red;border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:5px 15px;font-weight:600;display:flex}.formDiv form .varientField{margin-bottom:15px}.formDiv form .varientField label{margin-top:10px;margin-bottom:2px;font-size:15px;font-weight:600;display:block}.formDiv form .varientField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:14px}.formDiv form .varientField input:focus{border:2px solid #0f7b46;outline:none}.formDiv form .varientField .valueInput button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:15px;margin-top:5px;padding:8px 15px;font-weight:600}.formDiv form .valuesContainer{margin-top:10px}.formDiv form .valuesContainer .chip{border:1px solid #ccc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:8px;display:flex}.formDiv form .valuesContainer .chip button{text-align:center;cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:20px;height:20px;font-size:16px}.formDiv form #saveOption{color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:15px;margin-top:5px;padding:8px 15px;font-weight:600}.formDiv form #submitBtn{color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:14px;width:100%;margin-bottom:10px;padding:15px;font-weight:600}.formDiv form .currentImage{border:1px solid #ccc;border-radius:15px;margin-bottom:10px;padding:10px}.formDiv form .currentImage .small{margin-bottom:5px;font-size:15px;font-weight:600}.formDiv form .currentImage img{border-radius:10px;width:70px;height:70px}.productOptions{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.productOptions .optinswrapper{background:var(--bg-main);border-radius:25px;width:650px;height:90vh;padding:20px}.productOptions .optinswrapper h2{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding:10px;font-size:19px;display:flex}.productOptions .optinswrapper h2 img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:25px;padding:3px}.productOptions .optinswrapper section{background:#fff;border-radius:10px;margin-bottom:15px;padding:10px;box-shadow:0 8px 15px rgba(0,0,0,.1)}.productOptions .optinswrapper section h3{text-transform:capitalize;color:#666;margin-bottom:10px}.productOptions .optinswrapper section ul{padding-left:20px}.productOptions .optinswrapper section ul li{text-transform:capitalize;line-height:1.5rem}}.empty{text-transform:capitalize;color:gray;background:#fff;border:1px solid #ccc;border-radius:15px;width:100%;padding:20px;font-weight:600}@media (max-width:549px){.filterActions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:20px;padding:10px;display:flex;overflow-y:auto}.filterActions button{color:#333;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:14px;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px rgba(0,0,0,.04)}.filterActions button:hover{border-color:#0a6c4a;transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,108,74,.12)}.filterActions button span{color:#0f7b46;font-weight:600}.filterActions button.active{color:#fff;background:#0a6c4a;border-color:#0a6c4a;box-shadow:0 10px 25px rgba(10,108,74,.25)}.filterActions button.active span{color:#555;background:#f2f4f7;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-weight:700;display:flex}.customerOrders{padding:10px}.customerOrders .orderCard{background:#fff;border:1px solid #ccc;border-radius:15px;margin-bottom:20px;padding:20px;position:relative;box-shadow:0 8px 12px rgba(0,0,0,.2)}.customerOrders .orderCard:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.customerOrders .orderCard .cardHeading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.customerOrders .orderCard .cardHeading .wrapper{font-size:1.1rem;font-weight:600}.customerOrders .orderCard .cardHeading .wrapper span{color:gray;font-size:.99rem;font-weight:1}.customerOrders .orderCard .cardHeading .price{color:#0f7b46;font-size:1.2rem;font-weight:600}.customerOrders .orderCard .cardHeading .price span{text-align:center;text-transform:capitalize;border-radius:10px;padding:4px 10px;font-size:15px;font-weight:600}.customerOrders .orderCard .cardHeading .price .pending{color:#d97706;background:#fef3c7}.customerOrders .orderCard .cardHeading .price .accepted{color:#2563eb;background:#dbeafe}.customerOrders .orderCard .cardHeading .price .dispatched{color:#7c3aed;background:#ede9fe}.customerOrders .orderCard .cardHeading .price .delivered{color:#059669;background:#d1fae5}.customerOrders .orderCard .cardHeading .price .cancelled{color:#dc2626;background:#fee2e2}.customerOrders .cover .info{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:20px;display:flex}.customerOrders .cover .info a{text-transform:capitalize;cursor:pointer;background:#ccc;border-radius:50%;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:5px;text-decoration:none;display:flex}.customerOrders .cover .info a img{width:20px;height:20px}.customerOrders .cover .info .box{align-items:center;gap:5px;display:flex}.customerOrders .cover .info .avator{color:#fff;text-transform:capitalize;text-align:center;background:#0a6c4a;border-radius:50%;width:50px;height:50px;padding:5px;font-size:2rem;font-weight:600}.customerOrders .cover .info .name{text-transform:capitalize;font-size:1.2rem;font-weight:560}.customerOrders .cover .info .name span{color:#666;font-size:1rem;font-weight:1}.customerOrders .deliveryMethod h3{color:#000;margin-bottom:10px;font-size:1.1rem}.customerOrders .deliveryMethod .method{margin-bottom:20px}.customerOrders .deliveryMethod .method h4{text-transform:capitalize;border-radius:15px;align-items:center;gap:5px;width:max-content;margin-bottom:7px;padding:5px 10px;display:flex}.customerOrders .deliveryMethod .method h4 img{width:20px;height:20px}.customerOrders .deliveryMethod .method .store_pickup{color:#4f46e5;background:#eef2ff}.customerOrders .deliveryMethod .method .home_delivery{color:#0f766e;background:#ccfbf1}.customerOrders .deliveryMethod .method .meet_up{color:#ea580c;background:#ffedd5}.customerOrders .deliveryMethod .method .small{text-transform:capitalize;border-bottom:1px solid #ccc;width:max-content;margin-top:10px;margin-bottom:10px;font-weight:600}.customerOrders .deliveryMethod .method .tag{color:#666;text-transform:capitalize;align-items:center;gap:5px;margin-bottom:10px;display:flex}.customerOrders .deliveryMethod .method .tag img{width:20px;height:20px}.customerOrders .paymentState{text-transform:capitalize;border-radius:15px;width:max-content;margin-bottom:20px;padding:5px 10px}.customerOrders .unpaid{color:#ea580c;background:#ffedd5;border:1px solid #ea580c;font-size:1.1rem;font-weight:600}.customerOrders .paid{color:#4f46e5;background:#eef2ff;border:1px solid #4f46e5;font-size:1.1rem;font-weight:600}.customerOrders .actions{justify-content:space-between;align-items:center;gap:5px;display:flex}.customerOrders .actions .moreActionsBtn{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:25%;width:35px;padding:5px}.customerOrders .actions button{text-transform:capitalize;color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:13px;padding:10px 15px;font-weight:600}.customerOrders .actions .pending{color:#d97706;background:#fef3c7;border:1px solid #d97706}.customerOrders .actions .accepted{color:#2563eb;background:#dbeafe}.customerOrders .actions .dispatched{color:#7c3aed;background:#ede9fe}.customerOrders .actions .delivered{color:#059669;background:#d1fae5;border:1px solid #059669}.customerOrders .actions .cancelled{color:#dc2626;background:#fee2e2}.customerOrders .otherActions{background:#fff;border:1px solid #ccc;border-radius:5px;flex-direction:column;gap:10px;width:200px;padding:10px;display:flex;position:absolute;bottom:60px;right:15px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.customerOrders .otherActions button{text-align:left;text-transform:capitalize;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.customerOrders .otherActions .closeMoreActionsBtn{background:#ccc;border:1px solid #ccc;border-radius:50%;width:22px;padding:3px}.customerOrders .otherActions .markPaid{color:#2563eb}.customerOrders .otherActions .cancel{color:red}.customerOrders .otherActions .markPaid:hover{color:#4f46e5}.customerOrders .otherActions .cancel:hover{color:orange}.warningScreen{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.warningScreen .wrapper{text-align:center;background:#fff;border-radius:15px;width:90%;padding:15px}.warningScreen .wrapper p{margin-bottom:10px;line-height:1.3rem}.warningScreen .wrapper button{text-transform:capitalize;cursor:pointer;border:none;border-radius:15px;width:100px;padding:7px 10px}.warningScreen .wrapper #okBtn{color:#fff;background:#2563eb;font-weight:600}.warningScreen .wrapper #cancelBtn{color:#fff;background:red;font-weight:600}.orderItemsCard{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.orderItemsCard .wrapper{z-index:999;background:var(--bg-main);border-top-left-radius:17px;border-top-right-radius:17px;flex-direction:column;width:100%;height:85vh;padding:20px;transition:transform .35s,all;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translateY(0)}.orderItemsCard .wrapper .heading{align-items:center;gap:5px;margin-bottom:10px;display:flex}.orderItemsCard .wrapper .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:25px;height:25px;padding:3px}.orderItemsCard .wrapper .orderItems{height:100%;padding:5px;overflow-y:auto}.orderItemsCard .wrapper .orderItems .items{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:15px;margin-bottom:10px;padding:15px;box-shadow:0 8px 15px rgba(0,0,0,.05)}.orderItemsCard .wrapper .orderItems .items .heading{text-transform:capitalize;color:#666;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap{gap:15px;display:flex}.orderItemsCard .wrapper .orderItems .items .wrap img{border-radius:20px;width:150px;height:180px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag{color:#000;margin-bottom:5px;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag span{color:#666;font-size:16px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag .totalPrice{color:#16a34a;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap .cover .selectedProductOptions{margin-bottom:5px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .selectedProductOptions span{text-transform:capitalize;font-weight:600}}@media (min-width:550px) and (max-width:758px){.filterActions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:20px;padding:10px;display:flex;overflow-y:auto}.filterActions button{color:#333;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:14px;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px rgba(0,0,0,.04)}.filterActions button:hover{border-color:#0a6c4a;transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,108,74,.12)}.filterActions button span{color:#0f7b46;font-weight:600}.filterActions button.active{color:#fff;background:#0a6c4a;border-color:#0a6c4a;box-shadow:0 10px 25px rgba(10,108,74,.25)}.filterActions button.active span{color:#555;background:#f2f4f7;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-weight:700;display:flex}.customerOrders{padding:10px}.customerOrders .orderCard{background:#fff;border:1px solid #ccc;border-radius:15px;margin-bottom:20px;padding:20px;position:relative;box-shadow:0 8px 12px rgba(0,0,0,.2)}.customerOrders .orderCard:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.customerOrders .orderCard .cardHeading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.customerOrders .orderCard .cardHeading .wrapper{font-size:1.1rem;font-weight:600}.customerOrders .orderCard .cardHeading .wrapper span{color:gray;font-size:.99rem;font-weight:1}.customerOrders .orderCard .cardHeading .price{color:#0f7b46;font-size:1.2rem;font-weight:600}.customerOrders .orderCard .cardHeading .price span{text-align:center;text-transform:capitalize;border-radius:10px;padding:4px 10px;font-size:15px;font-weight:600}.customerOrders .orderCard .cardHeading .price .pending{color:#d97706;background:#fef3c7}.customerOrders .orderCard .cardHeading .price .accepted{color:#2563eb;background:#dbeafe}.customerOrders .orderCard .cardHeading .price .dispatched{color:#7c3aed;background:#ede9fe}.customerOrders .orderCard .cardHeading .price .delivered{color:#059669;background:#d1fae5}.customerOrders .orderCard .cardHeading .price .cancelled{color:#dc2626;background:#fee2e2}.customerOrders .cover .info{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:20px;display:flex}.customerOrders .cover .info a{text-transform:capitalize;cursor:pointer;background:#ccc;border-radius:50%;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:5px;text-decoration:none;display:flex}.customerOrders .cover .info a img{width:20px;height:20px}.customerOrders .cover .info .box{align-items:center;gap:5px;display:flex}.customerOrders .cover .info .avator{color:#fff;text-transform:capitalize;text-align:center;background:#0a6c4a;border-radius:50%;width:50px;height:50px;padding:5px;font-size:2rem;font-weight:600}.customerOrders .cover .info .name{text-transform:capitalize;font-size:1.2rem;font-weight:560}.customerOrders .cover .info .name span{color:#666;font-size:1rem;font-weight:1}.customerOrders .deliveryMethod h3{color:#000;margin-bottom:10px;font-size:1.1rem}.customerOrders .deliveryMethod .method{margin-bottom:20px}.customerOrders .deliveryMethod .method h4{text-transform:capitalize;border-radius:15px;align-items:center;gap:5px;width:max-content;margin-bottom:7px;padding:5px 10px;display:flex}.customerOrders .deliveryMethod .method h4 img{width:20px;height:20px}.customerOrders .deliveryMethod .method .store_pickup{color:#4f46e5;background:#eef2ff}.customerOrders .deliveryMethod .method .home_delivery{color:#0f766e;background:#ccfbf1}.customerOrders .deliveryMethod .method .meet_up{color:#ea580c;background:#ffedd5}.customerOrders .deliveryMethod .method .small{text-transform:capitalize;border-bottom:1px solid #ccc;width:max-content;margin-top:10px;margin-bottom:10px;font-weight:600}.customerOrders .deliveryMethod .method .tag{color:#666;text-transform:capitalize;align-items:center;gap:5px;margin-bottom:10px;display:flex}.customerOrders .deliveryMethod .method .tag img{width:20px;height:20px}.customerOrders .paymentState{text-transform:capitalize;border-radius:15px;width:max-content;margin-bottom:20px;padding:5px 10px}.customerOrders .unpaid{color:#ea580c;background:#ffedd5;border:1px solid #ea580c;font-size:1.1rem;font-weight:600}.customerOrders .paid{color:#4f46e5;background:#eef2ff;border:1px solid #4f46e5;font-size:1.1rem;font-weight:600}.customerOrders .actions{justify-content:space-between;align-items:center;gap:5px;display:flex}.customerOrders .actions .moreActionsBtn{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:25%;width:35px;padding:5px}.customerOrders .actions button{text-transform:capitalize;color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:13px;padding:10px 15px;font-weight:600}.customerOrders .actions .pending{color:#d97706;background:#fef3c7;border:1px solid #d97706}.customerOrders .actions .accepted{color:#2563eb;background:#dbeafe}.customerOrders .actions .dispatched{color:#7c3aed;background:#ede9fe}.customerOrders .actions .delivered{color:#059669;background:#d1fae5;border:1px solid #059669}.customerOrders .actions .cancelled{color:#dc2626;background:#fee2e2}.customerOrders .otherActions{background:#fff;border:1px solid #ccc;border-radius:5px;flex-direction:column;gap:10px;width:200px;padding:10px;display:flex;position:absolute;bottom:60px;right:15px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.customerOrders .otherActions button{text-align:left;text-transform:capitalize;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.customerOrders .otherActions .closeMoreActionsBtn{background:#ccc;border:1px solid #ccc;border-radius:50%;width:22px;padding:3px}.customerOrders .otherActions .markPaid{color:#2563eb}.customerOrders .otherActions .cancel{color:red}.customerOrders .otherActions .markPaid:hover{color:#4f46e5}.customerOrders .otherActions .cancel:hover{color:orange}.warningScreen{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.warningScreen .wrapper{text-align:center;background:#fff;border-radius:15px;width:90%;padding:20px}.warningScreen .wrapper p{margin-bottom:10px;line-height:1.3rem}.warningScreen .wrapper button{text-transform:capitalize;cursor:pointer;border:none;border-radius:15px;width:100px;padding:7px 10px}.warningScreen .wrapper #okBtn{color:#fff;background:#2563eb;font-weight:600}.warningScreen .wrapper #cancelBtn{color:#fff;background:red;font-weight:600}.orderItemsCard{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.orderItemsCard .wrapper{z-index:999;background:var(--bg-main);border-top-left-radius:17px;border-top-right-radius:17px;flex-direction:column;width:100%;height:85vh;padding:20px;transition:transform .35s,all;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translateY(0)}.orderItemsCard .wrapper .heading{align-items:center;gap:5px;margin-bottom:10px;display:flex}.orderItemsCard .wrapper .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:25px;height:25px;padding:3px}.orderItemsCard .wrapper .orderItems{height:100%;padding:5px;overflow-y:auto}.orderItemsCard .wrapper .orderItems .items{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:15px;margin-bottom:10px;padding:15px;box-shadow:0 8px 15px rgba(0,0,0,.05)}.orderItemsCard .wrapper .orderItems .items .heading{text-transform:capitalize;color:#666;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap{gap:15px;display:flex}.orderItemsCard .wrapper .orderItems .items .wrap img{border-radius:20px;width:150px;height:180px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag{color:#000;margin-bottom:5px;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag span{color:#666;font-size:16px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag .totalPrice{color:#16a34a;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap .cover .selectedProductOptions{margin-bottom:5px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .selectedProductOptions span{text-transform:capitalize;font-weight:600}}@media (min-width:759px) and (max-width:1100px){.filterActions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:20px;padding:10px;display:flex;overflow-y:auto}.filterActions button{color:#333;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:14px;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px rgba(0,0,0,.04)}.filterActions button:hover{border-color:#0a6c4a;transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,108,74,.12)}.filterActions button span{color:#0f7b46;font-weight:600}.filterActions button.active{color:#fff;background:#0a6c4a;border-color:#0a6c4a;box-shadow:0 10px 25px rgba(10,108,74,.25)}.filterActions button.active span{color:#555;background:#f2f4f7;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-weight:700;display:flex}.customerOrders{padding:10px}.customerOrders .orders{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:10px;display:grid}.customerOrders .orderCard{background:#fff;border:1px solid #ccc;border-radius:15px;margin-bottom:20px;padding:20px;position:relative;box-shadow:0 8px 12px rgba(0,0,0,.2)}.customerOrders .orderCard:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.customerOrders .orderCard .cardHeading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.customerOrders .orderCard .cardHeading .wrapper{font-size:1.1rem;font-weight:600}.customerOrders .orderCard .cardHeading .wrapper span{color:gray;font-size:.99rem;font-weight:1}.customerOrders .orderCard .cardHeading .price{color:#0f7b46;font-size:1.2rem;font-weight:600}.customerOrders .orderCard .cardHeading .price span{text-align:center;text-transform:capitalize;border-radius:10px;padding:4px 10px;font-size:15px;font-weight:600}.customerOrders .orderCard .cardHeading .price .pending{color:#d97706;background:#fef3c7}.customerOrders .orderCard .cardHeading .price .accepted{color:#2563eb;background:#dbeafe}.customerOrders .orderCard .cardHeading .price .dispatched{color:#7c3aed;background:#ede9fe}.customerOrders .orderCard .cardHeading .price .delivered{color:#059669;background:#d1fae5}.customerOrders .orderCard .cardHeading .price .cancelled{color:#dc2626;background:#fee2e2}.customerOrders .cover .info{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:20px;display:flex}.customerOrders .cover .info a{text-transform:capitalize;cursor:pointer;background:#ccc;border-radius:50%;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:5px;text-decoration:none;display:flex}.customerOrders .cover .info a img{width:20px;height:20px}.customerOrders .cover .info .box{align-items:center;gap:5px;display:flex}.customerOrders .cover .info .avator{color:#fff;text-transform:capitalize;text-align:center;background:#0a6c4a;border-radius:50%;width:50px;height:50px;padding:5px;font-size:2rem;font-weight:600}.customerOrders .cover .info .name{text-transform:capitalize;font-size:1.2rem;font-weight:560}.customerOrders .cover .info .name span{color:#666;font-size:1rem;font-weight:1}.customerOrders .deliveryMethod h3{color:#000;margin-bottom:10px;font-size:1.1rem}.customerOrders .deliveryMethod .method{margin-bottom:20px}.customerOrders .deliveryMethod .method h4{text-transform:capitalize;border-radius:15px;align-items:center;gap:5px;width:max-content;margin-bottom:7px;padding:5px 10px;display:flex}.customerOrders .deliveryMethod .method h4 img{width:20px;height:20px}.customerOrders .deliveryMethod .method .store_pickup{color:#4f46e5;background:#eef2ff}.customerOrders .deliveryMethod .method .home_delivery{color:#0f766e;background:#ccfbf1}.customerOrders .deliveryMethod .method .meet_up{color:#ea580c;background:#ffedd5}.customerOrders .deliveryMethod .method .small{text-transform:capitalize;border-bottom:1px solid #ccc;width:max-content;margin-top:10px;margin-bottom:10px;font-weight:600}.customerOrders .deliveryMethod .method .tag{color:#666;text-transform:capitalize;align-items:center;gap:5px;margin-bottom:10px;display:flex}.customerOrders .deliveryMethod .method .tag img{width:20px;height:20px}.customerOrders .paymentState{text-transform:capitalize;border-radius:15px;width:max-content;margin-bottom:20px;padding:5px 10px}.customerOrders .unpaid{color:#ea580c;background:#ffedd5;border:1px solid #ea580c;font-size:1.1rem;font-weight:600}.customerOrders .paid{color:#4f46e5;background:#eef2ff;border:1px solid #4f46e5;font-size:1.1rem;font-weight:600}.customerOrders .actions{justify-content:space-between;align-items:center;gap:5px;display:flex}.customerOrders .actions .moreActionsBtn{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:25%;width:35px;padding:5px}.customerOrders .actions button{text-transform:capitalize;color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:13px;padding:10px 15px;font-weight:600}.customerOrders .actions .pending{color:#d97706;background:#fef3c7;border:1px solid #d97706}.customerOrders .actions .accepted{color:#2563eb;background:#dbeafe}.customerOrders .actions .dispatched{color:#7c3aed;background:#ede9fe}.customerOrders .actions .delivered{color:#059669;background:#d1fae5;border:1px solid #059669}.customerOrders .actions .cancelled{color:#dc2626;background:#fee2e2}.customerOrders .otherActions{background:#fff;border:1px solid #ccc;border-radius:5px;flex-direction:column;gap:10px;width:200px;padding:10px;display:flex;position:absolute;bottom:60px;right:15px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.customerOrders .otherActions button{text-align:left;text-transform:capitalize;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.customerOrders .otherActions .closeMoreActionsBtn{background:#ccc;border:1px solid #ccc;border-radius:50%;width:22px;padding:3px}.customerOrders .otherActions .markPaid{color:#2563eb}.customerOrders .otherActions .cancel{color:red}.customerOrders .otherActions .markPaid:hover{color:#4f46e5}.customerOrders .otherActions .cancel:hover{color:orange}.warningScreen{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.warningScreen .wrapper{text-align:center;background:#fff;border-radius:15px;width:600px;padding:15px}.warningScreen .wrapper p{margin-bottom:10px;line-height:1.3rem}.warningScreen .wrapper button{text-transform:capitalize;cursor:pointer;border:none;border-radius:15px;width:100px;padding:7px 10px}.warningScreen .wrapper #okBtn{color:#fff;background:#2563eb;font-weight:600}.warningScreen .wrapper #cancelBtn{color:#fff;background:red;font-weight:600}.orderItemsCard{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.orderItemsCard .wrapper{background:#fff;border-radius:25px;width:80%;height:80%;padding:35px;overflow-y:auto}.orderItemsCard .wrapper .heading{align-items:center;gap:5px;margin-bottom:10px;display:flex}.orderItemsCard .wrapper .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:25px;height:25px;padding:3px}.orderItemsCard .wrapper .orderItems{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;display:grid}.orderItemsCard .wrapper .orderItems .items{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:15px;margin-bottom:10px;padding:15px;box-shadow:0 8px 15px rgba(0,0,0,.05)}.orderItemsCard .wrapper .orderItems .items:hover{transition:all .3s;transform:translateY(-2px)}.orderItemsCard .wrapper .orderItems .items .heading{text-transform:capitalize;color:#666;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap{gap:15px;display:flex}.orderItemsCard .wrapper .orderItems .items .wrap img{border-radius:20px;width:150px;height:180px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag{color:#000;margin-bottom:5px;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag span{color:#666;font-size:16px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag .totalPrice{color:#16a34a;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap .cover .selectedProductOptions{margin-bottom:5px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .selectedProductOptions span{text-transform:capitalize;font-weight:600}}@media (min-width:1101px){.filterActions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:20px;padding:10px;display:flex;overflow-y:auto}.filterActions button{color:#333;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:14px;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px rgba(0,0,0,.04)}.filterActions button:hover{border-color:#0a6c4a;transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,108,74,.12)}.filterActions button span{color:#0f7b46;font-weight:600}.filterActions button.active{color:#fff;background:#0a6c4a;border-color:#0a6c4a;box-shadow:0 10px 25px rgba(10,108,74,.25)}.filterActions button.active span{color:#555;background:#f2f4f7;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-weight:700;display:flex}.customerOrders{padding:10px}.customerOrders .orders{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:10px;display:grid}.customerOrders .orderCard{background:#fff;border:1px solid #ccc;border-radius:15px;margin-bottom:20px;padding:20px;position:relative;box-shadow:0 8px 12px rgba(0,0,0,.2)}.customerOrders .orderCard:hover{cursor:pointer;transition:all .3s;transform:translateY(-2px)}.customerOrders .orderCard .cardHeading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.customerOrders .orderCard .cardHeading .wrapper{font-size:1.1rem;font-weight:600}.customerOrders .orderCard .cardHeading .wrapper span{color:gray;font-size:.99rem;font-weight:1}.customerOrders .orderCard .cardHeading .price{color:#0f7b46;font-size:1.2rem;font-weight:600}.customerOrders .orderCard .cardHeading .price span{text-align:center;text-transform:capitalize;border-radius:10px;padding:4px 10px;font-size:15px;font-weight:600}.customerOrders .orderCard .cardHeading .price .pending{color:#d97706;background:#fef3c7}.customerOrders .orderCard .cardHeading .price .accepted{color:#2563eb;background:#dbeafe}.customerOrders .orderCard .cardHeading .price .dispatched{color:#7c3aed;background:#ede9fe}.customerOrders .orderCard .cardHeading .price .delivered{color:#059669;background:#d1fae5}.customerOrders .orderCard .cardHeading .price .cancelled{color:#dc2626;background:#fee2e2}.customerOrders .cover .info{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:20px;display:flex}.customerOrders .cover .info a{text-transform:capitalize;cursor:pointer;background:#ccc;border-radius:50%;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:5px;text-decoration:none;display:flex}.customerOrders .cover .info a img{width:20px;height:20px}.customerOrders .cover .info .box{align-items:center;gap:5px;display:flex}.customerOrders .cover .info .avator{color:#fff;text-transform:capitalize;text-align:center;background:#0a6c4a;border-radius:50%;width:50px;height:50px;padding:5px;font-size:2rem;font-weight:600}.customerOrders .cover .info .name{text-transform:capitalize;font-size:1.2rem;font-weight:560}.customerOrders .cover .info .name span{color:#666;font-size:1rem;font-weight:1}.customerOrders .deliveryMethod h3{color:#000;margin-bottom:10px;font-size:1.1rem}.customerOrders .deliveryMethod .method{margin-bottom:20px}.customerOrders .deliveryMethod .method h4{text-transform:capitalize;border-radius:15px;align-items:center;gap:5px;width:max-content;margin-bottom:7px;padding:5px 10px;display:flex}.customerOrders .deliveryMethod .method h4 img{width:20px;height:20px}.customerOrders .deliveryMethod .method .store_pickup{color:#4f46e5;background:#eef2ff}.customerOrders .deliveryMethod .method .home_delivery{color:#0f766e;background:#ccfbf1}.customerOrders .deliveryMethod .method .meet_up{color:#ea580c;background:#ffedd5}.customerOrders .deliveryMethod .method .small{text-transform:capitalize;border-bottom:1px solid #ccc;width:max-content;margin-top:10px;margin-bottom:10px;font-weight:600}.customerOrders .deliveryMethod .method .tag{color:#666;text-transform:capitalize;align-items:center;gap:5px;margin-bottom:10px;display:flex}.customerOrders .deliveryMethod .method .tag img{width:20px;height:20px}.customerOrders .paymentState{text-transform:capitalize;border-radius:15px;width:max-content;margin-bottom:20px;padding:5px 10px}.customerOrders .unpaid{color:#ea580c;background:#ffedd5;border:1px solid #ea580c;font-size:1.1rem;font-weight:600}.customerOrders .paid{color:#4f46e5;background:#eef2ff;border:1px solid #4f46e5;font-size:1.1rem;font-weight:600}.customerOrders .actions{justify-content:space-between;align-items:center;gap:5px;display:flex}.customerOrders .actions .moreActionsBtn{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:25%;width:35px;padding:5px}.customerOrders .actions button{text-transform:capitalize;color:#fff;cursor:pointer;background:#0f7b46;border:none;border-radius:13px;padding:10px 15px;font-weight:600}.customerOrders .actions .pending{color:#d97706;background:#fef3c7;border:1px solid #d97706}.customerOrders .actions .accepted{color:#2563eb;background:#dbeafe}.customerOrders .actions .dispatched{color:#7c3aed;background:#ede9fe}.customerOrders .actions .delivered{color:#059669;background:#d1fae5;border:1px solid #059669}.customerOrders .actions .cancelled{color:#dc2626;background:#fee2e2}.customerOrders .otherActions{background:#fff;border:1px solid #ccc;border-radius:5px;flex-direction:column;gap:10px;width:200px;padding:10px;display:flex;position:absolute;bottom:60px;right:15px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.customerOrders .otherActions button{text-align:left;text-transform:capitalize;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.customerOrders .otherActions .closeMoreActionsBtn{background:#ccc;border:1px solid #ccc;border-radius:50%;width:22px;padding:3px}.customerOrders .otherActions .markPaid{color:#2563eb}.customerOrders .otherActions .cancel{color:red}.customerOrders .otherActions .markPaid:hover{color:#4f46e5}.customerOrders .otherActions .cancel:hover{color:orange}.warningScreen{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.warningScreen .wrapper{text-align:center;background:#fff;border-radius:15px;width:600px;padding:15px}.warningScreen .wrapper p{margin-bottom:10px;line-height:1.3rem}.warningScreen .wrapper button{text-transform:capitalize;cursor:pointer;border:none;border-radius:15px;width:100px;padding:7px 10px}.warningScreen .wrapper #okBtn{color:#fff;background:#2563eb;font-weight:600}.warningScreen .wrapper #cancelBtn{color:#fff;background:red;font-weight:600}.orderItemsCard{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.orderItemsCard .wrapper{background:#fff;border-radius:25px;width:80%;height:80%;padding:35px;overflow-y:auto}.orderItemsCard .wrapper .heading{align-items:center;gap:5px;margin-bottom:10px;display:flex}.orderItemsCard .wrapper .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:25px;height:25px;padding:3px}.orderItemsCard .wrapper .orderItems{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;display:grid}.orderItemsCard .wrapper .orderItems .items{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:15px;margin-bottom:10px;padding:15px;box-shadow:0 8px 15px rgba(0,0,0,.05)}.orderItemsCard .wrapper .orderItems .items:hover{transition:all .3s;transform:translateY(-2px)}.orderItemsCard .wrapper .orderItems .items .heading{text-transform:capitalize;color:#666;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap{gap:15px;display:flex}.orderItemsCard .wrapper .orderItems .items .wrap img{border-radius:20px;width:150px;height:180px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag{color:#000;margin-bottom:5px;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag span{color:#666;font-size:16px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .tag .totalPrice{color:#16a34a;font-size:1.1rem;font-weight:600}.orderItemsCard .wrapper .orderItems .items .wrap .cover .selectedProductOptions{margin-bottom:5px}.orderItemsCard .wrapper .orderItems .items .wrap .cover .selectedProductOptions span{text-transform:capitalize;font-weight:600}}.loadingGif{flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100%;display:flex}.loadingGif img{border-radius:100%;width:50px}.emptyCart{flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100%;display:flex}.emptyCart img{width:120px;height:120px}.emptySearch,.not-found{color:gray;text-transform:capitalize;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100%;display:flex}@media (max-width:549px){.storeCustomer{padding:10px}.storeCustomer .totalCustomers{text-transform:capitalize;background:#fff;border-radius:12px;width:max-content;margin-bottom:10px;padding:8px 15px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.storeCustomer .customers{background:#fff;border-radius:15px;max-height:75vh;padding:15px;overflow:auto;box-shadow:0 8px 12px rgba(0,0,0,.15)}.storeCustomer .customers table{border-collapse:collapse;width:max-content;min-width:100%;font-size:15px}.storeCustomer .customers table td,th{text-align:left;text-transform:capitalize;border-bottom:1px solid rgba(0,0,0,.08);padding:15px}.storeCustomer .customers table thead{text-align:left;color:#000;border-bottom:1px solid #ccc}}@media (min-width:550px) and (max-width:758px){.storeCustomer{padding:10px}.storeCustomer .totalCustomers{text-transform:capitalize;background:#fff;border-radius:12px;width:max-content;margin-bottom:10px;padding:8px 15px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.storeCustomer .customers{background:#fff;border-radius:15px;max-height:75vh;padding:15px;overflow:auto;box-shadow:0 8px 12px rgba(0,0,0,.15)}.storeCustomer .customers table{border-collapse:collapse;width:max-content;min-width:100%;font-size:15px}.storeCustomer .customers table td,th{text-align:left;text-transform:capitalize;border-bottom:1px solid rgba(0,0,0,.08);padding:15px}.storeCustomer .customers table thead{text-align:left;color:#000;border-bottom:1px solid #ccc}}@media (min-width:759px) and (max-width:1100px){.storeCustomer{padding:10px}.storeCustomer .totalCustomers{text-transform:capitalize;background:#fff;border-radius:12px;width:max-content;margin-bottom:10px;padding:8px 15px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.storeCustomer .customers{background:#fff;border-radius:15px;max-height:75vh;padding:15px;overflow:auto;box-shadow:0 8px 12px rgba(0,0,0,.15)}.storeCustomer .customers table{border-collapse:collapse;width:max-content;min-width:100%;font-size:15px}.storeCustomer .customers table td,th{text-align:left;text-transform:capitalize;border-bottom:1px solid rgba(0,0,0,.08);padding:15px}.storeCustomer .customers table thead{text-align:left;color:#000;border-bottom:1px solid #ccc}}@media (min-width:1101px){.storeCustomer{padding:10px}.storeCustomer .totalCustomers{text-transform:capitalize;background:#fff;border-radius:12px;width:max-content;margin-bottom:10px;padding:8px 15px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.storeCustomer .customers{background:#fff;border-radius:15px;max-height:75vh;padding:15px;overflow:auto;box-shadow:0 8px 12px rgba(0,0,0,.15)}.storeCustomer .customers table{border-collapse:collapse;width:max-content;min-width:100%;font-size:15px}.storeCustomer .customers table td,th{text-align:left;text-transform:capitalize;border-bottom:1px solid rgba(0,0,0,.08);padding:15px}.storeCustomer .customers table thead{text-align:left;color:#000;border-bottom:1px solid #ccc}}@media (max-width:549px){.summaryAnalyticCards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%;margin-bottom:20px;padding:10px;display:grid}.summaryAnalyticCards .card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:15px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.summaryAnalyticCards .card:hover{transition:all .3s;transform:translateY(-2px)}.summaryAnalyticCards .card .title{color:#666;text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1rem;font-weight:600;display:flex}.summaryAnalyticCards .card .title img{background-color:#00c96a;border-radius:5px;width:23px;padding:4px;font-weight:600}.summaryAnalyticCards .card .tag{margin-bottom:10px;font-size:1.5rem;font-weight:600}.summaryAnalyticCards .card .small{color:#666;font-size:14px}.analyticRevenueFlowChart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px 10px 20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.analyticRevenueFlowChart:hover{transition:all .3s;transform:translateY(-2px)}.analyticRevenueFlowChart .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;font-size:1rem;font-weight:600;display:flex}.analyticRevenueFlowChart .head .heading{font-size:1rem;font-weight:600}.analyticRevenueFlowChart .head select{text-align:center;border:1px solid #ccc;border-radius:9px;width:100px;padding:5px;font-weight:600}.analyticRevenueFlowChart .head select:focus{border:2px solid #0f7b46;outline:none}.bestSellingCart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px 10px 20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.bestSellingCart:hover{transition:all .3s;transform:translateY(-2px)}.bestSellingCart .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.bestSellingCart .barChart{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:350px!important;max-height:400px!important}.inventoryReports{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px 10px 20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.inventoryReports:hover{transition:all .3s;transform:translateY(-2px)}.inventoryReports .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.inventoryReports .name{text-transform:capitalize;color:#666;margin-right:5px;font-size:.9rem;font-weight:600}.inventoryReports .quantity{color:#666;width:100px;font-size:.9rem;font-weight:600}#invetoryReports{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}#invetoryReports span:first-child{width:140px}.productWrap{display:flex}.productWrap .quantity{padding-left:10px}.productWrap .progress{background:#ddd;border-radius:10px;width:100%;height:20px;overflow:hidden}.fill{background:#00c853;height:100%}.citySales{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px 10px 20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.citySales:hover{transition:all .3s;transform:translateY(-2px)}.citySales .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.citySales .salesByCity{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important}}@media (min-width:550px) and (max-width:758px){.summaryAnalyticCards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%;margin-bottom:20px;padding:10px;display:grid}.summaryAnalyticCards .card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:15px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.summaryAnalyticCards .card:hover{transition:all .3s;transform:translateY(-2px)}.summaryAnalyticCards .card .title{color:#666;text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1rem;font-weight:600;display:flex}.summaryAnalyticCards .card .title img{background-color:#00c96a;border-radius:5px;width:23px;padding:4px;font-weight:600}.summaryAnalyticCards .card .tag{margin-bottom:10px;font-size:1.5rem;font-weight:600}.summaryAnalyticCards .card .small{color:#666;font-size:14px}.analyticRevenueFlowChart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px 10px 20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.analyticRevenueFlowChart:hover{transition:all .3s;transform:translateY(-2px)}.analyticRevenueFlowChart .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;font-size:1rem;font-weight:600;display:flex}.analyticRevenueFlowChart .head .heading{font-size:1rem;font-weight:600}.analyticRevenueFlowChart .head select{text-align:center;border:1px solid #ccc;border-radius:9px;width:100px;padding:5px;font-weight:600}.analyticRevenueFlowChart .head select:focus{border:2px solid #0f7b46;outline:none}.bestSellingCart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px 10px 20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.bestSellingCart:hover{transition:all .3s;transform:translateY(-2px)}.bestSellingCart .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.bestSellingCart .barChart{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:350px!important;max-height:400px!important}.inventoryReports{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px 10px 20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.inventoryReports:hover{transition:all .3s;transform:translateY(-2px)}.inventoryReports .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.inventoryReports .name{text-transform:capitalize;color:#666;margin-right:5px;font-size:.9rem;font-weight:600}.inventoryReports .quantity{color:#666;width:100px;font-size:.9rem;font-weight:600}#invetoryReports{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}#invetoryReports span:first-child{width:140px}.productWrap{display:flex}.productWrap .quantity{padding-left:10px}.productWrap .progress{background:#ddd;border-radius:10px;width:100%;height:20px;overflow:hidden}.fill{background:#00c853;height:100%}.citySales{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px 10px 20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.citySales:hover{transition:all .3s;transform:translateY(-2px)}.citySales .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.citySales .salesByCity{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important}}@media (min-width:759px) and (max-width:1100px){.summaryAnalyticCards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;width:100%;margin-bottom:20px;padding:10px;display:grid}.summaryAnalyticCards .card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:15px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.summaryAnalyticCards .card:hover{transition:all .3s;transform:translateY(-2px)}.summaryAnalyticCards .card .title{color:#666;text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1rem;font-weight:600;display:flex}.summaryAnalyticCards .card .title img{background-color:#00c96a;border-radius:5px;width:23px;padding:4px;font-weight:600}.summaryAnalyticCards .card .tag{margin-bottom:10px;font-size:1.5rem;font-weight:600}.summaryAnalyticCards .card .small{color:#666;font-size:14px}.wrapper .grid{grid-template-columns:repeat(auto-fit,minmax(550px,1fr));width:100%;display:grid}.analyticRevenueFlowChart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.analyticRevenueFlowChart:hover{transition:all .3s;transform:translateY(-2px)}.analyticRevenueFlowChart .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;font-size:1rem;font-weight:600;display:flex}.analyticRevenueFlowChart .head .heading{font-size:1rem;font-weight:600}.analyticRevenueFlowChart .head select{text-align:center;border:1px solid #ccc;border-radius:9px;width:100px;padding:5px;font-weight:600}.analyticRevenueFlowChart .head select:focus{border:2px solid #0f7b46;outline:none}.analyticRevenueFlowChart .revenueChart{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important}.bestSellingCart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.bestSellingCart:hover{transition:all .3s;transform:translateY(-2px)}.bestSellingCart .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.bestSellingCart .barChart{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important}.inventoryReports{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.inventoryReports:hover{transition:all .3s;transform:translateY(-2px)}.inventoryReports .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.inventoryReports .name{text-transform:capitalize;color:#666;margin-right:5px;font-size:.9rem;font-weight:600}.inventoryReports .quantity{color:#666;width:100px;font-size:.9rem;font-weight:600}#invetoryReports{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}#invetoryReports span:first-child{width:140px}.productWrap{display:flex}.productWrap .quantity{padding-left:10px}.productWrap .progress{background:#ddd;border-radius:10px;width:100%;height:20px;overflow:hidden}.fill{background:#00c853;height:100%}.citySales{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.citySales:hover{transition:all .3s;transform:translateY(-2px)}.citySales .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.citySales .salesByCity{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important}}@media (min-width:1101px){.summaryAnalyticCards{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:10px;width:100%;margin-bottom:20px;padding:10px;display:grid}.summaryAnalyticCards .card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:15px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.summaryAnalyticCards .card:hover{transition:all .3s;transform:translateY(-2px)}.summaryAnalyticCards .card .title{color:#666;text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1rem;font-weight:600;display:flex}.summaryAnalyticCards .card .title img{background-color:#00c96a;border-radius:5px;width:23px;padding:4px;font-weight:600}.summaryAnalyticCards .card .tag{margin-bottom:10px;font-size:1.5rem;font-weight:600}.summaryAnalyticCards .card .small{color:#666;font-size:14px}.wrapper .grid{grid-template-columns:repeat(auto-fit,minmax(550px,1fr));width:100%;display:grid}.analyticRevenueFlowChart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.analyticRevenueFlowChart:hover{transition:all .3s;transform:translateY(-2px)}.analyticRevenueFlowChart .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;font-size:1rem;font-weight:600;display:flex}.analyticRevenueFlowChart .head .heading{font-size:1rem;font-weight:600}.analyticRevenueFlowChart .head select{text-align:center;border:1px solid #ccc;border-radius:9px;width:100px;padding:5px;font-weight:600}.analyticRevenueFlowChart .head select:focus{border:2px solid #0f7b46;outline:none}.analyticRevenueFlowChart .revenueChart{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important}.bestSellingCart{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.bestSellingCart:hover{transition:all .3s;transform:translateY(-2px)}.bestSellingCart .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.bestSellingCart .barChart{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important}.inventoryReports{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.inventoryReports:hover{transition:all .3s;transform:translateY(-2px)}.inventoryReports .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.inventoryReports .name{text-transform:capitalize;color:#666;margin-right:5px;font-size:.9rem;font-weight:600}.inventoryReports .quantity{color:#666;width:100px;font-size:.9rem;font-weight:600}#invetoryReports{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}#invetoryReports span:first-child{width:140px}.productWrap{display:flex}.productWrap .quantity{padding-left:10px}.productWrap .progress{background:#ddd;border-radius:10px;width:100%;height:20px;overflow:hidden}.fill{background:#00c853;height:100%}.citySales{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;margin:10px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.citySales:hover{transition:all .3s;transform:translateY(-2px)}.citySales .head{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;font-size:1rem;font-weight:600;display:flex}.citySales .salesByCity{margin:auto;overflow:hidden;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important}}@media (max-width:549px){.profileHolder{padding:10px}.businessProfileHeader{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessProfileHeader .cover .logo{border:3px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:10px;display:flex;position:relative}.businessProfileHeader .cover .logo .avator{object-fit:fill;border-radius:50%;width:100%}.businessProfileHeader .cover .logo #editLogo{cursor:pointer;background-color:#ccc;border-radius:6px;width:30px;padding:5px;position:absolute;bottom:0;right:-5px}.businessProfileHeader .cover .info .name{text-transform:capitalize;margin-bottom:3px;font-size:1.3rem;font-weight:600}.businessProfileHeader .cover .info .verified{color:#2563eb;background:#dbeafe;border-radius:15px;width:max-content;margin-bottom:10px;padding:5px 10px;font-size:.9rem;font-weight:600}.businessProfileHeader .cover .info a{color:#2563eb;align-items:center;gap:5px;margin-bottom:10px;font-size:15px;font-weight:600;display:flex}.businessProfileHeader .cover .info a img{width:15px}.businessProfileHeader .cover .info button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;padding:10px 15px;font-size:12px;font-weight:600}.adminInfoDiv .adminInfo{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.adminInfoDiv .adminInfo h3{color:#666;margin-bottom:10px;font-size:1.1rem}.adminInfoDiv .adminInfo .info{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.adminInfoDiv .adminInfo .info .tag{color:#000;font-weight:600}.adminInfoDiv .adminInfo .info .tag span{color:#666;font-size:15px;font-weight:1}.businessInfoDiv{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessInfoDiv .holder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.businessInfoDiv .holder .infoGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;display:grid}.businessInfoDiv .holder .infoGrid .tag{color:#000;margin-bottom:10px;font-weight:600}.businessInfoDiv .holder .infoGrid .tag span{color:#666;word-wrap:break-word;text-transform:capitalize;width:100%;font-size:15px;font-weight:1}.addressInfoDiv .holder{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.addressInfoDiv .holder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.addressInfoDiv .holder .infoGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;display:grid}.addressInfoDiv .holder .infoGrid .tag{color:#000;margin-bottom:10px;font-weight:600}.addressInfoDiv .holder .infoGrid .tag span{color:#666;word-wrap:break-word;text-transform:capitalize;width:100%;font-size:15px;font-weight:1}.businessDescriptionDiv .desHolder{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessDescriptionDiv .desHolder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.businessDescriptionDiv .desHolder .discrip{color:#666;word-wrap:break-word;text-transform:capitalize;text-align:center;width:100%;font-size:15px;font-weight:1}.editProfileSection{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.editProfileSection form{background:#fff;border-radius:25px;width:95%;padding:35px;overflow-y:auto}.editProfileSection form .heading{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;font-size:1.2rem;display:flex}.editProfileSection form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:27px;padding:4px}.editProfileSection form .grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.editProfileSection form .formField{margin-bottom:10px}.editProfileSection form .formField label{color:#000;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.editProfileSection form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:13px}.editProfileSection form .formField input:focus{border:2px solid #059669;outline:none}.editProfileSection form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:12px}.editProfileSection form .formField select:focus{border:2px solid #059669;outline:none}.editProfileSection form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:13px}.editProfileSection form .formField textarea:focus{border:2px solid #059669;outline:none}.editProfileSection form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;width:100%;padding:15px;font-weight:600}.uploadLogoSection{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.uploadLogoSection form{background:#fff;border-radius:25px;width:95%;padding:35px;overflow-y:auto}.uploadLogoSection form .heading{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;font-size:1.2rem;display:flex}.uploadLogoSection form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:27px;padding:4px}.uploadLogoSection form .currentLogo img{object-fit:cover;border:3px solid #ccc;border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 10px;display:block}.uploadLogoSection form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:13px}.uploadLogoSection form .formField input:focus{border:2px solid #059669;outline:none}.uploadLogoSection form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;width:100%;padding:15px;font-weight:600}}@media (min-width:550px) and (max-width:758px){.profileHolder{padding:40px}.businessProfileHeader{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessProfileHeader .cover .logo{border:3px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:10px;display:flex;position:relative}.businessProfileHeader .cover .logo .avator{object-fit:fill;border-radius:50%;width:100%}.businessProfileHeader .cover .logo #editLogo{cursor:pointer;background-color:#ccc;border-radius:6px;width:30px;padding:5px;position:absolute;bottom:0;right:-5px}.businessProfileHeader .cover .info .name{text-transform:capitalize;margin-bottom:3px;font-size:1.3rem;font-weight:600}.businessProfileHeader .cover .info .verified{color:#2563eb;background:#dbeafe;border-radius:15px;width:max-content;margin-bottom:10px;padding:5px 10px;font-size:.9rem;font-weight:600}.businessProfileHeader .cover .info a{color:#2563eb;align-items:center;gap:5px;margin-bottom:10px;font-size:15px;font-weight:600;display:flex}.businessProfileHeader .cover .info a img{width:15px}.businessProfileHeader .cover .info button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;padding:10px 15px;font-size:12px;font-weight:600}.adminInfoDiv .adminInfo{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.adminInfoDiv .adminInfo h3{color:#666;margin-bottom:10px;font-size:1.1rem}.adminInfoDiv .adminInfo .info{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.adminInfoDiv .adminInfo .info .tag{color:#000;font-weight:600}.adminInfoDiv .adminInfo .info .tag span{color:#666;font-size:15px;font-weight:1}.businessInfoDiv{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessInfoDiv .holder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.businessInfoDiv .holder .infoGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;display:grid}.businessInfoDiv .holder .infoGrid .tag{color:#000;margin-bottom:10px;font-weight:600}.businessInfoDiv .holder .infoGrid .tag span{color:#666;word-wrap:break-word;text-transform:capitalize;width:100%;font-size:15px;font-weight:1}.addressInfoDiv .holder{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.addressInfoDiv .holder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.addressInfoDiv .holder .infoGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;display:grid}.addressInfoDiv .holder .infoGrid .tag{color:#000;margin-bottom:10px;font-weight:600}.addressInfoDiv .holder .infoGrid .tag span{color:#666;word-wrap:break-word;text-transform:capitalize;width:100%;font-size:15px;font-weight:1}.businessDescriptionDiv .desHolder{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessDescriptionDiv .desHolder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.businessDescriptionDiv .desHolder .discrip{color:#666;word-wrap:break-word;text-transform:capitalize;text-align:center;width:100%;font-size:15px;font-weight:1}.editProfileSection{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.editProfileSection form{background:#fff;border-radius:25px;width:95%;padding:35px;overflow-y:auto}.editProfileSection form .heading{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;font-size:1.2rem;display:flex}.editProfileSection form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:27px;padding:4px}.editProfileSection form .grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.editProfileSection form .formField{margin-bottom:10px}.editProfileSection form .formField label{color:#000;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.editProfileSection form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:13px}.editProfileSection form .formField input:focus{border:2px solid #059669;outline:none}.editProfileSection form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:12px}.editProfileSection form .formField select:focus{border:2px solid #059669;outline:none}.editProfileSection form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:13px}.editProfileSection form .formField textarea:focus{border:2px solid #059669;outline:none}.editProfileSection form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;width:100%;padding:15px;font-weight:600}.uploadLogoSection{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.uploadLogoSection form{background:#fff;border-radius:25px;width:95%;padding:35px;overflow-y:auto}.uploadLogoSection form .heading{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;font-size:1.2rem;display:flex}.uploadLogoSection form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:27px;padding:4px}.uploadLogoSection form .currentLogo img{object-fit:cover;border:3px solid #ccc;border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 10px;display:block}.uploadLogoSection form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:13px}.uploadLogoSection form .formField input:focus{border:2px solid #059669;outline:none}.uploadLogoSection form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;width:100%;padding:15px;font-weight:600}}@media (min-width:759px) and (max-width:1100px){.profileHolder{padding:40px}.profileHolder .grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:10px;margin-bottom:15px;display:grid}.businessProfileHeader{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessProfileHeader .cover .logo{border:3px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:10px;display:flex;position:relative}.businessProfileHeader .cover .logo .avator{object-fit:fill;border-radius:50%;width:100%}.businessProfileHeader .cover .logo #editLogo{cursor:pointer;background-color:#ccc;border-radius:6px;width:30px;padding:5px;position:absolute;bottom:0;right:-5px}.businessProfileHeader .cover .info .name{text-transform:capitalize;margin-bottom:3px;font-size:1.3rem;font-weight:600}.businessProfileHeader .cover .info .verified{color:#2563eb;background:#dbeafe;border-radius:15px;width:max-content;margin-bottom:10px;padding:5px 10px;font-size:.9rem;font-weight:600}.businessProfileHeader .cover .info a{color:#2563eb;align-items:center;gap:5px;margin-bottom:10px;font-size:15px;font-weight:600;display:flex}.businessProfileHeader .cover .info a img{width:15px}.businessProfileHeader .cover .info button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;padding:10px 15px;font-size:12px;font-weight:600}.adminInfoDiv .adminInfo{background:#fff;border:1px solid #ccc;border-radius:10px;height:100%;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.adminInfoDiv .adminInfo h3{color:#666;margin-bottom:10px;font-size:1.1rem}.adminInfoDiv .adminInfo .info{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.adminInfoDiv .adminInfo .info .tag{color:#000;font-weight:600}.adminInfoDiv .adminInfo .info .tag span{color:#666;font-size:15px;font-weight:1}.businessInfoDiv{background:#fff;border:1px solid #ccc;border-radius:10px;height:100%;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessInfoDiv .holder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.businessInfoDiv .holder .infoGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;display:grid}.businessInfoDiv .holder .infoGrid .tag{color:#000;margin-bottom:10px;font-weight:600}.businessInfoDiv .holder .infoGrid .tag span{color:#666;word-wrap:break-word;text-transform:capitalize;width:100%;font-size:15px;font-weight:1}.addressInfoDiv .holder{background:#fff;border:1px solid #ccc;border-radius:10px;height:100%;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.addressInfoDiv .holder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.addressInfoDiv .holder .infoGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;display:grid}.addressInfoDiv .holder .infoGrid .tag{color:#000;margin-bottom:10px;font-weight:600}.addressInfoDiv .holder .infoGrid .tag span{color:#666;word-wrap:break-word;text-transform:capitalize;width:100%;font-size:15px;font-weight:1}.businessDescriptionDiv .desHolder{background:#fff;border:1px solid #ccc;border-radius:10px;height:100%;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessDescriptionDiv .desHolder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.businessDescriptionDiv .desHolder .discrip{color:#666;word-wrap:break-word;text-transform:capitalize;text-align:center;width:100%;font-size:15px;font-weight:1}.editProfileSection{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.editProfileSection form{background:#fff;border-radius:25px;width:700px;padding:35px;overflow-y:auto}.editProfileSection form .heading{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;font-size:1.2rem;display:flex}.editProfileSection form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:27px;padding:4px}.editProfileSection form .grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.editProfileSection form .formField{margin-bottom:10px}.editProfileSection form .formField label{color:#000;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.editProfileSection form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:13px}.editProfileSection form .formField input:focus{border:2px solid #059669;outline:none}.editProfileSection form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:12px}.editProfileSection form .formField select:focus{border:2px solid #059669;outline:none}.editProfileSection form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:13px}.editProfileSection form .formField textarea:focus{border:2px solid #059669;outline:none}.editProfileSection form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;width:100%;padding:15px;font-weight:600}.uploadLogoSection{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.uploadLogoSection form{background:#fff;border-radius:25px;width:700px;padding:35px;overflow-y:auto}.uploadLogoSection form .heading{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;font-size:1.2rem;display:flex}.uploadLogoSection form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:27px;padding:4px}.uploadLogoSection form .currentLogo img{object-fit:cover;border:3px solid #ccc;border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 10px;display:block}.uploadLogoSection form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:13px}.uploadLogoSection form .formField input:focus{border:2px solid #059669;outline:none}.uploadLogoSection form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;width:100%;padding:15px;font-weight:600}}@media (min-width:1101px){.profileHolder{padding:40px}.profileHolder .grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:10px;margin-bottom:15px;display:grid}.businessProfileHeader{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessProfileHeader .cover .logo{border:3px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:10px;display:flex;position:relative}.businessProfileHeader .cover .logo .avator{object-fit:fill;border-radius:50%;width:100%}.businessProfileHeader .cover .logo #editLogo{cursor:pointer;background-color:#ccc;border-radius:6px;width:30px;padding:5px;position:absolute;bottom:0;right:-5px}.businessProfileHeader .cover .info .name{text-transform:capitalize;margin-bottom:3px;font-size:1.3rem;font-weight:600}.businessProfileHeader .cover .info .verified{color:#2563eb;background:#dbeafe;border-radius:15px;width:max-content;margin-bottom:10px;padding:5px 10px;font-size:.9rem;font-weight:600}.businessProfileHeader .cover .info a{color:#2563eb;align-items:center;gap:5px;margin-bottom:10px;font-size:15px;font-weight:600;display:flex}.businessProfileHeader .cover .info a img{width:15px}.businessProfileHeader .cover .info button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;padding:10px 15px;font-size:12px;font-weight:600}.adminInfoDiv .adminInfo{background:#fff;border:1px solid #ccc;border-radius:10px;height:100%;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.adminInfoDiv .adminInfo h3{color:#666;margin-bottom:10px;font-size:1.1rem}.adminInfoDiv .adminInfo .info{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.adminInfoDiv .adminInfo .info .tag{color:#000;font-weight:600}.adminInfoDiv .adminInfo .info .tag span{color:#666;font-size:15px;font-weight:1}.businessInfoDiv{background:#fff;border:1px solid #ccc;border-radius:10px;height:100%;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessInfoDiv .holder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.businessInfoDiv .holder .infoGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;display:grid}.businessInfoDiv .holder .infoGrid .tag{color:#000;margin-bottom:10px;font-weight:600}.businessInfoDiv .holder .infoGrid .tag span{color:#666;word-wrap:break-word;text-transform:capitalize;width:100%;font-size:15px;font-weight:1}.addressInfoDiv .holder{background:#fff;border:1px solid #ccc;border-radius:10px;height:100%;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.addressInfoDiv .holder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.addressInfoDiv .holder .infoGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;display:grid}.addressInfoDiv .holder .infoGrid .tag{color:#000;margin-bottom:10px;font-weight:600}.addressInfoDiv .holder .infoGrid .tag span{color:#666;word-wrap:break-word;text-transform:capitalize;width:100%;font-size:15px;font-weight:1}.businessDescriptionDiv .desHolder{background:#fff;border:1px solid #ccc;border-radius:10px;height:100%;padding:10px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.businessDescriptionDiv .desHolder h3{color:#666;margin-bottom:10px;font-size:1.1rem}.businessDescriptionDiv .desHolder .discrip{color:#666;word-wrap:break-word;text-transform:capitalize;text-align:center;width:100%;font-size:15px;font-weight:1}.editProfileSection{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.editProfileSection form{background:#fff;border-radius:25px;width:800px;padding:35px;overflow-y:auto}.editProfileSection form .heading{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;font-size:1.2rem;display:flex}.editProfileSection form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:27px;padding:4px}.editProfileSection form .grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.editProfileSection form .formField{margin-bottom:10px}.editProfileSection form .formField label{color:#000;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.editProfileSection form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:13px}.editProfileSection form .formField input:focus{border:2px solid #059669;outline:none}.editProfileSection form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:12px}.editProfileSection form .formField select:focus{border:2px solid #059669;outline:none}.editProfileSection form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:13px}.editProfileSection form .formField textarea:focus{border:2px solid #059669;outline:none}.editProfileSection form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;width:100%;padding:15px;font-weight:600}.uploadLogoSection{z-index:999;color:#111827;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.uploadLogoSection form{background:#fff;border-radius:25px;width:800px;padding:35px;overflow-y:auto}.uploadLogoSection form .heading{border-bottom:1px solid #ccc;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;font-size:1.2rem;display:flex}.uploadLogoSection form .heading img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:27px;padding:4px}.uploadLogoSection form .currentLogo img{object-fit:cover;border:3px solid #ccc;border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 10px;display:block}.uploadLogoSection form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:13px}.uploadLogoSection form .formField input:focus{border:2px solid #059669;outline:none}.uploadLogoSection form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;width:100%;padding:15px;font-weight:600}}@media (max-width:549px){.settingsDiv{padding:10px}.settingsCard{background:#fff;border:1px solid #ccc;border-radius:20px;margin-bottom:20px;padding:15px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.settingsCard .heading{color:#666;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settingsCard .heading h4{align-items:center;gap:5px;display:flex}.settingsCard .heading button{color:#fff;text-transform:capitalize;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:8px 10px;font-weight:600}.settingsCard .tagA{margin-bottom:15px}.settingsCard .tagA .grid{border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.settingsCard .tagA .formField label{margin-bottom:3px;font-size:16px;font-weight:600;display:block}.settingsCard .tagA .formField .small{font-size:12px}.settingsCard .tagA .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:15px}.settingsCard .tagA .formField input:focus{border:2px solid #059669;outline:none}.settingsCard .actions{justify-content:center;align-items:center;gap:5px;display:flex}.settingsCard .actions button{text-align:center;cursor:pointer;color:#fff;background:#059669;border:none;border-radius:14px;width:100%;padding:13px;font-weight:600}.settingsCard .actions .cancel{background:red}.settingsCard .tagB{border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.settingsCard .tagB label{margin-bottom:3px;font-size:16px;font-weight:600;display:block}.settingsCard .tagB .small{color:#666;font-size:14px}.settingsCard .changePassForm .formField{margin-bottom:5px}.settingsCard .changePassForm .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:15px}.settingsCard .changePassForm .formField input:focus{border:2px solid #059669;outline:none}.settingsCard .changePassForm .checkBox{color:#000;justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-weight:600;display:flex}}@media (min-width:550px) and (max-width:758px){.settingsDiv{padding:10px}.settingsCard{background:#fff;border:1px solid #ccc;border-radius:20px;margin-bottom:20px;padding:25px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.settingsCard .heading{color:#666;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settingsCard .heading h4{align-items:center;gap:5px;display:flex}.settingsCard .heading button{color:#fff;text-transform:capitalize;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:8px 10px;font-weight:600}.settingsCard .tagA{margin-bottom:15px}.settingsCard .tagA .grid{border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.settingsCard .tagA .formField label{margin-bottom:3px;font-size:16px;font-weight:600;display:block}.settingsCard .tagA .formField .small{font-size:12px}.settingsCard .tagA .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:15px}.settingsCard .tagA .formField input:focus{border:2px solid #059669;outline:none}.settingsCard .actions{justify-content:center;align-items:center;gap:5px;display:flex}.settingsCard .actions button{text-align:center;cursor:pointer;color:#fff;background:#059669;border:none;border-radius:14px;width:100%;padding:13px;font-weight:600}.settingsCard .actions .cancel{background:red}.settingsCard .tagB{border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.settingsCard .tagB label{margin-bottom:3px;font-size:16px;font-weight:600;display:block}.settingsCard .tagB .small{color:#666;font-size:14px}.settingsCard .changePassForm .formField{margin-bottom:5px}.settingsCard .changePassForm .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:15px}.settingsCard .changePassForm .formField input:focus{border:2px solid #059669;outline:none}.settingsCard .changePassForm .checkBox{color:#000;justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-weight:600;display:flex}}@media (min-width:759px) and (max-width:1100px){.settingsDiv{padding:100px}.settingsCard{background:#fff;border:1px solid #ccc;border-radius:20px;margin-bottom:20px;padding:25px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.settingsCard .heading{color:#666;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settingsCard .heading h4{align-items:center;gap:5px;display:flex}.settingsCard .heading button{color:#fff;text-transform:capitalize;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:8px 10px;font-weight:600}.settingsCard .tagA{margin-bottom:15px}.settingsCard .tagA .grid{border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.settingsCard .tagA .formField label{margin-bottom:3px;font-size:16px;font-weight:600;display:block}.settingsCard .tagA .formField .small{font-size:12px}.settingsCard .tagA .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:15px}.settingsCard .tagA .formField input:focus{border:2px solid #059669;outline:none}.settingsCard .actions{justify-content:center;align-items:center;gap:5px;display:flex}.settingsCard .actions button{text-align:center;cursor:pointer;color:#fff;background:#059669;border:none;border-radius:14px;width:100%;padding:13px;font-weight:600}.settingsCard .actions .cancel{background:red}.settingsCard .tagB{border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.settingsCard .tagB label{margin-bottom:3px;font-size:16px;font-weight:600;display:block}.settingsCard .tagB .small{color:#666;font-size:14px}.settingsCard .changePassForm .formField{margin-bottom:5px}.settingsCard .changePassForm .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:15px}.settingsCard .changePassForm .formField input:focus{border:2px solid #059669;outline:none}.settingsCard .changePassForm .checkBox{color:#000;justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-weight:600;display:flex}}@media (min-width:1101px){.settingsDiv{padding:50px 200px}.settingsCard{background:#fff;border:1px solid #ccc;border-radius:20px;margin-bottom:20px;padding:25px;box-shadow:0 8px 12px rgba(0,0,0,.1)}.settingsCard .heading{color:#666;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settingsCard .heading h4{align-items:center;gap:5px;display:flex}.settingsCard .heading button{color:#fff;text-transform:capitalize;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:8px 10px;font-weight:600}.settingsCard .tagA{margin-bottom:15px}.settingsCard .tagA .grid{border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.settingsCard .tagA .formField label{margin-bottom:3px;font-size:16px;font-weight:600;display:block}.settingsCard .tagA .formField .small{font-size:12px}.settingsCard .tagA .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:15px}.settingsCard .tagA .formField input:focus{border:2px solid #059669;outline:none}.settingsCard .actions{justify-content:center;align-items:center;gap:5px;display:flex}.settingsCard .actions button{text-align:center;cursor:pointer;color:#fff;background:#059669;border:none;border-radius:14px;width:100%;padding:13px;font-weight:600}.settingsCard .actions .cancel{background:red}.settingsCard .tagB{border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.settingsCard .tagB label{margin-bottom:3px;font-size:16px;font-weight:600;display:block}.settingsCard .tagB .small{color:#666;font-size:14px}.settingsCard .changePassForm .formField{margin-bottom:5px}.settingsCard .changePassForm .formField input{border:1px solid #ccc;border-radius:10px;width:100%;margin-bottom:10px;padding:15px}.settingsCard .changePassForm .formField input:focus{border:2px solid #059669;outline:none}.settingsCard .changePassForm .checkBox{color:#000;justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-weight:600;display:flex}}