@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";:root{--primary:#c2410c;--primary2:#f6b94b;--dark:#241111;--cream:#fff8ef;--soft:#ffe8d8;--text:#2b1717;--muted:#7a6a64;--border:#e8d2c7;--white:#fff;--shadow:0 18px 55px #24111114}*{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}