@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}body{background:var(--cream);color:var(--text);margin:0;font-family:Poppins,system-ui,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{background:var(--dark);color:#fff;width:276px;padding:24px;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:14px;margin-bottom:30px;display:flex}.brandIcon{background:linear-gradient(135deg, var(--primary), var(--primary2));border-radius:18px;place-items:center;width:50px;height:50px;display:grid}.brand b{font-size:22px}.brand span{color:#d4beb5;font-size:12px;display:block}.navItem{color:#eadbd5;border-radius:16px;align-items:center;gap:12px;margin:6px 0;padding:13px 14px;font-weight:600;display:flex}.navItem:hover,.navItem.active{color:#fff;background:#ffffff1f}.main{width:calc(100% - 276px);margin-left:276px;padding:24px 30px}.topbar{justify-content:space-between;align-items:center;height:86px;display:flex}.topbar h1{margin:0;font-size:26px}.topbar p{color:var(--muted);margin:4px 0 0}.topUser{align-items:center;gap:12px;display:flex}.ghostBtn{border:1px solid var(--border);color:var(--dark);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;display:flex}.pageHeader{background:linear-gradient(135deg, var(--primary), var(--primary2));color:#fff;box-shadow:var(--shadow);border-radius:28px;justify-content:space-between;align-items:center;margin:10px 0 22px;padding:28px 30px;display:flex}.pageHeader h2{margin:0;font-size:32px}.pageHeader p{color:#fff7ef;margin:6px 0 0;font-size:15px}.statsGrid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:18px;display:grid}.twoGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.wideLeft{grid-template-columns:.85fr 1.15fr}.card{box-shadow:var(--shadow);background:#fff;border:1px solid #f4e2d9;border-radius:24px;padding:20px}.card h3{margin:0 0 14px;font-size:20px}.statLabel{color:var(--muted);margin:0;font-size:13px}.statValue{color:var(--dark);margin:6px 0;font-size:30px}.statSub{color:var(--muted);margin:0}.formGrid{gap:12px;display:grid}.inlineForm{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.field{color:var(--muted);gap:6px;font-size:13px;font-weight:600;display:grid}.field input,.field textarea,.field select,input,textarea,select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:14px;outline:none;min-width:0;padding:12px 14px}.field textarea{resize:vertical;min-height:82px}.btn{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:800;display:inline-flex}.btn.primary{background:linear-gradient(135deg, var(--primary), #df6a1f);color:#fff}.btn.secondary{border:1px solid var(--border);color:var(--primary);background:#fff}.btn.danger{color:#b42318;background:#ffe2dc}.errorBox{color:#a8071a;background:#fff1f0;border:1px solid #ffccc7;border-radius:16px;margin-bottom:16px;padding:12px 14px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}td,th{border-bottom:1px solid #f3e4dc;padding:12px}.right{text-align:right}.pill{border:1px solid var(--border);color:var(--primary);background:#fff7f2;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.cardsList{gap:12px;max-height:640px;display:grid;overflow:auto}.miniRow{border:1px solid #f1ddd4;border-radius:20px;align-items:center;gap:14px;padding:12px;display:flex}.miniRow img,.thumb{object-fit:cover;background:#fff0e6;border-radius:20px;flex:none;place-items:center;width:72px;height:72px;font-size:30px;display:grid}.miniRow b{display:block}.miniRow p{color:var(--muted);margin:4px 0 8px}.loginPage{background:radial-gradient(circle at 20% 10%,#fff 0,#fff8ef 35%,#ffe8d8 100%);place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{text-align:center;background:#fff;border:1px solid #f0ded5;border-radius:34px;width:min(430px,100%);padding:34px;box-shadow:0 24px 80px #24111129}.loginLogo{background:linear-gradient(135deg, var(--primary), var(--primary2));color:#fff;border-radius:26px;place-items:center;width:76px;height:76px;margin:0 auto 18px;display:grid}.loginCard h1{margin:0;font-size:34px}.loginCard p{color:var(--muted);margin:6px 0 20px}.loginCard form{text-align:left;gap:14px;display:grid}.loginCard label{gap:8px;font-weight:700;display:grid}.loginCard button{background:linear-gradient(135deg, var(--primary), var(--primary2));color:#fff;cursor:pointer;border:0;border-radius:16px;margin-top:8px;padding:14px;font-weight:900}.loginCard small{color:var(--muted);margin-top:16px;display:block}.scanResult{border-radius:20px;margin-top:18px;padding:18px}.scanResult.ok{background:#f0fff4;border:1px solid #b7eb8f}.scanResult.bad{background:#fff1f0;border:1px solid #ffa39e}@media (width<=1000px){.sidebar{width:100%;height:auto;position:static}.shell{display:block}.main{width:100%;margin-left:0;padding:18px}.statsGrid{grid-template-columns:repeat(2,1fr)}.twoGrid,.wideLeft{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:15px;height:auto}.pageHeader{flex-direction:column;align-items:flex-start;gap:14px}.sidebar nav{gap:8px;display:flex;overflow:auto}.navItem{white-space:nowrap}.brand{margin-bottom:14px}}.heroHeader{color:#fff;background:linear-gradient(135deg,#d9480f,#f6b94b);border-radius:28px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:42px;display:flex;box-shadow:0 18px 50px #c2410c33}.heroHeader h1{margin:0;font-size:34px;font-weight:900}.heroHeader p{opacity:.95;margin:12px 0 0;font-size:16px}.fulfillGrid{grid-template-columns:1.15fr .85fr;gap:24px;display:grid}.premiumCard{background:#fff;border:1px solid #f1d8cc;border-radius:26px;padding:28px;box-shadow:0 16px 45px #2411110f}.cardTitle{align-items:center;gap:14px;margin-bottom:24px;display:flex}.cardTitle h2{color:#241111;margin:0;font-size:24px;font-weight:900}.cardTitle p{color:#7a6a64;margin:4px 0 0}.iconBox{color:#c2410c;background:#fff0e6;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.formGroup{margin-bottom:18px}.formGroup label{color:#2b1717;margin-bottom:8px;font-weight:800;display:block}.fieldWithIcon{background:#fff;border:1px solid #edcfc3;border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.fieldWithIcon select{background:0 0;border:none;outline:none;flex:1;padding:15px 0;font-size:15px}textarea{resize:vertical;border:1px solid #edcfc3;border-radius:16px;outline:none;width:100%;padding:14px;font-family:inherit;font-size:15px}.scannerBox{background:#fff8ef;border:1px dashed #efc9b8;border-radius:22px;margin-bottom:18px;padding:18px}#qr-reader{border-radius:18px;margin-bottom:14px;overflow:hidden}.dividerText{text-align:center;color:#7a6a64;margin:12px 0 18px;font-weight:900}.tokenPreview{background:#fff8ef;border:1px solid #f0d5c7;border-radius:16px;margin-bottom:16px;padding:14px}.tokenPreview span{color:#7a6a64;font-size:13px;display:block}.tokenPreview b{color:#c2410c;margin-top:4px;font-size:20px;display:block}.alert{border-radius:16px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px;font-weight:700;display:flex}.alert p{margin:4px 0}.alert.success{color:#166534;background:#e8fff1}.alert.error{color:#b91c1c;background:#fff0f0}.primaryBtn,.secondaryBtn,.whiteBtn,.dangerBtn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:15px;font-weight:900;display:inline-flex}.primaryBtn{color:#fff;background:linear-gradient(135deg,#d9480f,#f6b94b)}.secondaryBtn{color:#c2410c;background:#fff0e6}.whiteBtn{color:#c2410c;background:#fff}.dangerBtn{color:#b91c1c;background:#fff0f0}.full{width:100%}.steps{gap:14px;display:grid}.steps div{background:#fff8ef;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.steps b{color:#fff;background:#c2410c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.steps span{color:#4b3b36;font-weight:600}.miniNote{color:#fff;background:#241111;border-radius:18px;margin-top:18px;padding:16px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.fulfillGrid{grid-template-columns:1fr}.heroHeader{flex-direction:column;align-items:flex-start;gap:18px}}.cardHeaderRow{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.cardHeaderRow h3{color:#241111;margin:0;font-size:24px;font-weight:900}.cardHeaderRow p{color:#7a6a64;margin:6px 0 0}.premiumRow{background:linear-gradient(135deg,#fff,#fff8ef);border:1px solid #f1d8cc;border-radius:22px;gap:16px;margin-bottom:14px;padding:16px;display:flex;box-shadow:0 12px 30px #2411110d}.rowImage,.thumb{object-fit:cover;background:#fff0e6;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:78px;height:78px;font-size:30px;display:flex}.rowContent{flex:1}.rowTop{justify-content:space-between;gap:12px;display:flex}.rowTop b{color:#241111;font-size:18px;font-weight:900}.rowTop p{color:#7a6a64;margin:6px 0 10px;line-height:1.4}.inlinePills{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.statusPill{color:#c2410c;background:#fff0e6;border-radius:999px;height:fit-content;padding:7px 12px;font-weight:900}.rowActions{gap:10px;margin-top:10px;display:flex}.editBtn,.deleteBtn,.lightBtn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-weight:800;display:inline-flex}.editBtn{color:#c2410c;background:#fff0e6}.deleteBtn{color:#b91c1c;background:#fff1f1}.lightBtn{color:#7a3f2d;background:#fff8ef}.switchRow{color:#241111;align-items:center;gap:10px;font-weight:800;display:flex}.formGrid input,.formGrid textarea,.formGrid select{font-family:inherit;font-size:15px}.cardsList{gap:12px;display:grid}.emptyBox{text-align:center;color:#7a6a64;background:#fff8ef;border-radius:18px;padding:24px}.opsStats{grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;margin-bottom:24px;display:grid}.opsStat{background:#fff;border:1px solid #f1d8cc;border-radius:22px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 12px 30px #2411110d}.opsStat span{color:#7a6a64;font-size:13px;font-weight:700}.opsStat b{color:#241111;margin-top:4px;font-size:24px;font-weight:900;display:block}.statIcon{border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.statIcon.orange{color:#c2410c;background:#fff0e6}.statIcon.green{color:#15803d;background:#e8fff1}.statIcon.yellow{color:#b7791f;background:#fff7d6}.statIcon.blue{color:#2563eb;background:#eaf3ff}.orderToolbar{grid-template-columns:1fr 180px 220px auto;gap:12px;margin-bottom:22px;display:grid}.searchBox{background:#fff;border:1px solid #edcfc3;border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.searchBox input{border:none;outline:none;width:100%;padding:14px 0;font-family:inherit;font-weight:700}.orderToolbar select{background:#fff;border:1px solid #edcfc3;border-radius:16px;padding:0 14px;font-family:inherit;font-weight:800}.ordersList{gap:14px;display:grid}.orderCard{background:linear-gradient(135deg,#fff,#fff8ef);border:1px solid #f1d8cc;border-radius:24px;padding:18px;box-shadow:0 10px 28px #2411110d}.orderMain{justify-content:space-between;gap:18px;display:flex}.orderNumber{color:#241111;font-size:18px;font-weight:900}.orderMeta{color:#7a6a64;margin-top:4px;font-weight:700}.orderBadges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.statusBadge{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.statusBadge.success{color:#166534;background:#e8fff1}.statusBadge.danger{color:#b91c1c;background:#fff0f0}.statusBadge.warning{color:#a16207;background:#fff7d6}.statusBadge.info{color:#1d4ed8;background:#eaf3ff}.statusBadge.neutral{color:#7a3f2d;background:#fff0e6}.statusBadge.token{color:#fff;background:#241111}.orderAmount{color:#c2410c;white-space:nowrap;font-size:24px;font-weight:900}.orderActions{border-top:1px solid #f0d4c6;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;display:flex}.orderActions select{background:#fff;border:1px solid #edcfc3;border-radius:14px;padding:11px 14px;font-family:inherit;font-weight:900}@media (width<=1100px){.opsStats{grid-template-columns:repeat(2,1fr)}.orderToolbar{grid-template-columns:1fr}.orderMain{flex-direction:column}}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#7a6a64 50%),linear-gradient(135deg,#7a6a64 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:42px!important}.orderActions select,.orderToolbar select,.formGrid select,.fieldWithIcon select{min-height:48px;line-height:48px}.premiumOrderCard{padding:22px}.orderLeft{flex:1}.orderRight{flex-direction:column;align-items:flex-end;gap:14px;min-width:150px;display:flex}.customerStrip{background:#fff;border:1px solid #f1d8cc;border-radius:18px;align-items:center;gap:12px;margin-top:14px;padding:12px;display:inline-flex}.customerAvatar{color:#c2410c;background:#fff0e6;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.customerStrip b{color:#241111;font-size:14px;font-weight:900;display:block}.customerStrip span{color:#7a6a64;align-items:center;gap:5px;margin-top:4px;font-size:13px;font-weight:700;display:flex}.completedBadge,.cancelledBadge,.activeBadge{border-radius:18px;justify-content:center;align-items:center;gap:7px;min-width:126px;min-height:54px;font-weight:900;display:inline-flex}.completedBadge{color:#15803d;background:#e8fff1;border:1px solid #bbf7d0}.cancelledBadge{color:#b91c1c;background:#fff0f0;border:1px solid #fecaca}.activeBadge{color:#a16207;background:#fff7d6;border:1px solid #fde68a}.improvedActions{align-items:flex-end}.improvedActions label{color:#7a6a64;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.improvedActions select{min-width:230px}@media (width<=900px){.orderRight{align-items:flex-start}.customerStrip{width:100%}.improvedActions{flex-direction:column;align-items:stretch}.improvedActions select{width:100%}}.customersGrid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px;display:grid}.customerCard{background:linear-gradient(135deg,#fff,#fff8ef);border:1px solid #f1d8cc;border-radius:26px;padding:20px;box-shadow:0 14px 38px #2411110f}.customerTop{align-items:center;gap:14px;display:flex}.customerBigAvatar{color:#c2410c;background:#fff0e6;border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.customerMain{flex:1}.customerName{color:#241111;font-size:18px;font-weight:900}.customerUserId{color:#7a6a64;margin-top:4px;font-weight:700}.customerStatus{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.customerStatus.active{color:#15803d;background:#e8fff1}.customerStatus.blocked{color:#b91c1c;background:#fff0f0}.customerInfoGrid{gap:10px;margin-top:18px;display:grid}.customerInfoGrid div{color:#5d4b45;align-items:center;gap:8px;font-weight:700;display:flex}.customerInfoGrid svg{color:#c2410c}.customerMetrics{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.customerMetrics div{background:#fff;border:1px solid #f0d8cc;border-radius:18px;padding:14px}.customerMetrics span{color:#7a6a64;font-size:12px;font-weight:800;display:block}.customerMetrics b{color:#241111;margin-top:4px;font-size:20px;font-weight:900;display:block}.lastOrderBox{color:#fff;background:#241111;border-radius:20px;margin-top:16px;padding:16px}.lastOrderTitle{color:#f6b94b;align-items:center;gap:7px;margin-bottom:8px;font-weight:900;display:flex}.lastOrderBox b{font-size:16px;display:block}.lastOrderMeta{opacity:.85;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:13px;display:flex}@media (width<=900px){.customersGrid{grid-template-columns:1fr}}.customerListToolbar{grid-template-columns:1fr auto;gap:14px;margin-bottom:18px;display:grid}.customerTableWrap{border:1px solid #f1d8cc;border-radius:22px;overflow-x:auto}.customerTable{border-collapse:collapse;background:#fff;width:100%;min-width:1050px}.customerTable th{text-align:left;color:#7a3f2d;text-transform:uppercase;letter-spacing:.04em;background:#fff8ef;border-bottom:1px solid #f1d8cc;padding:15px;font-size:12px}.customerTable td{vertical-align:middle;border-bottom:1px solid #f6e3d8;padding:14px 15px}.customerTable tr:hover{background:#fffaf4}.customerCell{align-items:center;gap:11px;display:flex}.customerCell b{color:#241111;font-weight:900;display:block}.customerCell span,.mutedSmall{color:#7a6a64;margin-top:3px;font-size:12px;font-weight:700;display:block}.customerMiniAvatar{color:#c2410c;background:#fff0e6;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contactMini,.siteMini{color:#5d4b45;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.iconActionBtn{color:#c2410c;cursor:pointer;background:#fff0e6;border:none;border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.modalOverlay{z-index:100;background:#24111173;justify-content:flex-end;display:flex;position:fixed;inset:0}.customerDrawer{background:#fff8ef;width:min(520px,100%);height:100%;padding:28px;position:relative;overflow-y:auto;box-shadow:-20px 0 60px #0000002e}.drawerClose{color:#fff;cursor:pointer;background:#241111;border:none;border-radius:50%;width:38px;height:38px;font-size:24px;position:absolute;top:18px;right:18px}.drawerHeader{align-items:center;gap:16px;margin-bottom:24px;display:flex}.drawerHeader h2{color:#241111;margin:0;font-size:26px;font-weight:900}.drawerHeader p{color:#7a6a64;margin:6px 0 0;font-weight:700}.drawerGrid{grid-template-columns:1fr;gap:12px;display:grid}.drawerGrid div{background:#fff;border:1px solid #f1d8cc;border-radius:18px;padding:14px}.drawerGrid span{color:#7a6a64;font-size:12px;font-weight:800;display:block}.drawerGrid b{color:#241111;margin-top:5px;font-size:15px;display:block}.newOrderBanner{color:#7a3f2d;cursor:pointer;background:linear-gradient(135deg,#fff7d6,#fff0e6);border:1px solid #f6b94b;border-radius:18px;align-items:center;gap:10px;margin-bottom:18px;padding:14px 18px;font-weight:900;animation:1.2s ease-in-out infinite alternate slideGlow;display:flex}.pulseDot{background:#c2410c;border-radius:50%;width:11px;height:11px;animation:1.2s infinite pulseRing;box-shadow:0 0 #c2410ccc}@keyframes pulseRing{0%{box-shadow:0 0 #c2410cb3}70%{box-shadow:0 0 0 10px #c2410c00}to{box-shadow:0 0 #c2410c00}}@keyframes slideGlow{0%{box-shadow:0 8px 22px #c2410c14}to{box-shadow:0 14px 32px #c2410c33}}.ordersTableWrap{border:1px solid #f1d8cc;border-radius:22px;overflow-x:auto}.ordersTable{border-collapse:collapse;background:#fff;width:100%;min-width:1180px}.ordersTable th{text-align:left;color:#7a3f2d;text-transform:uppercase;letter-spacing:.04em;background:#fff8ef;border-bottom:1px solid #f1d8cc;padding:15px;font-size:12px}.ordersTable td{vertical-align:middle;border-bottom:1px solid #f6e3d8;padding:14px 15px}.orderRow{transition:all .2s}.orderRow:hover{background:#fffaf4}.fulfilledRow{background:#f2fff7}.fulfilledRow:hover{background:#e8fff1}.cancelledRow{background:#fff5f5}.cancelledRow:hover{background:#fff0f0}.orderCode{color:#241111;font-weight:900}.amountCell{color:#c2410c;font-size:16px;font-weight:900}.statusBadge{align-items:center;gap:5px;margin:2px;display:inline-flex}.statusBadge.kitchen{color:#c2410c;background:#fff0e6}.statusBadge.soft{color:#5d4b45;background:#f7f3ef}.compactSelect{background-color:#fff;border:1px solid #edcfc3;border-radius:14px;min-width:175px;height:42px;padding:0 42px 0 12px;font-weight:800}.siteList{gap:14px;display:grid}.siteCard{background:linear-gradient(135deg,#fff,#fff8ef);border:1px solid #f1d8cc;border-radius:24px;gap:16px;padding:18px;display:flex;box-shadow:0 12px 30px #2411110d}.siteIcon{color:#c2410c;background:#fff0e6;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.siteContent{flex:1}.siteTop{justify-content:space-between;gap:12px;display:flex}.siteTop h4{color:#241111;margin:0;font-size:18px;font-weight:900}.siteTop p{color:#7a6a64;margin:5px 0 0;font-weight:700}.siteMeta{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.siteMeta span{color:#7a6a64;background:#fff;border:1px solid #f0d8cc;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.siteMeta b{color:#241111}.siteAddress{color:#5d4b45;margin:12px 0 0;line-height:1.45}.dispatchCreateBar{grid-template-columns:1fr 220px auto;align-items:end;gap:16px;display:grid}.dispatchCreateBar .field{margin:0}@media (width<=900px){.dispatchCreateBar{grid-template-columns:1fr}}.orderDrawer{background:#fff8ef;width:min(560px,100%);height:100%;padding:28px;position:relative;overflow-y:auto;box-shadow:-20px 0 60px #0000002e}.drawerSectionTitle{color:#241111;margin:24px 0 12px;font-size:18px;font-weight:900}.drawerItems{gap:12px;display:grid}.drawerItem{background:#fff;border:1px solid #f1d8cc;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.drawerItem b{color:#241111;font-weight:900;display:block}.drawerItem span{color:#7a6a64;margin-top:5px;font-size:13px;font-weight:700;display:block}.drawerItem strong{color:#c2410c;font-size:18px}.uploadBox{background:#fff8ef;border:1px dashed #efc9b8;border-radius:22px;gap:12px;padding:16px;display:grid}.uploadPreview{object-fit:cover;background:#fff0e6;border-radius:18px;width:100%;height:170px}.uploadPlaceholder{color:#c2410c;background:#fff0e6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:150px;font-weight:900;display:flex}.uploadBtn{color:#fff;cursor:pointer;background:#241111;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-weight:900;display:inline-flex}.bannerPreview{height:220px}.bannerThumb{width:130px;height:76px}.addonModal{background:#fff8ef;border-radius:28px;width:min(980px,96vw);max-height:90vh;padding:24px;overflow-y:auto}.addonModalHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.addonModalHeader h2{color:#2b1212;margin:0;font-size:28px;font-weight:900}.addonModalHeader p,.mutedText{color:#7b6660;margin:6px 0 0;font-weight:700}.addonModalGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.addonChecklist{gap:12px;margin:18px 0;display:grid}.addonCheckRow{cursor:pointer;background:#fff;border:1px solid #f1d1c1;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.addonCheckRow input{width:18px;height:18px}.addonCheckRow b{color:#2b1212;font-weight:900;display:block}.addonCheckRow p{color:#8a746d;margin:3px 0 0;font-size:13px;font-weight:700}.addonCheckRow span{color:#c2410c;font-weight:900}@media (width<=900px){.addonModalGrid{grid-template-columns:1fr}}.modalBackdrop{z-index:99999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirmModal{text-align:center;background:#fff;border-radius:28px;width:460px;max-width:95%;padding:28px;box-shadow:0 30px 90px #0000002e}.confirmIcon{margin-bottom:14px;font-size:54px}.confirmModal h3{margin:0 0 10px;font-size:24px;font-weight:800}.confirmModal p{color:#666;margin-bottom:24px;line-height:1.6}.successBtn{color:#15803d;cursor:pointer;background:#dcfce7;border:none;border-radius:999px;padding:10px 16px;font-weight:900}.successBtn:hover{background:#bbf7d0}.modalBackdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#2411118c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirmModal{text-align:center;background:#fffaf5;border:1px solid #f3d4c4;border-radius:30px;width:460px;max-width:95%;padding:30px;box-shadow:0 30px 90px #00000038}.confirmIconDanger,.confirmIconSuccess{border-radius:28px;justify-content:center;align-items:center;width:86px;height:86px;margin:0 auto 16px;display:flex}.confirmIconDanger{color:#dc2626;background:#fee2e2}.confirmIconSuccess{color:#15803d;background:#dcfce7}.confirmModal h3{color:#2b1717;margin:0 0 10px;font-size:26px;font-weight:900}.confirmModal p{color:#7a6a64;margin:0 0 18px;font-weight:600;line-height:1.6}.confirmUserBox{background:#fff;border:1px solid #f1d6c6;border-radius:20px;flex-direction:column;gap:4px;margin-bottom:22px;padding:14px;display:flex}.confirmUserBox b{color:#2b1717;font-size:16px}.confirmUserBox span{color:#7a6a64;font-size:13px;font-weight:700}.confirmActions{justify-content:center;gap:12px;display:flex}:root{--primary:#b04336;--primary2:#cf6a58;--dark:#0f1f33;--cream:#f7f0e4;--soft:#f4e7dd;--text:#18283a;--muted:#718092;--border:#e7e3de;--white:#fff;--shadow:0 12px 36px #0f1f330e}body{color:var(--text);background:#f8f6f2;font-size:14px}.sidebar{background:linear-gradient(170deg,#11273d 0%,#0f1f33 62%,#0a1727 100%);padding:25px 18px;overflow-y:auto;box-shadow:8px 0 32px #0f1f3312}.brand{border-bottom:1px solid #ffffff1a;gap:12px;margin-bottom:15px;padding:8px 8px 22px}.brandIcon{background:#f7f0e4;border-radius:11px;flex:0 0 72px;width:72px;height:56px;overflow:hidden}.brandIcon img{object-fit:contain;width:100%;height:100%;padding:3px}.brand b{letter-spacing:.015em;color:#fff;font-size:21px}.brand span{color:#aab9c8;letter-spacing:.02em;font-size:10px}.navItem{color:#b7c4d0;border-radius:11px;margin:3px 0;padding:11px 13px;font-size:13px;font-weight:500;transition:background .18s,color .18s,transform .18s}.navItem:hover{color:#fff;background:#ffffff13;transform:translate(2px)}.navItem.active{color:#fff;background:#b04336;box-shadow:0 6px 18px #b043362e}.main{padding:20px 30px 42px}.topbar{border-bottom:1px solid #e9e6e0;height:82px;margin-bottom:20px}.topbar h1{letter-spacing:-.035em;color:#0f1f33;font-size:23px;font-weight:700}.topbar p{color:#81909c;font-size:12px}.topUser>span{color:#0f1f33;font-size:13px;font-weight:600}.ghostBtn{color:#243449;border-color:#e7e3de;border-radius:10px;padding:10px 13px;font-size:12px}.ghostBtn:hover{background:#f7f0e4}.pageHeader,.heroHeader{background:linear-gradient(112deg,#0f1f33 0%,#213c52 70%,#3e5666 100%);border:1px solid #ffffff17;border-radius:19px;padding:26px 30px;box-shadow:0 15px 35px #0f1f331f}.pageHeader h2,.heroHeader h1{letter-spacing:-.035em;font-size:26px;font-weight:700}.pageHeader p,.heroHeader p{color:#cfd8de;font-size:13px}.card,.premiumCard,.customerCard,.orderCard,.siteCard,.opsStat,.premiumRow{box-shadow:var(--shadow);background:#fff;border:1px solid #ebe8e3;border-radius:16px}.card h3,.cardTitle h2,.cardHeaderRow h3{color:#0f1f33;font-size:18px;font-weight:700}.statValue,.opsStat b,.orderNumber,.customerName,.siteTop h4{color:#0f1f33}.btn,.primaryBtn,.secondaryBtn,.whiteBtn,.dangerBtn{border-radius:10px;font-weight:600}.btn.primary,.primaryBtn{color:#fff;background:#b04336;box-shadow:0 6px 15px #b0433626}.btn.primary:hover,.primaryBtn:hover{background:#98362b}.btn.secondary,.secondaryBtn,.editBtn,.iconActionBtn{color:#a13f33;background:#f9ece8}.pill,.statusPill{color:#a13f33;background:#f9ece8;border-color:#f0d8d0}input,select,textarea,.field input,.field select,.field textarea{border-color:#e3e5e7;border-radius:10px}input:focus,select:focus,textarea:focus{border-color:#b04336;box-shadow:0 0 0 3px #b0433617}th,.customerTable th,.ordersTable th{color:#637182;letter-spacing:.06em;background:#f8f7f5;font-weight:600}td,th,.customerTable td,.ordersTable td{border-bottom-color:#f0eeeb}tr:hover,.customerTable tr:hover,.orderRow:hover{background:#faf8f5}.orderAmount,.amountCell,.drawerItem strong{color:#b04336}.iconBox,.siteIcon,.customerAvatar,.customerMiniAvatar,.customerBigAvatar{color:#b04336;background:#f9ece8}.lastOrderBox,.miniNote{background:#0f1f33}.lastOrderTitle{color:#f2c8bc}.loginPage{background:radial-gradient(at 14% 15%,#fff 0%,#f7f0e4 55%,#e9e0d4 100%);min-height:100vh}.loginCard{border:1px solid #e8e1d8;border-radius:22px;width:min(445px,100%);padding:38px 38px 32px;box-shadow:0 25px 85px #0f1f331f}.loginLogo{background:0 0;border-radius:0;justify-content:center;align-items:center;width:260px;height:158px;margin:0 auto 15px;display:flex}.loginLogo img{object-fit:contain;width:100%;height:100%;display:block}.loginCard h1{color:#0f1f33;letter-spacing:-.04em;font-size:27px}.loginCard p{color:#738092;margin:8px 0 25px;font-size:13px}.loginCard label{color:#23364a;font-size:12px;font-weight:600}.loginCard input{padding:13px 14px}.loginCard button{background:#b04336;border-radius:11px;padding:14px;font-weight:700}.loginCard button:hover:not(:disabled){background:#97362b}.loginCard button:disabled{opacity:.65;cursor:wait}.loginCard small{color:#8d99a4;font-size:11px}@media (width<=1000px){.sidebar{box-shadow:none;overflow:visible}.brand{padding-bottom:14px}.main{padding:18px}.topbar{height:auto;padding-bottom:16px}}@media (width<=520px){.loginCard{padding:26px 22px}.loginLogo{width:230px;height:140px}.pageHeader,.heroHeader{padding:22px}}@media (width>=1100px){.sidebar{width:250px;padding:16px 12px;overflow-y:auto}.main{width:calc(100% - 250px);min-width:0;margin-left:250px;padding:14px 18px 24px}.topbar{height:66px}.navItem{border-radius:12px;margin:2px 0;padding:9px 12px;font-size:13px}.brand{margin-bottom:16px}.opsStats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.opsStat{border-radius:15px;gap:9px;min-width:0;padding:12px}.opsStat b{font-size:21px}.opsStat span{font-size:11px}.statIcon{border-radius:11px;flex-shrink:0;width:36px;height:36px}.orderToolbar{grid-template-columns:minmax(0,1fr) 140px 160px auto;gap:8px;margin-bottom:12px}.orderToolbar select{min-width:0;padding:0 8px}.searchBox input{min-width:0;padding:11px 0;font-size:12px}.ordersTableWrap,.customerTableWrap{max-width:100%}.ordersTable,.customerTable{table-layout:auto;width:100%;min-width:0}.ordersTable th,.ordersTable td,.customerTable th,.customerTable td{overflow-wrap:anywhere;padding:9px 7px;font-size:11px}.ordersTable .customerCell,.customerTable .customerCell{gap:5px}.ordersTable .customerMiniAvatar,.customerTable .customerMiniAvatar{border-radius:8px;flex-shrink:0;width:27px;height:27px}.ordersTable .statusBadge{max-width:100%;padding:5px 7px;font-size:10px}.ordersTable .compactSelect{width:116px;min-width:0;max-width:100%;padding:7px 5px;font-size:10px}.ordersTable .iconActionBtn{border-radius:9px;width:30px;height:30px}.ordersTable .orderCode{overflow-wrap:anywhere;font-size:11px}.ordersTable .mutedSmall{font-size:10px}.ordersTable .amountCell{font-size:12px}.orderDrawer{width:min(860px,88vw);padding:20px 24px}.orderDrawer .drawerGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.orderDrawer .drawerGrid>div{border-radius:12px;min-width:0;padding:10px 12px}.orderDrawer .drawerGrid b{overflow-wrap:anywhere;margin-top:2px;font-size:13px}.orderDrawer .drawerHeader{margin-bottom:14px}.orderDrawer .drawerHeader h2{overflow-wrap:anywhere;font-size:20px}.orderDrawer .drawerSectionTitle{margin:13px 0 8px;font-size:15px}.orderDrawer .drawerItems{gap:7px}.orderDrawer .drawerItem{border-radius:12px;padding:9px 12px}.customerDrawer{width:min(760px,88vw);padding:20px}.customerDrawer .drawerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customerDrawer .drawerGrid>div{border-radius:12px;padding:10px 12px}.dispatchCreateBar{gap:10px}}@media (width>=1100px) and (width<=1320px){.ordersTable th,.ordersTable td{padding:7px 4px;font-size:10px}.ordersTable .compactSelect{width:98px;font-size:9px}.opsStats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1099px){.ordersTableWrap,.customerTableWrap{max-width:100%}.orderDrawer{max-width:100vw}}.sidebar .ananteNavSection{margin:0 0 8px}.sidebar .ananteNavSection+.ananteNavSection{border-top:1px solid #ffffff24;margin-top:10px;padding-top:10px}.sidebar .ananteNavSectionTitle{color:#91a6ba;letter-spacing:.11em;padding:6px 12px 7px;font-size:10px;font-weight:750}.sidebar .ananteNavSection .navItem{margin:2px 0}@media (width<=800px){.sidebar .ananteNavSection+.ananteNavSection{margin-top:7px;padding-top:7px}.sidebar .ananteNavSectionTitle{padding:5px 9px}}