@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--ink:#17233b;--muted:#697488;--blue:#1557d6;--blue-dark:#0d3b91;--pale:#f4f7fb;--line:#e4e8ef;--green:#14855c}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:DM Sans,sans-serif;background:#fff}button,input,select{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}.mobileOnly{display:none!important}.announcement{height:34px;background:#0c1f45;color:#dce7ff;display:flex;align-items:center;justify-content:center;gap:34vw;font-size:12px}.announcement span{display:flex;align-items:center;gap:7px}.announcementHelp{color:#fff}header{height:80px;display:flex;align-items:center;gap:44px;padding:0 max(4vw,28px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:190px}.brandMark{background:linear-gradient(145deg,#1969ed,#09388f);color:#fff;font:800 25px Manrope;border-radius:11px;width:43px;height:43px;display:grid;place-items:center;box-shadow:inset 0 0 0 5px #ffffff24}.brand b{font:800 19px Manrope;letter-spacing:.08em;display:block}.brand small{font-size:9px;letter-spacing:.24em;color:#5c6880;display:block;margin-top:-2px}.search{height:46px;max-width:590px;flex:1;border:1px solid #dfe4ec;background:#f7f9fc;border-radius:9px;display:flex;align-items:center;padding:0 15px;color:#8a95a8}.search:focus-within{border-color:#789de8;box-shadow:0 0 0 3px #e8effd}.search input{border:0;outline:0;background:transparent;flex:1;margin-left:10px;color:var(--ink)}.search button{border:0;background:none;color:#7b8798}nav{display:flex;align-items:center;gap:20px;margin-left:auto}.iconButton{border:0;background:none;color:#526078;position:relative;padding:8px}.iconButton i{position:absolute;width:7px;height:7px;background:#ef4d57;border:2px solid white;border-radius:50%;right:6px;top:5px}.account,.cartButton{border:0;background:none;display:flex;align-items:center;gap:9px;color:var(--ink)}.account>span:first-child{width:39px;height:39px;border-radius:50%;background:#dbe7fb;color:var(--blue);display:grid;place-items:center;font-weight:700}.account span:nth-child(2){text-align:left}.account small,.cartText small{display:block;color:#8490a1;font-size:10px;font-weight:500}.account b{font-size:13px}.cartButton{border-left:1px solid var(--line);padding-left:20px;position:relative}.cartText{text-align:left;font-weight:700;font-size:13px}.cartButton em{position:absolute;top:-7px;left:35px;background:var(--blue);color:#fff;border-radius:10px;min-width:18px;padding:2px 5px;font-size:10px;font-style:normal}.viewSwitch{display:flex;background:#f1f4f8;padding:4px;border-radius:9px}.viewSwitch button{border:0;background:transparent;color:#6c7789;border-radius:7px;padding:8px 10px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.viewSwitch button.active{background:#fff;color:var(--blue);box-shadow:0 2px 7px #1226491a}.logoutButton{border:0;background:none;color:#718096;display:flex;align-items:center;gap:6px;padding:8px;font-size:10px}.logoutButton:hover{color:#d14d5d}.authLoading{height:100vh;display:grid;place-items:center;background:#f4f7fb}.authLoading .brandMark{animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.08);opacity:.7}}.loginPage{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);background:#fff}.loginPanel{display:grid;place-items:center;padding:40px;min-height:100vh;background:linear-gradient(145deg,#fff,#f7f9fc)}.loginBox{width:min(410px,100%)}.loginBrandCol{margin-bottom:26px}.loginIcon{width:48px;height:48px;background:#e9f1ff;color:var(--blue);border-radius:13px;display:grid;place-items:center;margin-bottom:20px}.loginBox h2{font:800 29px Manrope;margin:7px 0 3px}.loginBox>p{font-size:11px;color:#7d8999;margin:0 0 25px}.loginBox form>label{display:block;font-size:10px;font-weight:700;color:#4e5b70;margin:14px 0 6px}.loginInput{height:44px;border:1px solid #dce2e9;background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:9px;color:#8490a1;margin-top:6px}.loginInput:focus-within{border-color:#6e99eb;box-shadow:0 0 0 3px #e8effc}.loginInput input{border:0;outline:0;flex:1;min-width:0;color:var(--ink)}.loginInput button{border:0;background:none;color:#7d8998;padding:4px}.loginOptions{display:flex;justify-content:space-between;align-items:center;margin:13px 0}.loginOptions label{font-size:9px;color:#6f7b8e}.loginOptions input{accent-color:var(--blue);vertical-align:middle}.loginOptions button{border:0;background:none;color:var(--blue);font-size:9px;font-weight:700}.loginSubmit{width:100%;border:0;background:var(--blue);color:#fff;border-radius:8px;padding:12px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:700}.loginSubmit:hover{background:var(--blue-dark)}.loginError{background:#fff0f2;color:#b83d4e;border:1px solid #f4ced4;border-radius:7px;padding:9px 10px;font-size:9px;margin-top:10px}.demoDivider{display:flex;align-items:center;gap:10px;margin:24px 0 13px;color:#9aa3b1;font-size:8px;letter-spacing:.12em;font-weight:800}.demoDivider:before,.demoDivider:after{content:"";height:1px;background:#e2e6ec;flex:1}.demoAccounts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demoAccounts>button{border:1px solid #dde3eb;background:#fff;border-radius:9px;padding:10px;display:grid;grid-template-columns:34px 1fr 14px;gap:8px;align-items:center;text-align:left;color:#687589}.demoAccounts>button:hover{border-color:#8aadeb;transform:translateY(-1px);box-shadow:0 6px 14px #0f2d5f14}.demoAccounts b,.demoAccounts small{display:block}.demoAccounts b{font-size:9px;color:#26354b}.demoAccounts small{font-size:7px;color:#8b95a4;margin-top:2px}.demoAvatar{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:9px;font-weight:800}.demoAvatar.buyer{background:#e6f1ff;color:#2762b9}.demoAvatar.admin{background:#e8ebf2;color:#213453}.demoHint{text-align:center!important;font-size:8px!important;margin-top:10px!important;color:#9ca5b1!important}.breadcrumbs{max-width:1440px;margin:auto;padding:18px 4vw;display:flex;gap:7px;align-items:center;color:#8993a2;font-size:12px}.breadcrumbs b{color:#59657a}.hero{max-width:calc(1440px - 8vw);min-height:320px;margin:0 auto 38px;border-radius:18px;overflow:hidden;background:linear-gradient(115deg,#0c2554,#0f3d85 62%,#1262c0);color:#fff;padding:46px 56px;display:grid;grid-template-columns:1.3fr 1fr;position:relative}.hero:after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-90px;top:-120px;box-shadow:0 0 0 60px #ffffff06,0 0 0 125px #ffffff05}.eyebrow{color:#9ec2ff;letter-spacing:.18em;font-weight:700;font-size:11px}.hero h1{font:800 38px/1.15 Manrope;margin:13px 0}.hero h1 em{font-style:normal;color:#75a7ff}.hero p{color:#c9d7ef;max-width:630px;font-size:14px;line-height:1.6}.heroStats{display:flex;margin-top:28px;gap:0}.heroStats span{padding-right:30px;margin-right:30px;border-right:1px solid rgba(255,255,255,.2)}.heroStats span:last-child{border:0}.heroStats b{font:700 18px Manrope;display:block}.heroStats small{color:#aebfdc;font-size:10px}.heroArt{position:relative;z-index:1}.heroImage{position:absolute;top:-10px;right:-20px;bottom:-70px;left:25px;background:url(https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=900&q=85) center/cover;border-radius:18px 18px 0 0;box-shadow:0 20px 40px #00000040}.floatingCard{position:absolute;left:-12px;bottom:-10px;background:#fff;color:var(--ink);border-radius:10px;padding:12px 16px;display:flex;gap:10px;align-items:center;box-shadow:0 8px 25px #07193c40}.floatingCard svg{color:var(--green)}.floatingCard b{font-size:12px;display:block}.floatingCard small{color:#7d8898;font-size:9px}.catalog{max-width:1440px;padding:0 4vw 70px;margin:auto;display:grid;grid-template-columns:230px 1fr;gap:40px}.asideTitle{display:flex;justify-content:space-between;align-items:center}.asideTitle h3,.filterGroup h3{font:700 14px Manrope}.asideTitle button{display:none}.categoryList{display:flex;flex-direction:column;gap:2px}.categoryList button{border:0;background:none;padding:10px 11px;border-radius:7px;display:flex;justify-content:space-between;color:#697589;text-align:left;font-size:13px}.categoryList button:hover{background:#f5f7fa}.categoryList button.active{background:#e9f0ff;color:var(--blue);font-weight:700}.categoryList small,.filterGroup small{color:#9aa3b1;font-size:10px}.filterGroup{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.filterGroup label{display:flex;gap:8px;margin:12px 0;color:#647086;font-size:12px}.filterGroup label small{margin-left:auto}.filterGroup input{accent-color:var(--blue)}.buyerCard{margin-top:28px;padding:20px;border-radius:12px;background:#f0f5ff;color:var(--blue)}.buyerCard b{font:700 12px Manrope;display:block;margin-top:10px;color:var(--ink)}.buyerCard p{font-size:11px;color:#718099}.buyerCard a{font-size:10px;color:var(--blue);font-weight:700;text-decoration:none;display:flex;align-items:center}.catalogHead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.catalogHead span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.16em}.catalogHead h2{font:800 28px Manrope;margin:5px 0 3px}.catalogHead p{margin:0;color:#8490a1;font-size:12px}.sortControls{display:flex;align-items:center;gap:10px}.sortControls label{font-size:11px;color:#7b8798}.sortControls select{border:1px solid var(--line);border-radius:7px;padding:9px 28px 9px 10px;color:#445067;background:#fff;margin-left:7px;outline:none}.filterButton{display:none;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 12px;align-items:center;gap:6px;color:#536078}.productGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.productCard{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:.22s;position:relative}.productCard:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1226491a;border-color:#d4dbe6}.productImage{height:190px;background-size:cover;background-position:center;position:relative}.badge{position:absolute;left:11px;top:11px;background:#e7f7ef;color:#087a50;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase}.sale{background:#fff0e6;color:#d65b13}.favorite{position:absolute;right:10px;top:10px;width:33px;height:33px;border-radius:50%;border:0;background:#ffffffeb;display:grid;place-items:center;color:#647188}.favorite:hover,.favorite.active{color:#e34258}.favorite.active svg{fill:currentColor}.productInfo{padding:15px}.productCategory{color:#8290a6;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.productInfo h3{font:700 14px/1.35 Manrope;margin:6px 0 4px;min-height:38px}.productInfo>p{font-size:10px;color:#7e8999;margin:0}.stock{font-size:9px;color:var(--green);margin:11px 0;display:flex;align-items:center;gap:5px}.stock i{width:6px;height:6px;background:#24b27d;border-radius:50%}.priceRow{border-top:1px solid #edf0f4;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.priceRow>div:first-child b{font:800 14px Manrope;display:block}.priceRow del{font-size:9px;color:#9aa3b0;margin-right:5px}.priceRow>div:first-child small{font-size:9px;color:#9aa3b0}.addButton{border:0;background:var(--blue);color:#fff;border-radius:7px;padding:8px 11px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700}.addButton:hover{background:var(--blue-dark)}.minimum{display:block;color:#a2aab6;font-size:8px;margin-top:8px}.stepper{display:flex;align-items:center;border:1px solid #dce2ea;border-radius:7px;overflow:hidden}.stepper button{border:0;background:#f5f7fa;width:27px;height:29px;display:grid;place-items:center;color:#526078}.stepper b{font-size:11px;min-width:26px;text-align:center}.loadMore{display:block;margin:30px auto 0;border:1px solid #ccd5e2;background:#fff;color:#3a4960;border-radius:8px;padding:11px 30px;font-size:12px;font-weight:700}.loadMore:hover{border-color:var(--blue);color:var(--blue)}.empty{height:400px;display:grid;place-content:center;text-align:center;color:#8591a4}.empty svg{margin:auto}.empty h3{margin-bottom:0;color:var(--ink)}.empty button{border:0;background:var(--blue);color:#fff;border-radius:7px;padding:9px 15px;margin:auto}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#060f227a;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cartDrawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#fff;z-index:41;box-shadow:-15px 0 40px #0716322e;display:flex;flex-direction:column;animation:slide .25s ease}@keyframes slide{0%{transform:translate(100%)}}.drawerHead{padding:24px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawerHead span{font-size:9px;letter-spacing:.16em;color:var(--blue);font-weight:800}.drawerHead h2{font:800 23px Manrope;margin:4px 0}.drawerHead button{border:0;background:#f3f5f8;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.drawerItems{flex:1;overflow:auto;padding:18px 26px}.drawerItem{display:grid;grid-template-columns:82px 1fr;gap:13px;border-bottom:1px solid var(--line);padding:12px 0}.thumb{height:82px;background-size:cover;background-position:center;border-radius:8px}.drawerItem h4{font:700 13px Manrope;margin:2px 0}.drawerItem small{font-size:9px;color:#818c9c}.drawerItem>div:nth-child(2)>b{display:block;font-size:12px;margin:9px 0}.drawerItem .stepper{width:max-content;position:absolute;margin-top:-30px;right:26px}.drawerFoot{border-top:1px solid var(--line);padding:20px 26px}.drawerFoot>div{display:flex;justify-content:space-between;font:700 16px Manrope}.drawerFoot p{font-size:10px;color:#8a94a4}.drawerFoot>button{width:100%;border:0;background:var(--blue);color:#fff;border-radius:8px;padding:13px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.emptyCart{text-align:center;margin-top:30vh;color:#8b96a6}.emptyCart svg{width:40px;height:40px}.emptyCart h3{color:var(--ink);margin-bottom:0}.dashboardShell{min-height:calc(100vh - 114px);display:grid;grid-template-columns:218px 1fr;background:#f4f6f9}.dashNav{background:#fff;border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column;justify-content:space-between}.navLabel{font-size:9px;letter-spacing:.17em;color:#9aa4b3;font-weight:800;padding:0 12px 12px;display:block}.dashNav button{width:100%;border:0;background:none;color:#6c778b;border-radius:8px;padding:11px 12px;display:flex;align-items:center;gap:10px;font-size:12px;margin:2px 0;text-align:left}.dashNav button.active{background:#eaf1ff;color:var(--blue);font-weight:700}.dashNav button em{margin-left:auto;background:#dce8fc;color:var(--blue);font-size:9px;font-style:normal;border-radius:9px;padding:2px 6px}.accountHealth{background:#eff9f5;border:1px solid #d5eee4;color:var(--green);border-radius:10px;padding:13px;display:flex;gap:9px;align-items:center}.accountHealth b,.accountHealth small{display:block}.accountHealth b{font-size:11px;color:#25364d}.accountHealth small{font-size:9px;color:#71847d}.adminIdentity{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:9px}.adminIdentity>span{width:35px;height:35px;border-radius:9px;background:#122b59;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.adminIdentity b,.adminIdentity small{display:block}.adminIdentity b{font-size:11px}.adminIdentity small{font-size:9px;color:#8a94a3}.adminIdentity svg{margin-left:auto;color:#9aa3b0}.dashContent{padding:31px 34px 50px;overflow:hidden;max-width:1500px;width:100%;margin:auto}.dashWelcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashEyebrow{font-size:9px;letter-spacing:.17em;color:var(--blue);font-weight:800}.dashWelcome h1{font:800 27px Manrope;margin:5px 0 3px}.dashWelcome p{font-size:12px;color:#7d899a;margin:0}.dashWelcome>button{border:0;background:var(--blue);color:#fff;border-radius:8px;padding:11px 15px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.datePill{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px}.datePill span,.datePill b{display:block}.datePill span{font-size:8px;color:#8993a2}.datePill b{font-size:10px;margin-top:3px;display:flex;align-items:center;gap:12px}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px}.metricCard{background:#fff;border:1px solid #e2e7ed;border-radius:11px;padding:17px 18px;min-width:0}.metricCard.highlight{background:linear-gradient(145deg,#0c398e,#1761cf);color:#fff;border:0}.metricTop{display:flex;justify-content:space-between}.metricTop>span{width:34px;height:34px;background:#eef4ff;color:var(--blue);border-radius:8px;display:grid;place-items:center}.metricTop svg{width:17px}.metricTop small{font-size:7px;letter-spacing:.12em;color:#9aa4b1}.highlight .metricTop>span{background:#ffffff24;color:#fff}.highlight .metricTop small{color:#a9c5fa}.metricCard p{font-size:10px;color:#7e8999;margin:13px 0 4px}.highlight p{color:#bed0f3}.metricCard h3{font:800 22px Manrope;margin:0}.metricFoot{font-size:9px;color:#8a95a4;margin-top:8px;display:flex;align-items:center;gap:5px}.highlight .metricFoot{color:#d2e0fa}.trend{display:inline-flex;align-items:center;font-weight:700}.trend.up{color:#159569}.trend.down{color:#dc5262}.highlight .trend{color:#7de6b8}.dashTwoCol{display:grid;gap:17px;margin-bottom:17px}.adminCols{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr)}.buyerCols{grid-template-columns:1.4fr .8fr}.panel{background:#fff;border:1px solid #e2e7ed;border-radius:11px;padding:19px}.panelHead{display:flex;justify-content:space-between;align-items:flex-start}.panelHead span{font-size:8px;letter-spacing:.14em;color:var(--blue);font-weight:800}.panelHead h2{font:800 15px Manrope;margin:4px 0}.panelHead button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;color:#687487;font-size:9px;display:flex;align-items:center;gap:7px}.retentionSummary{display:flex;align-items:center;gap:13px;margin:11px 0}.retentionSummary div b{font:800 24px Manrope}.retentionSummary div span{font-size:9px;color:#8490a1;margin-left:8px}.goodPill{background:#eaf8f2;color:#13865f;padding:5px 8px;border-radius:12px;display:flex;align-items:center;font-size:9px;font-weight:700}.lineChart{height:170px;position:relative;margin:4px 8px 4px 32px;border-bottom:1px solid #e9edf2;background:repeating-linear-gradient(to bottom,#fff 0,#fff 41px,#eef1f5 42px)}.lineChart svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:145px;overflow:visible}.lineChart .area{fill:url(#area)}.lineChart .line{fill:none;stroke:#2367db;stroke-width:3;vector-effect:non-scaling-stroke}.lineChart circle{fill:#fff;stroke:#2367db;stroke-width:3;vector-effect:non-scaling-stroke}.yLabels{position:absolute;left:-32px;top:-5px;bottom:16px;display:flex;flex-direction:column;justify-content:space-between;color:#a0a8b4;font-size:8px}.xLabels{position:absolute;left:0;right:0;bottom:-17px;display:flex;justify-content:space-between;color:#8c96a5;font-size:8px}.retentionBands{border-top:1px solid var(--line);margin-top:21px;padding-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.retentionBands>div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:9px}.retentionBands span{color:#768296}.retentionBands b{font-size:10px}.retentionBands i,.funnelRow i{grid-column:1/-1;height:4px;background:#edf0f4;border-radius:4px;overflow:hidden}.retentionBands em,.funnelRow em{display:block;height:100%;background:var(--blue);border-radius:4px}.approvalCount{background:#f7f9fc;border-radius:8px;padding:10px;margin:10px 0}.approvalCount span{font-size:10px}.approvalCount span b{color:#d76a2e;font-size:15px}.approvalCount small{float:right;color:#8b95a4;font-size:8px;margin-top:5px}.approval{display:grid;grid-template-columns:36px 1fr 28px 28px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f3}.avatar{width:34px;height:34px;border-radius:9px;background:#e9f0fb;color:#315a9a;display:grid;place-items:center;font-size:9px;font-weight:800}.approval b,.approval small{display:block}.approval b{font-size:10px}.approval small{font-size:8px;color:#8a94a2;margin-top:3px}.approval button{width:27px;height:27px;border-radius:6px;display:grid;place-items:center}.approve{border:0;background:#e5f7ef;color:#15875f}.reject{border:0;background:#f8ecee;color:#cf5160}.outlineButton{width:100%;border:1px solid #d9e0e9;background:#fff;border-radius:7px;color:#4e5e75;font-size:9px;font-weight:700;padding:9px;margin-top:13px}.dashThreeCol{display:grid;grid-template-columns:1fr .8fr 1.15fr;gap:17px}.funnelRow{display:grid;grid-template-columns:95px 1fr 38px;align-items:center;gap:10px;margin:13px 0;font-size:9px}.funnelRow span{color:#556277}.funnelRow small{display:block;color:#9aa3b0;font-size:7px}.funnelRow i{grid-column:auto;height:6px}.funnelRow b{text-align:right}.healthScore{display:flex;align-items:center;gap:13px;margin:14px 0}.healthScore>b{width:62px;height:62px;border-radius:50%;border:7px solid #46bd8c;display:grid;place-items:center;font:800 19px Manrope}.healthScore span{font-size:11px;font-weight:700}.healthScore small{display:block;color:#929caa;font-size:8px;font-weight:400;margin-top:3px}.healthStats{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-top:13px}.healthStats span{border-right:1px solid var(--line);padding-left:10px}.healthStats span:first-child{padding-left:0}.healthStats span:last-child{border:0}.healthStats b,.healthStats small{display:block}.healthStats b{font-size:11px}.healthStats small{font-size:7px;color:#8a94a3;margin-top:2px}.warning{color:#df752b}.activityItem{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid #edf0f3}.activityItem>i{width:7px;height:7px;border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px currentColor}.activityItem i.green{background:#34b884;color:#e6f7f0}.activityItem i.blue{background:#3676dd;color:#e8f0fd}.activityItem i.orange{background:#e98a42;color:#fcefe5}.activityItem b,.activityItem small{display:block}.activityItem b{font-size:9px}.activityItem small{font-size:8px;color:#8d97a5;margin-top:3px}.spendTotal{display:flex;justify-content:space-between;align-items:end;margin:15px 0}.spendTotal small,.spendTotal b{display:block}.spendTotal small{font-size:8px;color:#8c96a5}.spendTotal b{font:800 20px Manrope;margin-top:3px}.barChart{height:175px;display:flex;gap:18px;align-items:end;border-bottom:1px solid #e6eaf0;padding:0 10px}.barChart>div{flex:1;height:100%;display:flex;align-items:end;position:relative}.barChart span{display:block;background:#dfe8f8;border-radius:5px 5px 0 0;width:100%}.barChart span.current{background:var(--blue)}.barChart small{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:8px;color:#8691a2}.deliveryOrder{background:#f5f8fc;border-radius:8px;padding:11px;display:flex;justify-content:space-between;font-size:10px;margin:12px 0}.deliverySteps{margin-left:8px}.deliverySteps>div{display:flex;gap:10px;min-height:46px;position:relative}.deliverySteps>div:not(:last-child):before{content:"";position:absolute;width:1px;background:#dfe4eb;top:20px;bottom:0;left:10px}.deliverySteps i{width:21px;height:21px;border:1px solid #cfd6e0;border-radius:50%;display:grid;place-items:center;color:#8c97a6;z-index:1;background:#fff}.deliverySteps .done i{background:#e5f6ef;border-color:#b7e6d3;color:#16875f}.deliverySteps b,.deliverySteps small{display:block}.deliverySteps b{font-size:9px}.deliverySteps small{font-size:8px;color:#8f99a7;margin-top:2px}.tablePanel{padding-bottom:8px}.dashTable{margin:8px -19px 0}.tableRow{display:grid;grid-template-columns:1.1fr 1fr .8fr 1fr 1fr 30px;align-items:center;padding:11px 19px;border-top:1px solid #edf0f3;font-size:9px;color:#687487}.tableHeader{background:#f8f9fb;color:#929ba8;text-transform:uppercase;font-size:7px;letter-spacing:.07em}.tableRow b{color:#26354b}.tableRow button{border:0;background:none;color:#8290a3}.status{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.status.delivered{background:#31b17e}.status.processing{background:#e8973f}.mobileTabBar{display:none}@media(max-width:820px){.mobileTabBar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e4e8ef;z-index:30;justify-content:space-around;padding:10px 0;box-shadow:0 -5px 20px #0000000d}.mobileTabBar button{border:0;background:none;color:#6c7789;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700}.mobileTabBar button.active{color:var(--blue)}}.skeletonGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px}.skeletonCard{height:100px;border-radius:11px;background:linear-gradient(90deg,#f0f2f5 25%,#e4e7ec,#f0f2f5 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;bottom:24px;right:24px;background:#fff;color:var(--ink);padding:14px 20px;border-radius:10px;box-shadow:0 10px 30px #07163226;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;z-index:100;animation:slideUp .3s cubic-bezier(.16,1,.3,1),fadeOut .3s ease 2.7s forwards;border:1px solid var(--line)}.toast svg{color:var(--green)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.quickAdd{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f235066;border-radius:11px;display:flex;place-items:center;justify-content:center;opacity:0;transition:.2s;z-index:2;pointer-events:none}.productCard:hover .quickAdd{opacity:1;pointer-events:auto}.quickAdd button{border:0;background:#fff;color:var(--ink);font-weight:700;font-size:12px;padding:10px 18px;border-radius:8px;box-shadow:0 4px 15px #0003;display:flex;align-items:center;gap:6px}.quickAdd button:hover{background:var(--blue);color:#fff}.announcementText{animation:cycleText 15s infinite}@keyframes cycleText{0%,28%{content:"✨  Islandwide delivery on wholesale orders over Rs. 50,000"}33%,61%{content:"📦  New arrivals: Roasted Cashews & Dairy Milk Powder"}66%,95%{content:"📞  Need help? Call +94 77 123 4567"}}.adminPage{animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:.5;transform:translateY(3px)}}.sectionMetrics{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e4e8ef;border-radius:11px;margin-bottom:17px}.sectionMetrics span{padding:16px 20px;border-right:1px solid #e4e8ef}.sectionMetrics span:last-child{border:0}.sectionMetrics b,.sectionMetrics small{display:block}.sectionMetrics b{font:800 17px Manrope}.sectionMetrics small{font-size:8px;color:#8c96a5;margin-top:3px}.adminDataPanel{padding:0;overflow:hidden}.adminToolbar{display:flex;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #e4e8ef}.adminSearch{width:300px;height:36px;border:1px solid #dce2e9;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#8b96a7}.adminSearch input{border:0;outline:0;flex:1;font-size:10px}.adminToolbar>button{border:1px solid #dce2e9;background:#fff;border-radius:7px;display:flex;align-items:center;gap:6px;padding:0 11px;color:#687589;font-size:9px}.adminGridRow{display:grid;grid-template-columns:repeat(var(--columns),minmax(90px,1fr));align-items:center;border-bottom:1px solid #edf0f3;min-width:680px}.adminGridRow>span{padding:13px 16px;font-size:9px;color:#697589}.adminGridHead{background:#f7f9fb}.adminGridHead>span{font-size:7px;color:#8c96a5;text-transform:uppercase;font-weight:700}.primaryCell{color:#23344d!important;font-weight:700}.dataStatus{width:max-content;margin-left:16px;padding:5px 8px!important;border-radius:12px;background:#e8f7f0;color:#14865e!important;font-weight:700}.dataStatus.pending,.dataStatus.low-stock,.dataStatus.processing{background:#fff3e7;color:#d8762c!important}.dataStatus.suspended{background:#f8e9ec;color:#c74c5c!important}.dataStatus.shipped{background:#e9f1ff;color:#2b65bd!important}.tableFooter{display:flex;justify-content:space-between;padding:13px 17px;color:#8c96a4;font-size:8px}.tableFooter button{border:1px solid #dce2e9;background:#fff;border-radius:6px;padding:6px 10px;margin-left:5px;font-size:8px}.clickableRow{cursor:pointer}.clickableRow:hover{background:#f8faff}.categoryMetric{margin:17px 0}.categoryMetric>span{display:flex;justify-content:space-between;font-size:9px}.categoryMetric i{display:block;height:6px;background:#edf0f4;border-radius:4px;margin-top:7px;overflow:hidden}.categoryMetric em{display:block;height:100%;background:#1557d6}.analyticsBars{height:190px;margin-bottom:18px}.cohortTable{margin:12px -19px -19px;overflow:auto}.cohortTable>div{min-width:620px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);border-top:1px solid #e4e8ef}.cohortTable span,.cohortTable b{padding:11px 18px;font-size:8px}.cohortCell{background:#edf5ff;color:#235cad!important;text-align:center;margin:5px;border-radius:5px;padding:6px!important}.uatNotice{background:#e9f8f1;border:1px solid #c4ead9;color:#137c59;border-radius:8px;padding:10px 13px;margin-bottom:14px;display:flex;align-items:center;gap:8px;font-size:10px}.uatNotice button{margin-left:auto;border:0;background:none}.savedGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.savedCard{background:#fff;border:1px solid #e4e8ef;border-radius:10px;overflow:hidden;padding-bottom:14px}.savedCard>div{height:145px;background-size:cover}.savedCard>span,.savedCard h3,.savedCard p,.savedCard>b{display:block;margin-left:14px;margin-right:14px}.savedCard>span{font-size:8px;color:#1557d6;font-weight:700;margin-top:12px}.savedCard h3{font:700 12px Manrope}.savedCard p{font-size:8px;color:#8994a4}.savedCard button{border:0;background:#1557d6;color:#fff;border-radius:6px;margin:12px 14px 0;padding:8px 10px;display:flex;gap:5px}.reorderGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reorderIcon{width:39px;height:39px;border-radius:9px;background:#eaf1ff;color:#1557d6;display:grid;place-items:center}.reorderCard h3{font:700 13px Manrope}.reorderCard p{font-size:8px;color:#8792a2}.reorderCard>div{display:flex;gap:7px;margin-top:16px}.reorderCard button{border:1px solid #d9e0e8;background:#fff;border-radius:6px;padding:7px 9px;font-size:8px}.reorderCard button:first-child{background:#1557d6;color:#fff}.catalogActions{display:flex;gap:8px}.catalogActions button{border:0;background:#1557d6;color:#fff;border-radius:8px;padding:10px 13px;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700}.catalogActions button.secondaryAction{background:#fff;color:#526078;border:1px solid #d8e0e9}.productModal{position:fixed;z-index:42;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 30px));background:#fff;border-radius:13px;box-shadow:0 24px 70px #08183447;overflow:hidden}.productModal form{padding:20px 25px 25px}.productModal form>label,.formTwo label{display:block;font-size:9px;font-weight:700;color:#526078;margin-bottom:14px}.productModal input,.productModal select{display:block;width:100%;height:40px;border:1px solid #dce2ea;border-radius:7px;padding:0 10px;margin-top:6px;outline:0;color:#27364c;background:#fff;font-size:10px}.productModal input:focus,.productModal select:focus{border-color:#719aeb;box-shadow:0 0 0 3px #eaf0fc}.formTwo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modalActions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e8ebef;padding-top:15px}.modalActions button{border:1px solid #d9e0e8;background:#fff;color:#627084;border-radius:7px;padding:9px 13px;font-size:9px}.modalActions button[type=submit]{border:0;background:#1557d6;color:#fff;display:flex;align-items:center;gap:5px}body{color:#05070a}:where(header,.breadcrumbs,.catalog,.dashContent,.dashNav,.panel,.metricCard:not(.highlight),.productCard,.cartDrawer,.loginPanel,.productModal,.adminDataPanel,.savedCard,.reorderCard,.sectionMetrics,.datePill,.viewSwitch,.buyerCard,.empty) :is(h1,h2,h3,h4,b,p,small,span,label,button,a,td,th,del){color:#080b10!important}:where(.adminGridRow,.dashTable,.cohortTable,.tableFooter,.adminToolbar,.categoryMetric,.healthStats,.activityItem,.deliverySteps,.approval,.funnelRow,.retentionBands) :is(span,b,small,p,button){color:#080b10!important}:where(.loginInput,.adminSearch,.productModal) :is(input,select){color:#080b10!important}:where(.loginInput,.adminSearch,.productModal) :is(input,select)::placeholder{color:#4d5560!important;opacity:1}.dashEyebrow,.panelHead span,.productCategory,.savedCard>span,.navLabel{color:#102f68!important}.stock{color:#080b10!important}.metricCard.highlight :is(h3,p,small,span,b),.hero :is(h1,p,small,span,b),.announcement :is(span,b,small),.catalogActions button:not(.secondaryAction),.loginSubmit,.addButton,.drawerFoot>button,.savedCard button,.reorderCard button:first-child,.dashWelcome>button{color:#fff!important}.loginBox h2{font-size:34px}.loginBox>p{font-size:14px;line-height:1.5}.loginBox form>label{font-size:13px}.loginInput{height:49px}.loginInput input{font-size:13px}.loginOptions label,.loginOptions button{font-size:12px}.loginSubmit{font-size:14px;padding:14px}.demoDivider{font-size:10px}.dashNav button{font-size:14px;padding:13px 12px}.navLabel{font-size:11px}.accountHealth b,.adminIdentity b{font-size:13px}.accountHealth small,.adminIdentity small,.dashEyebrow{font-size:11px}.dashWelcome h1{font-size:32px}.dashWelcome p{font-size:15px}.dashWelcome>button,.catalogActions button{font-size:12px;padding:12px 16px}.datePill span{font-size:10px}.datePill b{font-size:12px}.metricCard p{font-size:13px}.metricCard h3{font-size:26px}.metricFoot{font-size:11px}.metricTop small{font-size:9px}.panelHead span{font-size:10px}.panelHead h2{font-size:18px}.panelHead button,.retentionSummary div span{font-size:11px}.retentionBands>div,.approvalCount span,.deliveryOrder{font-size:12px}.retentionBands b,.approval b,.deliverySteps b,.activityItem b{font-size:12px}.approval small,.deliverySteps small,.activityItem small{font-size:10px}.funnelRow{font-size:11px}.funnelRow small{font-size:9px}.healthStats b{font-size:14px}.healthStats small{font-size:10px}.tableRow{font-size:12px;padding-top:14px;padding-bottom:14px}.tableHeader{font-size:9px}.adminGridRow>span{font-size:12px;padding:15px 16px}.adminGridHead>span{font-size:10px}.adminSearch input,.adminToolbar>button{font-size:12px}.sectionMetrics b{font-size:21px}.sectionMetrics small,.tableFooter{font-size:11px}.categoryMetric>span{font-size:12px}.cohortTable span,.cohortTable b{font-size:11px}.savedCard>span{font-size:10px}.savedCard h3{font-size:15px}.savedCard p{font-size:11px}.savedCard>b,.reorderCard>b{font-size:14px}.savedCard button,.reorderCard button{font-size:11px}.reorderCard h3{font-size:16px}.reorderCard p{font-size:11px}.productModal form>label,.formTwo label{font-size:12px}.productModal input,.productModal select{font-size:13px;height:44px}.modalActions button{font-size:12px}.notificationMenu{position:absolute;right:5vw;top:70px;width:min(390px,calc(100vw - 24px));background:#fff;border:1px solid #dfe4eb;border-radius:12px;box-shadow:0 18px 45px #0a1d3d33;z-index:31;overflow:hidden;color:#080b10}.notificationHead{padding:16px 17px;border-bottom:1px solid #e5e9ef;display:flex;justify-content:space-between}.notificationHead span{font-size:9px;color:#1557d6;font-weight:800;letter-spacing:.12em}.notificationHead h3{font:800 17px Manrope;margin:4px 0}.notificationHead button{border:0;background:#f0f3f7;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.notificationItem{display:grid;grid-template-columns:39px 1fr;gap:10px;padding:13px 17px;border-bottom:1px solid #edf0f3;position:relative}.notificationItem.unread:after{content:"";position:absolute;right:15px;top:18px;width:7px;height:7px;background:#1557d6;border-radius:50%}.notificationItem b,.notificationItem small{display:block;color:#080b10}.notificationItem b{font-size:12px}.notificationItem small{font-size:10px;margin-top:4px}.noticeIcon{width:34px;height:34px;border-radius:9px;background:#eaf1ff;color:#1557d6;display:grid;place-items:center}.notificationAction{width:100%;border:0;background:#f5f8fd;padding:12px 17px;color:#0c3e91;font-size:11px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:6px}.adminTabs{display:flex;gap:4px;border-bottom:1px solid #dfe4eb;margin-bottom:14px}.adminTabs button{border:0;background:none;padding:11px 15px;color:#4e5968;font-size:12px;font-weight:700;border-bottom:3px solid transparent;display:flex;align-items:center;gap:7px}.adminTabs button.active{color:#080b10;border-color:#1557d6}.adminTabs span{background:#e9edf3;border-radius:10px;padding:2px 7px;font-size:10px}.adminTabs .approvalBadge{background:#fff0e4;color:#a94d10}.panelDescription{font-size:12px;color:#080b10;margin:0 0 14px}.retentionUserTable{overflow:auto;margin:0 -19px -19px}.retentionUserRow{min-width:900px;display:grid;grid-template-columns:1.5fr .65fr .65fr .65fr 1fr .55fr 1fr;align-items:center;border-top:1px solid #edf0f3}.retentionUserRow>span{padding:13px 15px;font-size:11px;color:#080b10}.retentionUserRow>span:first-child b,.retentionUserRow>span:first-child small{display:block}.retentionUserRow>span:first-child b{font-size:12px}.retentionUserRow>span:first-child small{font-size:10px;color:#080b10;margin-top:3px}.retentionUserHead{background:#f7f9fb}.retentionUserHead>span{font-size:9px;text-transform:uppercase;font-weight:700}.retentionValue{color:#1557d6!important;font-weight:800}.mutedCell{color:#555d67!important}.userHealth{width:max-content!important;padding:5px 9px!important;border-radius:12px;background:#e8f7f0;color:#080b10!important;font-weight:700}.userHealth.at-risk{background:#fff3e7}.userHealth.new-approval{background:#eaf1ff}@media(max-width:1150px){.productGrid{grid-template-columns:repeat(3,1fr)}header{gap:15px}.account span:nth-child(2),.account>svg,.cartText{display:none}.hero{grid-template-columns:1.2fr .8fr}.viewSwitch button{font-size:0}.viewSwitch svg{width:17px}.adminCols{grid-template-columns:1.4fr .8fr}.dashThreeCol{grid-template-columns:1fr 1fr}.activityPanel{grid-column:1/-1}.metricCard{padding:14px}.dashContent{padding:25px}}@media(max-width:820px){.announcement{justify-content:center}.announcementHelp{display:none!important}header{height:66px;padding:0 16px;gap:11px}.mobileOnly{display:block!important}.brand{min-width:auto}.brand>span:nth-child(2){display:none}.brandMark{width:38px;height:38px}.search{height:41px}.search input::placeholder{font-size:11px}nav{gap:2px}.account,.iconButton:not(.mobileOnly){display:none}.cartButton{border:0;padding:8px}.breadcrumbs{display:none}.hero{margin:18px 16px 28px;padding:34px 28px;display:block;min-height:340px}.hero h1{font-size:31px}.hero p{font-size:12px;max-width:90%}.heroArt{display:none}.heroStats{margin-top:25px}.heroStats span{padding-right:15px;margin-right:15px}.catalog{display:block;padding:0 16px 50px}.catalog>aside{position:fixed;top:0;bottom:0;left:0;width:min(330px,88%);background:#fff;z-index:51;padding:20px;transform:translate(-105%);transition:.25s;overflow:auto;box-shadow:8px 0 30px #00000026}.catalog>aside.show{transform:none}.asideTitle button{display:grid;border:0;background:#f2f4f7;border-radius:50%;width:33px;height:33px;place-items:center}.filterButton{display:flex}.productGrid{grid-template-columns:repeat(2,1fr)}.catalogHead{align-items:flex-end}.sortControls label{font-size:0}.sortControls select{font-size:11px}.productImage{height:170px}.dashboardShell{display:block}.dashNav{display:none}.dashContent{padding:24px 16px}.metricGrid{grid-template-columns:repeat(2,1fr)}.adminCols,.buyerCols,.dashThreeCol{grid-template-columns:1fr}.activityPanel{grid-column:auto}.datePill{display:none}.dashWelcome h1{font-size:23px}.dashWelcome>button{font-size:0}.dashWelcome>button svg{width:18px}.viewSwitch{margin-left:auto}.search{max-width:270px}.savedGrid,.reorderGrid{grid-template-columns:repeat(2,1fr)}.adminDataPanel{overflow-x:auto}.sectionMetrics span{padding:12px}.adminSearch{width:220px}.notificationMenu{right:12px;top:61px}.adminTabs button{flex:1;justify-content:center}}@media(max-width:820px){.loginPage{grid-template-columns:1fr}.loginPanel{min-height:100vh;padding:28px}.logoutButton span{display:none}.demoAccounts{grid-template-columns:1fr}}.authLinks{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.authLinks button{border:0;background:none;color:var(--blue);font-size:11px;font-weight:700;padding:0}.loginMessage{background:#eef7ff;color:#24558c;border:1px solid #cfe3fa;border-radius:7px;padding:10px;font-size:11px;line-height:1.5;margin-top:10px;word-break:break-word}.profileSetupPanel{min-height:100vh}@media(max-width:520px){.search{position:absolute;top:75px;left:16px;right:16px;max-width:none;background:#fff;box-shadow:0 5px 20px #00000014}.hero{margin-top:72px}.hero h1{font-size:27px}.heroStats b{font-size:15px}.productGrid{gap:10px}.productImage{height:135px}.productInfo{padding:11px}.productInfo h3{font-size:12px}.productInfo>p{min-height:28px}.priceRow{align-items:flex-end}.priceRow>div:first-child b{font-size:11px}.addButton{padding:7px 8px}.catalogHead{align-items:flex-start;flex-direction:column;gap:14px}.sortControls{width:100%;justify-content:space-between}.announcement{font-size:10px}.productCard{border-radius:9px}.savedGrid,.reorderGrid,.sectionMetrics{grid-template-columns:1fr}.sectionMetrics span{border-right:0;border-bottom:1px solid #e4e8ef}}@media(max-width:620px){.catalogActions{width:100%;margin-top:12px}.catalogActions button{flex:1;justify-content:center}.formTwo{grid-template-columns:1fr}.productModal form{max-height:70vh;overflow:auto}}.appLoading{min-height:100vh;display:grid;place-items:center;color:#17335f;font-weight:700}.apiError{margin:14px auto;padding:12px 16px;max-width:760px;border:1px solid #f0c4c4;border-radius:8px;background:#fff3f3;color:#a72e2e;font-size:12px}:root{--page-gutter:clamp(16px,4vw,64px)}html{scroll-behavior:smooth}body{overflow-x:hidden}html[lang=ta-LK] body{font-family:Noto Sans Tamil,DM Sans,sans-serif}html[lang=si-LK] body{font-family:Noto Sans Sinhala,DM Sans,sans-serif}button,a,input,select{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #2d6cdf;outline-offset:3px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skipLink{position:fixed;top:10px;left:10px;z-index:110;background:#102f68;color:#fff!important;border-radius:7px;padding:10px 14px;font-weight:700;transform:translateY(-180%);transition:transform .18s ease}.skipLink:focus{transform:translateY(0)}.languageSwitcher{display:flex;align-items:center}.languageSwitcher select{min-height:40px;border:1px solid #dce2ea;border-radius:7px;background:#fff;color:#182b49;padding:0 28px 0 9px;font:600 11px DM Sans,sans-serif}.textLink{border:0;background:none;color:var(--blue);font:700 11px inherit;padding:0;text-decoration:underline;text-underline-offset:3px}.search button{min-width:40px;min-height:40px}.cartDrawer,.productModal,.notificationMenu{overscroll-behavior:contain}.cartDrawer{max-height:100dvh;overflow:auto}.productModal{max-height:min(90dvh,760px);overflow:auto}.tablePanel,.adminDataPanel{min-width:0}.dashTable,.retentionUserTable,.adminDataPanel{overflow-x:auto}.dashTable .tableRow{min-width:650px}.adminGridRow{min-width:680px}.adminDataPanel>.adminGridRow{width:max-content;min-width:100%}.productCard,.panel,.metricCard,.dashWelcome,.hero{min-width:0}.productInfo h3,.panelDescription,.empty p,.dashWelcome p{overflow-wrap:anywhere}@media(max-width:1100px){header{gap:18px;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}header nav{gap:8px}.languageSwitcher select{max-width:112px}.hero{margin-left:var(--page-gutter);margin-right:var(--page-gutter)}}@media(max-width:900px){header{height:auto;min-height:72px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}header .brand{flex:1;min-width:150px}header .search{order:4;flex:1 0 100%;max-width:none}header nav{margin-left:auto}header .viewSwitch{order:3}header .languageSwitcher{order:2}.viewSwitch button{font-size:10px}.viewSwitch svg{display:inline-block}.announcement{min-height:30px}.catalog{grid-template-columns:210px minmax(0,1fr);gap:18px}.productGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){html{scroll-padding-top:84px}header{padding-left:16px;padding-right:16px}header .search{position:static;top:auto;left:auto;right:auto;box-shadow:none}.dashboardShell{min-height:calc(100dvh - 72px);padding-bottom:calc(74px + env(safe-area-inset-bottom))}.dashContent{padding:20px 16px 96px}.mobileTabBar{padding:10px 8px calc(10px + env(safe-area-inset-bottom));gap:4px}.mobileTabBar button{min-width:64px;min-height:44px;justify-content:center}.metricGrid{gap:10px}.metricCard{min-width:0;padding:14px}.metricCard h3{overflow-wrap:anywhere}.panel{min-width:0}.drawerHead,.modalActions{gap:10px}.toast{left:16px;right:16px;bottom:calc(78px + env(safe-area-inset-bottom));justify-content:center}}@media(max-width:620px){.announcement{font-size:9px;padding:6px 12px}header .brand{min-width:40px;flex:0 0 auto}header .viewSwitch{margin-left:0}header .viewSwitch button{padding:8px}header .languageSwitcher select{max-width:100px;font-size:10px}header nav{gap:0}.hero{padding:28px 22px;min-height:320px}.heroStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.heroStats span{padding:0;margin:0;border:0}.catalog{display:block;padding:0 16px 100px}.catalog>aside{width:min(340px,88vw)}.catalogMain{min-width:0}.productGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.productImage{height:140px}.catalogHead{gap:10px}.catalogTitle h1{font-size:24px}.sortControls{width:100%;gap:8px}.sortControls select{max-width:170px}.dashWelcome{align-items:flex-start;gap:12px}.dashWelcome h1{font-size:25px;line-height:1.15;text-wrap:balance}.dashWelcome p{font-size:13px}.dashWelcome>button{font-size:10px;white-space:nowrap;padding:10px}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metricCard p{font-size:11px}.metricCard h3{font-size:22px}.metricFoot{font-size:9px}.panelHead{align-items:flex-start}.panelHead h2{font-size:17px;text-wrap:balance}.panelHead button{font-size:10px;white-space:nowrap}.barChart{gap:9px;height:145px}.productModal{width:calc(100% - 24px);border-radius:11px}.productModal form{padding:17px}.formTwo{grid-template-columns:1fr}.sectionMetrics{grid-template-columns:repeat(3,1fr)}.sectionMetrics span{padding:12px 9px}.sectionMetrics b{font-size:18px}.sectionMetrics small{font-size:9px}.adminToolbar{padding:12px}.adminSearch{width:100%;max-width:none}.notificationMenu{right:8px;top:72px}}@media(max-width:420px){header .viewSwitch button{font-size:0}header .viewSwitch svg{margin:0}header .languageSwitcher select{max-width:84px;padding-left:6px;padding-right:18px}.productGrid,.metricGrid{grid-template-columns:1fr}.productImage{height:190px}.sectionMetrics{grid-template-columns:1fr}.sectionMetrics span{border-right:0;border-bottom:1px solid #e4e8ef}.sectionMetrics span:last-child{border-bottom:0}.dashWelcome{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
