body{color:#182230;background:#f4f6f8;margin:0;font-family:Inter,system-ui}main{padding:28px 5vw}header{justify-content:space-between;display:flex}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.cards div{background:#fff;border-radius:14px;padding:20px}.cards b{font-size:30px;display:block}.cards span{color:#667085}table{border-collapse:collapse;background:#fff;width:100%;margin-bottom:30px}td{border-bottom:1px solid #eee;padding:13px}.login{background:#fff;border-radius:14px;width:360px;max-width:90%;margin:15vh auto;padding:28px;box-shadow:0 10px 30px #0001}.login input,.login button{box-sizing:border-box;width:100%;margin:8px 0;padding:12px}.login button,header button{color:#fff;background:#0b4ea2;border:0;border-radius:8px;padding:10px 16px}.businessDashboard{gap:18px;display:grid}.dashboardWelcome{justify-content:space-between;align-items:center;display:flex}.dashboardWelcome h2{margin:3px 0;font-size:30px}.dashboardWelcome p:last-child{color:#64748b;margin:3px 0}.dashboardBlock{background:#fff;border:1px solid #e0e7ef;border-radius:16px;padding:20px}.blockTitle{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.blockTitle h3{margin:0}.blockTitle>span{color:#64748b;background:#f0f4f8;border-radius:12px;padding:5px 9px;font-size:11px}.primaryStats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.primaryStats button{gap:7px;min-height:110px;display:grid;position:relative;text-align:left!important;color:#1e293b!important;background:#fff!important;border:1px solid #e3e9ef!important;padding:18px!important}.primaryStats button span,.financeStats span{color:#617187;font-size:12px}.primaryStats button b{font-size:26px}.primaryStats button i{font-size:25px;font-style:normal;position:absolute;top:17px;right:17px}.statusStats{border:1px solid #e6ebf1;border-radius:12px;grid-template-columns:repeat(3,1fr);margin-top:12px;display:grid;overflow:hidden}.statusStats button{justify-content:space-between;align-items:center;display:flex;color:#334155!important;text-align:left!important;background:#fff!important;border:1px solid #e6ebf1!important;border-top:0!important;border-left:0!important;border-radius:0!important;padding:14px 16px!important}.statusStats button span{align-items:center;gap:8px;display:flex}.statusStats button i{background:#2774c8;border-radius:50%;width:9px;height:9px}.statusStats button[data-tone="1"] i{background:#21a36c}.statusStats button[data-tone="2"] i{background:#ed912b}.statusStats button[data-tone="3"] i{background:#d94d54}.financeStats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.financeStats article{border:1px solid #e5eaf0;border-radius:12px;gap:7px;min-height:75px;padding:17px;display:grid}.financeStats article b{font-size:22px}.financeStats .walletTotal{text-align:center;background:linear-gradient(145deg,#f5f9ff,#fff8f1);grid-row:span 2;align-content:center}.financeStats .walletTotal b{font-size:30px}.financeStats small{color:#7a8796}.dashboardCharts{grid-template-columns:2fr 1fr;gap:18px;display:grid}.barChart{border-bottom:1px solid #dfe6ee;align-items:flex-end;gap:15px;height:230px;padding:15px 10px 0;display:flex}.barChart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:50px;height:100%;display:flex}.barChart>div>span{background:linear-gradient(#2b7bd1,#12529a);border-radius:7px 7px 0 0;width:min(44px,70%);min-height:7px;max-height:165px}.barChart b{font-size:12px}.barChart small{color:#64748b;text-align:center;height:32px;font-size:10px}.userOverview{justify-items:center;display:grid}.donut{border-radius:50%;place-items:center;width:160px;height:160px;margin:5px auto 18px;display:grid}.donut>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:100px;height:100px;display:grid}.donut b{font-size:25px}.donut small{color:#64748b}.userOverview p{align-items:center;gap:7px;width:90%;margin:5px;display:flex}.userOverview p b{margin-left:auto}.customerDot,.staffDot{background:#155fae;border-radius:50%;width:9px;height:9px}.staffDot{background:#f28c28}.quickOps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quickOps button{align-items:center;gap:12px;display:flex;text-align:left!important;color:#334155!important;background:#fff!important;border:1px solid #e1e8ef!important}.quickOps button b{color:#1256a0;font-size:20px}.quickOps button span{color:#64748b}@media (width<=1000px){.primaryStats{grid-template-columns:repeat(2,1fr)}.dashboardCharts{grid-template-columns:1fr}.statusStats{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.dashboardWelcome{flex-direction:column;align-items:flex-start;gap:12px}.primaryStats,.financeStats,.quickOps,.statusStats{grid-template-columns:1fr}.dashboardBlock{padding:14px}.barChart{overflow-x:auto}.barChart>div{min-width:65px}.financeStats .walletTotal{grid-row:auto}}.periodButtons{gap:5px;display:flex}.periodButtons button{color:#526174!important;background:#f2f5f8!important;padding:6px 9px!important}.periodButtons button.active{color:#fff!important;background:#1256a0!important}.trendLegend{color:#64748b;align-items:center;gap:7px;margin-bottom:5px;font-size:11px;display:flex}.trendLegend .staffDot{margin-left:12px}.trendChart{width:100%;height:250px;overflow:visible}.trendChart line{stroke:#dfe6ed;stroke-width:.35px;vector-effect:non-scaling-stroke}.trendChart polyline{fill:none;stroke:#155fae;stroke-width:2px;vector-effect:non-scaling-stroke}.trendChart polyline.deliveryLine{stroke:#f28c28}.trendLabels{color:#718096;justify-content:space-between;gap:3px;display:flex}.trendLabels small{text-align:center;flex:1;font-size:9px;overflow:hidden}.riderDot{background:#6747b8;border-radius:50%;width:9px;height:9px}.leaderGrid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.leaderList{gap:8px;display:grid}.leaderList button{justify-content:space-between;align-items:center;gap:12px;display:flex;text-align:left!important;color:#26384d!important;background:#f9fbfd!important;border:1px solid #e5ebf1!important;padding:12px!important}.leaderList button span,.leaderList button small{display:block}.leaderList button small{color:#778699;margin-top:3px}.leaderList button em{color:#1256a0;text-align:right;font-size:11px;font-style:normal;font-weight:800}.emptyMini{color:#8995a3;place-items:center;min-height:100px;display:grid}.quickOps{margin-bottom:18px}@media (width<=800px){.leaderGrid{grid-template-columns:1fr}.trendChart{height:190px}.periodButtons{flex-wrap:wrap}}.ecomAdmin{background:#f7f9fb;border:1px solid #dce5ed;border-radius:18px;margin:28px 0;padding:20px}.ecomHead{justify-content:space-between;align-items:center;gap:20px;display:flex}.ecomHead h2{margin:0}.ecomHead p{color:#647487;margin:5px 0}.adminMsg{color:#176b39;background:#eef8f2;border-radius:8px;margin:12px 0;padding:10px 12px;font-weight:700}.adminTabs{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.adminTabs button{color:#082b5c;background:#fff;border:1px solid #dce5ed}.adminTabs button.active{color:#fff;background:#082b5c}.adminPanel{background:#fff;border:1px solid #dce5ed;border-radius:14px;margin-top:12px;padding:18px}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.formGrid input,.formGrid select,.formGrid textarea{width:100%;font:inherit;border:1px solid #cfd9e3;border-radius:8px;padding:10px}.formGrid .wide{grid-column:1/-1}.formGrid textarea{min-height:76px}.formActions{gap:10px;display:flex}.secondary{background:#667789!important}.danger{background:#b9382f!important}.tableWrap{overflow:auto}.tableWrap table{width:100%;min-width:900px}.adminThumb{object-fit:contain;background:#f5f8fb;border-radius:6px;width:52px;height:52px}.hint{color:#647487;font-size:12px}.contentGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.contentGrid article{border:1px solid #dce5ed;border-radius:10px;padding:12px}.contentGrid img{object-fit:contain;max-width:100%;height:90px}@media (width<=900px){.formGrid,.contentGrid{grid-template-columns:1fr}.ecomHead{flex-direction:column;align-items:flex-start}}.cards .clickCard{cursor:pointer}.cards .clickCard:hover{transform:translateY(-1px)}.inventorySections{gap:18px;display:grid}.inventorySections>section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.inventorySections h4{margin:0 0 12px}.queueFilters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.queueFilters .active{outline:2px solid;font-weight:700}.fileButton{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;align-items:center;padding:9px 13px;display:inline-flex}.fileButton input{display:none}.operatorSuite .orderStatusNav{color:#334155!important;background:#fff!important;width:auto!important;min-height:0!important;position:static!important}.operatorSuite .orderStatusNav button{color:#42526a!important;background:0 0!important}.operatorSuite .orderStatusNav button:hover,.operatorSuite .orderStatusNav button.active{color:#1256a0!important;background:#eaf2ff!important}.operatorSuite .orderSummaryCards button{color:#334155!important;background:#fff!important}.operatorSuite .orderSummaryCards button span{color:#334155!important}.operatorSuite .orderSummaryCards button b{color:#102a43!important}.orderConsole{grid-template-columns:210px minmax(0,1fr);gap:20px;margin-top:12px;display:grid}.orderStatusNav,.orderConsoleMain{background:#fff;border:1px solid #dfe6ee;border-radius:16px}.orderStatusNav{height:max-content;padding:16px}.orderStatusNav h3{margin:4px 0 14px}.orderStatusNav small,.orderCrumb{color:#6b7a90;letter-spacing:.07em;font-size:11px;font-weight:800}.orderStatusNav button{color:#42526a;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin:2px 0;padding:10px 11px;display:flex}.orderStatusNav button:hover,.orderStatusNav button.active{color:#1256a0;background:#eaf2ff}.orderStatusNav button b{text-align:center;background:#f0f3f7;border-radius:12px;min-width:25px;padding:2px 7px}.orderConsoleMain{min-width:0;padding:22px}.orderTitle,.orderListHead,.orderToolbar,.orderFilters{justify-content:space-between;align-items:center;gap:12px;display:flex}.orderTitle h2,.orderListHead h3{margin:5px 0}.orderTitle p{color:#64748b;margin:0}.sectionLabel{margin:25px 0 12px}.orderSummaryCards{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;display:grid}.orderSummaryCards button{color:#334155;text-align:left;background:#fff;border:1px solid #e1e8f0;border-left:4px solid #2878d0;border-radius:11px;justify-content:space-between;align-items:center;min-height:66px;padding:13px;display:flex}.orderSummaryCards button[data-tone="1"]{border-left-color:#1a9b68}.orderSummaryCards button[data-tone="2"]{border-left-color:#e88c24}.orderSummaryCards button[data-tone="3"]{border-left-color:#d94d54}.orderSummaryCards button.active{box-shadow:0 0 0 2px #155fae}.orderSummaryCards button b{color:#102a43;font-size:22px}.orderSummaryCards button span{font-size:12px;font-weight:700}.orderListHead{margin-top:26px}.orderListHead h3 span{color:#475569;background:#edf2f7;border-radius:12px;padding:2px 7px;font-size:12px;display:inline-block}.orderToolbar input{min-width:280px}.orderToolbar input,.orderFilters input,.orderFilters select{border:1px solid #ccd7e2;border-radius:8px;padding:9px 10px}.orderFilters{background:#f7f9fc;border-radius:10px;flex-wrap:wrap;justify-content:flex-start;margin:10px 0;padding:12px}.orderFilters label{color:#53657a;gap:4px;font-size:11px;font-weight:700;display:grid}.professionalOrderTable{border:1px solid #e3e9f0;border-radius:12px;margin-top:10px}.professionalOrderTable table{min-width:1050px;margin:0}.professionalOrderTable th{text-align:left;color:#526174;background:#f7f9fc;padding:12px;font-size:12px}.professionalOrderTable td{vertical-align:top}.professionalOrderTable td small{color:#718096;white-space:normal;margin-top:4px;display:block}.statusPill{color:#155fae;white-space:nowrap;background:#eaf2ff;border-radius:14px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.status-delivered,.status-confirmed{color:#16734a;background:#e7f7ef}.status-cancelled,.status-failed_delivery{color:#a93039;background:#fdecec}.status-returned{color:#a45c00;background:#fff3e1}.status-packed,.status-picking,.status-out_for_delivery{color:#4b4db2;background:#edf0ff}.rowActions{flex-wrap:wrap;gap:4px;display:flex}.rowActions button{white-space:nowrap}.emptyOrders{color:#7a8797;place-items:center;gap:5px;padding:42px;display:grid}.emptyOrders span{font-size:12px}.orderDetail{background:#fbfcfe;border:1px solid #dce5ed;border-radius:14px;margin-top:20px;padding:18px}@media (width<=1050px){.orderConsole{grid-template-columns:1fr}.orderStatusNav{gap:5px;display:flex;overflow:auto}.orderStatusNav>div{min-width:100px}.orderStatusNav button{min-width:150px}.orderSummaryCards{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.orderConsoleMain{padding:14px}.orderTitle,.orderListHead{flex-direction:column;align-items:flex-start}.orderToolbar{flex-wrap:wrap;width:100%}.orderToolbar input{width:100%;min-width:0}.orderSummaryCards{grid-template-columns:1fr}.orderFilters>*{width:100%}}.operatorSuite{border-top:5px solid #ea580c;margin-top:32px;padding-top:24px}.suiteTitle{justify-content:space-between;align-items:center;gap:20px;display:flex}.suiteTitle h2{margin-bottom:4px}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.split>section{border:1px solid #e2e8f0;border-radius:14px;padding:16px;overflow:auto}.imageGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:14px;display:grid}.imageGrid figure{border:1px solid #e2e8f0;border-radius:10px;margin:0;overflow:hidden}.imageGrid img{object-fit:cover;width:100%;height:100px}.imageGrid figcaption{padding:7px;font-size:12px}.kanbanSummary,.reportCards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px;display:grid}.kanbanSummary div,.reportCards article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.kanbanSummary b,.reportCards b{font-size:22px;display:block}.kanbanSummary span,.reportCards span{color:#475569;text-transform:capitalize;font-size:12px}.operatorSuite table button{margin:2px;padding:6px 8px}.operatorSuite select{min-height:40px}@media (width<=850px){.split{grid-template-columns:1fr}.suiteTitle{flex-direction:column;align-items:flex-start}}.opsPanel{background:#fff;border:1px solid #dce5ed;border-radius:14px;padding:20px}.opsForm{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.opsForm label{gap:6px;font-weight:700;display:grid}.opsForm input{border:1px solid #cfd9e3;border-radius:8px;padding:10px}.opsForm label:has(input[type=checkbox]){align-items:center;display:flex}.opsForm>div{align-items:end;gap:8px;display:flex}@media (width<=900px){.opsForm{grid-template-columns:1fr}}.productGalleryAdmin{background:#f8fafc;border:1px solid #dce5ed;border-radius:12px;padding:14px}.productGalleryAdmin .imageGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0;display:grid}.productGalleryAdmin .imageGrid article{background:#fff;border:1px solid #dce5ed;border-radius:10px;padding:8px}.productGalleryAdmin .imageGrid img{object-fit:contain;width:100%;height:120px}.productGalleryAdmin .imageGrid b{margin:6px 0;display:block}.productGalleryAdmin .imageGrid article div{flex-wrap:wrap;gap:4px;display:flex}.productGalleryAdmin .imageGrid button{padding:5px 8px;font-size:11px}.adminShell{background:#f5f7fa;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.adminShell aside{color:#fff;box-sizing:border-box;background:#071a2f;height:100vh;padding:18px 14px;position:sticky;top:0;overflow:auto}.brand{border-bottom:1px solid #ffffff1c;padding:8px 10px 20px}.brand img{object-fit:contain;background:#fff;border-radius:8px;width:150px;height:46px;padding:4px}.brand span{color:#9fb4ca;margin-top:8px;font-size:12px;display:block}.adminShell nav{padding-top:12px}.adminShell nav button{text-align:left;color:#d9e6f2;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;margin:3px 0;padding:10px 11px;display:block}.adminShell nav button b,.adminShell nav button small{display:block}.adminShell nav button small{color:#8fa8bf;margin-top:3px;font-size:11px}.adminShell nav button:hover,.adminShell nav button.active{color:#fff;background:#12375d}.adminShell nav button.active{box-shadow:inset 3px 0 #f97316}.navGroup{color:#6f8ba5;text-transform:uppercase;letter-spacing:.12em;margin:19px 11px 7px;font-size:11px;font-weight:800}.adminWorkspace{min-width:0}.topbar{z-index:10;background:#fff;border-bottom:1px solid #dfe6ed;justify-content:space-between;align-items:center;padding:13px 28px;display:flex;position:sticky;top:0}.topbar h1{margin:2px 0;font-size:22px}.topbar small{color:#64748b}.topActions{gap:8px;display:flex}.topbar button,.workspaceMain button{color:#fff;cursor:pointer;background:#0b4ea2;border:0;border-radius:8px;padding:9px 13px}.topbar .logout{color:#9f2d25;background:#fff;border:1px solid #e7b9b5}.menuButton{display:none!important}.workspaceMain{max-width:1500px;padding:28px}.pageIntro h2{margin:3px 0;font-size:30px}.pageIntro p{color:#64748b}.eyebrow{letter-spacing:.12em;font-size:11px;font-weight:800;color:#e65d0e!important}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.metricGrid article{background:#fff;border:1px solid #e0e6ed;border-radius:14px;padding:18px}.metricGrid span,.moduleGrid span{color:#64748b;display:block}.metricGrid b{font-size:28px}.moduleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.moduleGrid button{text-align:left;color:#102a43;background:#fff;border:1px solid #dfe6ed;min-height:130px;padding:18px}.moduleGrid button b,.moduleGrid button span,.moduleGrid button em{display:block}.moduleGrid button b{font-size:17px}.moduleGrid button span{margin:7px 0 17px}.moduleGrid button em{color:#0b4ea2;font-style:normal;font-weight:700}.linkedModule{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:15px 18px;display:flex}.linkedModule h3{margin:0}.loginPage{background:linear-gradient(135deg,#071a2f,#12375d);place-items:center;min-height:100vh;display:grid}.loginCard{box-sizing:border-box;background:#fff;border-radius:18px;width:390px;max-width:calc(100vw - 40px);padding:34px;box-shadow:0 24px 70px #0005}.loginCard img{object-fit:contain;width:190px;max-height:70px}.loginCard h1{margin:5px 0}.loginCard label{margin:13px 0;font-weight:700;display:block}.loginCard input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;margin-top:5px;padding:12px}.loginCard button{color:#fff;background:#0b4ea2;border:0;border-radius:8px;width:100%;padding:12px}.errorMsg{color:#a32620;background:#fff1f0;border-radius:8px;padding:10px}.ecomAdmin,.operatorSuite{margin-top:0}.operatorSuite{border-top:0;padding-top:0}.operatorSuite .suiteTitle h2{display:none}.operatorSuite .suiteTitle p{margin-top:0}@media (width<=1000px){.adminShell{grid-template-columns:1fr}.adminShell aside{z-index:30;width:280px;transition:left .2s;position:fixed;left:-300px}.adminShell aside.open{left:0;box-shadow:10px 0 30px #0005}.menuButton{display:inline-block!important}.metricGrid,.moduleGrid{grid-template-columns:repeat(2,1fr)}.workspaceMain{padding:18px}.topbar{padding:11px 16px}.topActions button:first-child{display:none}}@media (width<=620px){.moduleGrid,.metricGrid{grid-template-columns:1fr}.topbar h1{font-size:17px}.workspaceMain{padding:12px}.linkedModule{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:1fr 1fr}.formActions{flex-wrap:wrap}}.workflow{margin-bottom:18px}.workflow label{font-weight:700}.workflow input,.workflow select,.searchInput{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px}.searchInput{max-width:520px;margin:12px 0}.directUpload{border:2px dashed #9fb4ca;border-radius:12px;padding:14px}.directUpload input{margin:8px 0;display:block}.directUpload span{color:#176b39;word-break:break-all;font-size:12px;display:block}.readinessGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.readinessGrid button{text-align:left;border-radius:14px;min-height:150px;padding:18px;color:#102a43!important;background:#fff!important;border:1px solid #dfe6ed!important}.readinessGrid button i,.readinessGrid button b,.readinessGrid button span,.readinessGrid button em{display:block}.readinessGrid button i{color:#176b39;background:#dcfce7;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.readinessGrid button.attention i{color:#b45309;background:#fff1e7}.readinessGrid button b{margin-top:12px;font-size:18px}.readinessGrid button span{color:#64748b;margin:6px 0 14px}.readinessGrid button em{color:#0b4ea2;font-style:normal;font-weight:700}.operatorSteps li{color:#334155;margin:10px 0}.communicationCenter textarea{box-sizing:border-box;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px}@media (width<=900px){.readinessGrid,.communicationCenter .formGrid{grid-template-columns:1fr}}