:root{--cream:#f8f1e6;--card:#fff9ef;--green:#31583b;--green2:#46724e;--gold:#c69b52;--dark:#1e2a22;--muted:#857866;--line:#e7d8c1;--white:#fff;--danger:#a34747;--shadow:0 18px 55px #1e2a221f}*{box-sizing:border-box}body{background:var(--cream);color:var(--dark);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font-family:inherit}button{cursor:pointer}.adminShell{grid-template-columns:285px 1fr;min-height:100vh;display:grid}.sidebar{min-height:100vh;color:var(--white);background:linear-gradient(#24452f 0%,#31583b 100%);flex-direction:column;gap:18px;padding:22px;display:flex;position:sticky;top:0}.brandCard{background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;align-items:center;gap:12px;padding:15px;display:flex}.brandMark{background:var(--gold);letter-spacing:-1px;border-radius:18px;place-items:center;width:54px;height:54px;font-weight:950;display:grid}.eyebrow{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:950}.brandCard h1,.topHeader h2,.panel h3,.panel h4,.productAdminCard h4,.driverCard h4,.staffCard h4,.bannerPreview h4{margin:0}.brandCard h1{font-size:19px;line-height:1.05}.rolePreview{background:#ffffff14;border:1px solid #ffffff24;border-radius:22px;padding:14px}.rolePreview label,.creditBox label,.staffCard label{color:#ffffffb8;margin-bottom:8px;font-size:12px;font-weight:850;display:block}.rolePreview select,.orderControls select,.dispatchMini select,.staffCard select,.creditBox input{border:1px solid var(--line);background:var(--card);width:100%;color:var(--dark);border-radius:15px;outline:none;padding:11px 12px;font-weight:800}.tabList{gap:8px;display:grid}.tabButton{color:#ffffffc7;text-align:left;background:0 0;border:0;border-radius:18px;align-items:center;gap:11px;width:100%;padding:13px 14px;font-weight:900;display:flex}.tabButton:hover,.tabButtonActive{background:var(--card);color:var(--green)}.tabButton span{background:#ffffff21;border-radius:10px;place-items:center;width:24px;height:24px;display:grid}.tabButtonActive span,.tabButton:hover span{color:var(--green);background:#f1e3c7}.sidebarFooter{background:#00000024;border-radius:22px;margin-top:auto;padding:14px}.sidebarFooter p{margin:0;font-weight:950}.sidebarFooter span{color:#ffffffb3;margin-top:5px;font-size:12px;font-weight:750;display:block}.contentArea{padding:26px}.topHeader{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.topHeader h2{letter-spacing:-.03em;font-size:34px}.headerActions,.actionRow,.orderControls,.miniTabs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ghostButton,.greenButton,.softButton,.dangerSoftButton,.liveButton,.draftButton,.statusButton,.statusButtonActive,.circleButton,.uploadButton{border:0;border-radius:999px;padding:12px 16px;font-weight:950}.greenButton{background:var(--green);color:var(--white);box-shadow:0 10px 24px #31583b2e}.ghostButton{background:var(--card);color:var(--green);border:1px solid var(--line)}.softButton{color:var(--green);background:#f1e3c7}.dangerSoftButton{color:var(--danger);background:#f7dfdf}.circleButton{width:42px;height:42px;color:var(--green);background:#f1e3c7;padding:0}.screenGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.twoCol{grid-template-columns:1.35fr .85fr}.statCard,.panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px}.statCard{padding:18px}.statCard p,.statCard span,.mutedText,.orderRow p,.bannerRow p,.wholesaleRow p,.driverCard p,.staffCard p,.dispatchMini span,.creditBox p,.registrationPlaceholder p,.metricList li{color:var(--muted)}.statCard p{margin:0;font-size:13px;font-weight:850}.statCard strong{color:var(--green);letter-spacing:-.04em;margin-top:10px;font-size:34px;line-height:1;display:block}.statCard span{margin-top:9px;font-size:12px;font-weight:750;display:block}.panel{padding:18px}.fullPanel{width:100%}.largePanel{grid-column:span 3}.panelTop{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.panel h3{letter-spacing:-.02em;font-size:22px}.tableList{gap:10px;display:grid}.spaced{gap:13px}.orderRow{background:var(--white);border:1px solid var(--line);border-radius:20px;grid-template-columns:170px 1fr 150px;align-items:center;gap:16px;padding:14px;display:grid}.orderRow.compact{grid-template-columns:130px 1fr 120px;padding:12px}.orderRow strong{color:var(--dark)}.orderRow p,.orderItems p,.orderRight p{margin:4px 0 0;font-size:12px;font-weight:750}.orderItems span{color:var(--dark);font-weight:900;display:block}.orderRight{text-align:right}.smallBadge,.approvedBadge,.pendingBadge,.offlineBadge{border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:11px;font-weight:950;display:inline-flex}.smallBadge{color:var(--gold);background:#f1e3c7}.approvedBadge{color:var(--green);background:#dbeedd}.pendingBadge{color:var(--gold);background:#fff4d9}.offlineBadge{color:var(--muted);background:#eee8dd}.bannerPreview{min-height:205px;color:var(--white);background:radial-gradient(circle at 75% 20%,#c69b5247,#0000 35%),linear-gradient(135deg,#31583b,#24452f);border-radius:26px;flex-direction:column;justify-content:flex-end;padding:22px;display:flex;position:relative;overflow:hidden}.bannerPreview:after{content:"";border:18px solid #fff9ef1f;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-30px;right:-30px}.bannerPreview span{background:var(--gold);color:var(--white);border-radius:999px;align-self:flex-start;margin-bottom:10px;padding:7px 10px;font-size:11px;font-weight:950}.bannerPreview h4{z-index:1;max-width:360px;font-size:25px;position:relative}.bannerPreview p{z-index:1;color:#ffffffc2;margin-bottom:0;font-weight:750;line-height:1.45;position:relative}.bannerPreview.tall{min-height:330px}.dotRow{justify-content:center;gap:7px;margin-top:12px;display:flex}.dot{background:var(--line);border:0;border-radius:999px;width:8px;height:8px;padding:0}.dotActive{background:var(--gold);width:24px}.orderCard{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:12px}.orderCard .orderRow{border:0;border-radius:0;padding:4px}.orderControls{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.statusButton,.statusButtonActive{border:1px solid var(--line);padding:9px 12px}.statusButton{background:var(--card);color:var(--muted)}.statusButtonActive{background:var(--green);color:var(--white);border-color:var(--green)}.miniTabs span{color:var(--green);background:#f1e3c7;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:950}.productGrid,.driverGrid,.staffGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.productAdminCard,.driverCard,.staffCard{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:14px}.productImageBox{width:100%;height:118px;color:var(--gold);background:linear-gradient(135deg,#f1e3c7,#fff6e7);border-radius:20px;place-items:center;margin-bottom:12px;font-size:30px;font-weight:950;display:grid}.mutedText{margin:6px 0 0;font-size:12px;font-weight:750}.liveButton,.draftButton{width:100%;margin-top:14px;padding:10px 12px}.liveButton{background:var(--green);color:var(--white)}.draftButton{color:var(--green);background:#f1e3c7}.bannerRow,.wholesaleRow{background:var(--white);border:1px solid var(--line);text-align:left;border-radius:22px;grid-template-columns:76px 1fr auto;align-items:center;gap:12px;width:100%;padding:13px;display:grid}.wholesaleRow{grid-template-columns:1fr auto}.bannerThumb{background:var(--green);width:76px;height:56px;color:var(--gold);border-radius:17px;place-items:center;font-weight:950;display:grid}.bannerRow h4,.wholesaleRow h4{color:var(--dark);margin:0}.bannerRow p,.wholesaleRow p{margin:4px 0 8px;font-size:12px;font-weight:750}.fullWidth{width:100%;margin-top:14px}.searchInputAdmin{border:1px solid var(--line);background:var(--white);width:min(330px,100%);height:46px;color:var(--dark);border-radius:999px;outline:none;padding:0 16px;font-weight:800}.accountPanel{flex-direction:column;gap:13px;display:flex}.registrationBox{border:1px dashed var(--gold);background:#fff4d9;border-radius:24px;min-height:220px;overflow:hidden}.registrationBox img{object-fit:cover;width:100%;height:260px;display:block}.registrationPlaceholder{text-align:center;place-content:center;height:260px;padding:22px;display:grid}.registrationPlaceholder span{color:var(--green);font-size:20px;font-weight:950}.registrationPlaceholder p{margin:8px 0 0;font-weight:750}.uploadButton{color:var(--green);text-align:center;background:#f1e3c7;justify-content:center;display:inline-flex}.uploadButton input{display:none}.creditBox{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:14px}.creditBox label,.staffCard label{color:var(--muted)}.creditBox input{color:var(--green);font-size:22px}.driverGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.driverCard{text-align:center}.driverAvatar{background:var(--green);width:52px;height:52px;color:var(--white);border-radius:18px;place-items:center;margin:0 auto 10px;font-weight:950;display:grid}.dispatchMini{background:var(--white);border:1px solid var(--line);border-radius:20px;gap:8px;padding:13px;display:grid}.barChart{align-items:end;gap:14px;height:300px;padding:18px 10px 8px;display:flex}.barItem{flex-direction:column;flex:1;align-items:center;gap:9px;height:100%;display:flex}.barTrack{background:#f1e3c7;border-radius:999px;flex:1;align-items:end;width:100%;display:flex;overflow:hidden}.barFill{background:linear-gradient(180deg, var(--gold), var(--green));border-radius:999px 999px 0 0;width:100%}.barItem span{color:var(--muted);font-size:12px;font-weight:900}.metricList{gap:12px;margin:16px 0 0;padding-left:18px;font-weight:800;display:grid}.staffGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.staffTop{align-items:center;gap:12px;margin-bottom:14px;display:flex}.staffTop .driverAvatar{margin:0}.staffCard select{margin-bottom:14px}.permissionChips{flex-wrap:wrap;gap:7px;display:flex}.permissionChips span{color:var(--green);background:#f1e3c7;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950}@media (max-width:1100px){.adminShell{grid-template-columns:1fr}.sidebar{min-height:auto;position:relative}.tabList{grid-template-columns:repeat(4,minmax(0,1fr))}.screenGrid,.twoCol{grid-template-columns:repeat(2,minmax(0,1fr))}.largePanel{grid-column:span 2}.productGrid,.driverGrid,.staffGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.contentArea{padding:18px}.topHeader{flex-direction:column;align-items:flex-start}.topHeader h2{font-size:29px}.screenGrid,.twoCol,.productGrid,.driverGrid,.staffGrid{grid-template-columns:1fr}.largePanel{grid-column:span 1}.tabList{grid-template-columns:repeat(2,minmax(0,1fr))}.orderRow,.orderRow.compact{grid-template-columns:1fr}.orderRight{text-align:left}.bannerRow{grid-template-columns:1fr}}.adminNotice{color:var(--dark);background:#fff4d9;border:1px solid #efd9a7;border-radius:18px;margin-bottom:18px;padding:14px 16px;font-weight:850}.emptyAdminState{border:1px dashed var(--line);width:100%;color:var(--muted);background:#fff9efb8;border-radius:22px;padding:22px}.emptyAdminState strong{color:var(--green);margin-bottom:6px;font-size:16px;display:block}.emptyAdminState p{margin:0;font-weight:700;line-height:1.5}.adminForm{gap:11px;display:grid}.adminForm label{color:var(--green);font-size:12px;font-weight:950}.adminForm input,.adminForm select,.adminForm textarea,.searchInputAdmin{border:1px solid var(--line);background:var(--card);width:100%;color:var(--dark);border-radius:15px;outline:none;padding:12px 13px;font-weight:800}.adminForm textarea{resize:vertical;min-height:92px}.formGrid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checkRow{background:#f1e3c7;border-radius:16px;align-items:center;gap:9px;padding:12px;color:var(--dark)!important;display:flex!important}.checkRow input{width:auto}.productImageBox img,.bannerThumb img{object-fit:cover;width:100%;height:100%}.productAdminCard strong{color:var(--green);margin-top:10px;font-size:15px;display:block}.bannerPreview{background-position:50%;background-size:cover}.wholesaleRow.fullWidth{text-align:left;width:100%;color:inherit}@media (max-width:980px){.adminShell{grid-template-columns:1fr}.sidebar{min-height:auto;position:relative}.twoCol,.screenGrid{grid-template-columns:1fr}}.productGrid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));align-items:start}.productAdminCard{overflow:hidden}.adminProductImageFrame{width:100%;height:170px;color:var(--gold);background:linear-gradient(135deg,#f1e3c7,#fff6e7);border-radius:20px;justify-content:center;align-items:center;margin-bottom:14px;font-size:18px;font-weight:950;display:flex;overflow:hidden}.adminProductImageFrame img{object-fit:contain;width:100%;height:100%;display:block}.productCardBody h4{color:var(--dark);min-height:auto;font-size:15px;line-height:1.25;margin:0 0 5px!important}.productCategoryText{color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:750}.priceEditor{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.priceEditor>div:last-child{grid-column:1/-1}.priceEditor label{color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:900;display:block}.priceEditor input{border:1px solid var(--line);background:var(--cream);width:100%;color:var(--dark);border-radius:14px;outline:none;padding:10px 11px;font-weight:900}.priceEditor input:focus{border-color:var(--green);box-shadow:0 0 0 3px #31583b1f}.savedPriceRow{color:var(--green);gap:4px;margin-top:10px;font-size:12px;font-weight:900;display:grid}.productActions{flex-wrap:wrap;margin-top:13px}.productActions button{flex:auto;min-width:78px}.adminProductImageFrame{position:relative}.adminPieceImageThumb{border:1px solid var(--line);background:#fff9eff5;border-radius:18px;place-items:center;width:76px;height:62px;padding:5px;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 8px 18px #1e2a2224}.adminPieceImageThumb img{object-fit:contain;width:100%;height:100%}.piecePreviewBox{height:96px}.piecePreviewBox img{object-fit:contain;width:100%;height:100%}.miniUploadButton{border:1px solid var(--line);width:100%;min-height:38px;color:var(--green);cursor:pointer;background:#f1e3c7;border-radius:999px;justify-content:center;align-items:center;margin-top:12px;font-size:12px;font-weight:950;display:inline-flex}.miniUploadButton input{display:none}.wholesaleReadyRow{background:#31583b0f;border:1px solid #31583b1f;border-radius:14px;padding:10px}.wholesaleCalcPreview{color:var(--green);background:#f1e3c7;border-radius:14px;margin-top:8px;padding:10px 12px;font-size:12px;font-weight:850}.wholesaleBlockCheck{justify-content:flex-start;min-height:44px;margin-top:0!important}.disabledWholesaleFields input:disabled{opacity:.55;cursor:not-allowed;background:#eee8dd}.consumerOnlyBadge{color:var(--gold);background:#fff4d9;border:1px solid #efd9a7;border-radius:999px;justify-content:center;align-items:center;margin:0 0 10px;padding:8px 10px;font-size:11px;font-weight:950;display:inline-flex}.consumerOnlyRow{color:var(--gold);background:#fff4d9;border:1px solid #efd9a7;border-radius:14px;padding:10px}.consumerOnlyPreview{color:var(--gold);background:#fff4d9}.warningButton{color:var(--gold);cursor:pointer;background:#fff4d9;border:0;border-radius:999px;padding:10px 14px;font-weight:950}.packageDealCheck{border:1px solid var(--line);color:var(--green);background:#f1e3c7;border-radius:18px;padding:12px 14px;font-weight:950}.packageDealBox{border:1px solid var(--line);background:linear-gradient(#fff9ef 0%,#f8f1e6 100%);border-radius:24px;margin:10px 0 14px;padding:16px}.packageDealHeader{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.packageDealHeader strong{color:var(--green);font-size:16px;font-weight:950}.packageDealHeader span{color:var(--muted);font-size:12px;font-weight:750}.miniDealGrid{margin-bottom:10px}.dealAllowedBox{margin-top:12px}.dealAllowedBox>strong{color:var(--dark);margin-bottom:3px;font-size:14px;font-weight:950;display:block}.dealAllowedBox>p{color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:750}.dealAllowedList{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:260px;padding-right:4px;display:grid;overflow:auto}.dealAllowedItem{border:1px solid var(--line);background:var(--white);min-height:58px;color:var(--dark);border-radius:18px;align-items:center;gap:10px;padding:9px 10px;font-size:12px;font-weight:900;display:flex}.dealAllowedItem img,.tinyNoImage{object-fit:contain;background:var(--cream);border-radius:13px;width:42px;height:42px}.tinyNoImage{color:var(--muted);place-items:center;font-size:9px;font-weight:850;display:grid}.packageDealBadge{color:var(--green);background:#f1e3c7;border-radius:999px;align-self:flex-start;align-items:center;margin-top:8px;padding:7px 10px;font-size:11px;font-weight:950;display:inline-flex}.categoryManagerRow{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.categoryEditBox{grid-template-columns:minmax(220px,1fr) 190px;align-items:end;gap:12px;display:grid}.categoryEditField label{color:var(--green);margin-bottom:6px;font-size:11px;font-weight:950;display:block}.categoryEditField input{border:1px solid var(--line);background:var(--cream);width:100%;color:var(--dark);border-radius:15px;outline:none;padding:11px 12px;font-weight:900}.categoryEditField input:focus{border-color:var(--green);box-shadow:0 0 0 3px #31583b1f}.categorySortControls{grid-template-columns:42px minmax(74px,1fr) 42px;align-items:center;gap:8px;display:grid}.categorySortHint{grid-column:1/-1;margin:0}.categoryActionStack{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;min-width:330px;display:flex}.categoryActionStack .greenButton,.categoryActionStack .dangerSoftButton,.categoryActionStack .approvedBadge,.categoryActionStack .pendingBadge{min-height:40px}@media (max-width:980px){.categoryManagerRow,.categoryEditBox{grid-template-columns:1fr}.categoryActionStack{justify-content:flex-start;min-width:0}}.bestSellerRankBadge{width:fit-content;color:var(--green);background:#f1e3c7;border-radius:999px;align-items:center;margin-bottom:9px;padding:6px 10px;font-size:11px;font-weight:950;display:inline-flex}.registrationImageButton{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.registrationImageButton span{color:var(--white);background:#31583beb;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;position:absolute;bottom:14px;left:14px;box-shadow:0 12px 22px #1e2a222e}.registrationActions,.registrationPreviewActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.linkButton{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.registrationPreviewBackdrop{z-index:1000;background:#1e2a22b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.registrationPreviewModal{background:var(--cream);border:1px solid var(--line);border-radius:30px;width:min(920px,96vw);max-height:92vh;padding:18px;overflow:auto;box-shadow:0 30px 90px #00000059}.registrationPreviewTop{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.registrationPreviewTop h3{margin:0}.registrationPreviewTop p{color:var(--muted);margin-top:4px;font-weight:750}.registrationPreviewModal img{object-fit:contain;background:var(--white);border:1px solid var(--line);border-radius:22px;width:100%;max-height:66vh;margin-bottom:14px;display:block}.paymentChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.paymentChoice,.paymentChoiceActive{text-align:left;cursor:pointer;border-radius:18px;padding:13px;transition:all .16s}.paymentChoice{border:1px solid var(--line);color:var(--green);background:#fff9ef}.paymentChoiceActive{background:var(--green);border:1px solid var(--green);color:var(--white);box-shadow:0 10px 24px #31583b2e}.paymentChoice strong,.paymentChoiceActive strong{font-size:14px;font-weight:950;display:block}.paymentChoice span,.paymentChoiceActive span{margin-top:5px;font-size:11px;font-weight:750;line-height:1.35;display:block}.paymentChoice span{color:var(--muted)}.paymentChoiceActive span{color:#ffffffc7}.creditLimitEditor{margin-top:14px}.codNotice{background:#f1e3c7;border:1px solid #e7d8c1;border-radius:18px;margin-top:14px;padding:13px}.codNotice strong{color:var(--green);font-weight:950;display:block}.codNotice span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:750;line-height:1.45;display:block}.inlineSuccessNotice{color:var(--green);background:#eef6ed;border:1px solid #31583b38;border-radius:16px;margin:12px 0 6px;padding:11px 13px;font-size:13px;font-weight:850}button:disabled{cursor:not-allowed;opacity:.62}