:root{font-family:Tajawal,sans-serif;color:#17251f;background:#f4f7f5;font-synthesis:none;--green:#146c54;--green-dark:#0d3027;--muted:#718079;--line:#e3eae6}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button,a{transition:.18s ease}button:hover,a:hover{transform:translateY(-1px)}.app-shell{min-height:100vh;display:flex;direction:rtl}.sidebar{position:fixed;right:0;top:0;bottom:0;width:258px;background:#0f2d26;color:#fff;padding:25px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 22px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#d6b56f,#9c7b39);display:grid;place-items:center;font:800 23px Georgia}.brand strong{display:block;letter-spacing:2px;font-size:16px}.brand span{font-size:10px;color:#8da79f;letter-spacing:.8px}.mobile-close{display:none}.branch-card{background:#173a31;border:1px solid #244b40;border-radius:14px;padding:13px 14px;margin-bottom:23px}.branch-card span,.branch-card small{display:block;color:#8fa9a1;font-size:11px}.branch-card strong{font-size:13px;display:block;margin:4px 0 8px}.branch-card small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46c78f;margin-left:6px}.sidebar nav p{color:#6f8e84;font-size:10px;font-weight:700;padding:0 12px;margin:0 0 9px}.sidebar nav button,.sidebar-bottom>button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#a9bbb5;padding:11px 13px;border-radius:10px;margin:2px 0;text-align:right;font-size:14px}.sidebar nav button.active{background:#f2f6f4;color:#123f33;font-weight:700}.sidebar nav button em{margin-right:auto;background:#c19a52;color:#fff;border-radius:8px;padding:1px 7px;font-style:normal;font-size:11px}.sidebar-bottom{margin-top:auto}.user-mini{margin-top:15px;border-top:1px solid #27473f;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#d8c08f;color:#264238;display:grid;place-items:center;font-weight:800}.user-mini div:nth-child(2){flex:1}.user-mini strong,.user-mini span{display:block;font-size:12px}.user-mini span{color:#87a097;font-size:10px;margin-top:2px}main{margin-right:258px;width:calc(100% - 258px)}header{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:20}.page-heading{min-width:210px}.page-heading h1{font-size:21px;margin:2px 0 0}.page-heading span{font-size:11px;color:var(--muted)}.header-actions{margin-right:auto;display:flex;align-items:center;gap:10px}.global-search,.table-tools label,.product-filters label{height:42px;display:flex;align-items:center;gap:8px;background:#f5f7f6;border:1px solid #edf1ef;border-radius:11px;padding:0 12px;color:#84918b}.global-search{width:min(340px,30vw)}input{border:0;background:transparent;outline:0;width:100%;color:#243b32}.global-search kbd{direction:ltr;background:#fff;border:1px solid #dfe6e2;border-radius:5px;padding:2px 6px;font-size:10px}.icon-btn,.menu-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;position:relative}.icon-btn i{position:absolute;top:8px;right:9px;width:7px;height:7px;background:#d2644b;border-radius:50%;border:2px solid white}.primary,.secondary{height:42px;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:1px solid var(--green)}.primary{background:var(--green);color:#fff}.secondary{background:#fff;color:#284139;border-color:var(--line)}.menu-btn{display:none}.content{padding:24px 28px 50px;max-width:1600px;margin:auto}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.snapshot{font-size:11px;color:#64746e;display:flex;align-items:center;gap:6px}.snapshot span{background:#e4f2ec;color:#23745b;border-radius:10px;padding:3px 8px;margin-right:6px}.date-filter{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi-grid.three{grid-template-columns:repeat(3,1fr)}.kpi,.panel,.mini-stats,.channel{background:#fff;border:1px solid var(--line);border-radius:15px}.kpi{padding:17px;position:relative}.kpi-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;float:left}.kpi-icon.green,.task-icon.green{background:#e2f2eb;color:#147052}.kpi-icon.blue{background:#e5eef8;color:#3d6f9e}.kpi-icon.purple{background:#eee8f7;color:#79599b}.kpi-icon.orange,.task-icon.orange{background:#f8ecda;color:#a57023}.kpi-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.kpi-value{font-size:25px;font-weight:800;margin:11px 0}.kpi-value small{font-size:11px;color:#84918b}.kpi-trend{display:flex;align-items:center;gap:4px;color:#17815e;font-weight:700;font-size:11px}.kpi-trend svg{width:15px}.kpi-trend span{color:#929e99;font-weight:400}.kpi-trend.down{color:#bd674e}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.85fr);gap:16px;margin-bottom:16px}.panel{padding:20px;margin-bottom:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.panel-head h2,.page-toolbar h2{font-size:16px;margin:0 0 3px}.panel-head p,.page-toolbar p{font-size:11px;color:var(--muted);margin:0}.panel-head button{background:transparent;border:0;color:var(--green);font-size:11px;font-weight:700;display:flex;align-items:center;gap:3px}.chart-total{display:flex;justify-content:space-between;align-items:center}.chart-total strong{font-size:23px}.chart-total strong small{font-size:11px}.chart-total span{color:#18805e;font-size:11px;display:flex;gap:4px}.task{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #edf1ef}.task-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;flex:none}.task-icon.red{background:#f9e7e3;color:#c75f49}.task>div:nth-child(2){flex:1}.task strong{font-size:12px}.task p{font-size:11px;color:#67766f;margin:3px 0}.task span{font-size:10px;color:#929d98;display:flex;align-items:center;gap:4px}.task button{background:transparent;border:0}.add-task{margin-top:15px;width:100%;height:38px;border:1px dashed #b9cbc3;color:#277058;background:#f8fbf9;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;color:#829089;font-weight:500;font-size:11px;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #eef2f0;font-size:12px}td button{border:0;background:transparent;color:#819088}.status{display:inline-flex;align-items:center;gap:6px;color:#23745b;background:#e9f4ef;padding:4px 9px;border-radius:12px;font-size:10px}.status i{width:6px;height:6px;background:#32a277;border-radius:50%}.status.warn{color:#9c6b21;background:#f8eddd}.status.warn i{background:#c58d37}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-toolbar>div:last-child{display:flex;gap:8px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:14px;margin-bottom:16px}.mini-stats>div{display:flex;align-items:center;gap:10px;padding:5px 20px;border-left:1px solid var(--line);color:#277058}.mini-stats>div:last-child{border:0}.mini-stats span{font-size:10px;color:var(--muted)}.mini-stats strong{display:block;color:#21382f;font-size:19px;margin-top:2px}.table-tools{display:flex;gap:8px;margin-bottom:16px}.table-tools label{width:330px}.table-tools button{height:42px;padding:0 13px;border:1px solid var(--line);background:#fff;border-radius:10px;display:flex;align-items:center;gap:7px;font-size:11px;color:#52635b}.customer-row{display:grid;grid-template-columns:2fr 1fr 1.15fr .65fr .9fr 1.1fr 30px;align-items:center;padding:12px 7px;border-top:1px solid #edf1ef;gap:10px;cursor:pointer}.customer-row:hover{background:#fafcfb}.customer-name{display:flex;align-items:center;gap:10px}.avatar.lg{width:42px;height:42px}.customer-name strong,.customer-name span{display:block;font-size:12px}.customer-name span{color:var(--muted);font-size:10px;margin-top:3px}.segment{font-size:10px;color:#70571c;background:#f5ecd5;border-radius:12px;padding:5px 9px;width:max-content}.segment.risk{color:#a4523f;background:#f8e6e1}.metric span,.metric strong{display:block;font-size:10px;color:var(--muted)}.metric strong{color:#31453d;font-size:12px;margin-top:3px}.consent{font-size:10px;display:flex;align-items:center;gap:5px}.consent svg{width:15px}.consent.yes{color:#28795f}.consent.no{color:#b36b4e}.row-view{border:0;background:transparent;color:#697a72}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1d18aa;z-index:50}.drawer{position:fixed;z-index:51;left:0;top:0;bottom:0;width:min(440px,100%);background:#f6f8f7;padding:20px;overflow:auto;box-shadow:15px 0 45px #0002}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head button{border:0;background:#fff;width:36px;height:36px;border-radius:9px}.drawer-head span{font-weight:700}.profile-hero{text-align:center;padding:20px}.avatar.xl{width:70px;height:70px;font-size:20px;margin:auto}.profile-hero h2{margin:10px 0 4px}.profile-hero p{display:flex;justify-content:center;align-items:center;gap:4px;color:var(--muted);font-size:11px}.profile-hero .segment{margin:auto}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-actions a,.quick-actions button{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:#2a6553;text-decoration:none;font-size:11px}.profile-numbers{display:grid;grid-template-columns:repeat(3,1fr);background:#153c31;color:#fff;border-radius:13px;margin:14px 0;padding:14px}.profile-numbers div{text-align:center;border-left:1px solid #2a574a}.profile-numbers div:last-child{border:0}.profile-numbers span,.profile-numbers strong{display:block;font-size:10px}.profile-numbers strong{font-size:13px;margin-top:5px}.drawer-section{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;margin-bottom:12px}.drawer-section h3{font-size:13px;margin:0 0 12px}.drawer-section>p{display:flex;align-items:center;gap:10px;border-top:1px solid #edf1ef;padding:10px 0 0}.drawer-section>p span{flex:1;color:var(--muted);font-size:10px}.drawer-section>p strong{display:block;color:#263b33;font-size:11px;margin-top:3px}.drawer-section>p i{font-size:9px}.drawer-section>p i.ok{color:#1a7758}.purchase{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ef;padding:10px 0}.purchase>div{display:flex;gap:8px}.purchase span,.purchase strong{display:block;font-size:10px}.purchase b{font-size:11px}.full{width:100%}.product-filters{display:flex;gap:8px;margin-bottom:17px}.product-filters label{width:340px;margin-left:10px}.product-filters button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 18px}.product-filters button.active{background:#153c31;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.product-art{height:180px;display:grid;place-items:center;color:#77867f;position:relative}.stock-tag{position:absolute;top:12px;right:12px;background:#e5f1ec;color:#26745c;padding:4px 9px;border-radius:12px;font-size:10px}.stock-tag.low{background:#f6ead7;color:#9e6e28}.stock-tag.out{background:#f5e2dd;color:#ad5a45}.product-card>div:last-child{padding:15px}.product-card span{font-size:10px;color:var(--muted)}.product-card h3{font-size:14px;margin:5px 0 12px}.product-card strong{font-size:14px}.product-card p{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.product-card p svg{width:15px}.inventory-alert{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.small-art{width:44px;height:44px;border-radius:9px;display:grid;place-items:center}.inventory-alert>div:nth-child(2){flex:1}.inventory-alert strong,.inventory-alert span{display:block;font-size:11px}.inventory-alert span{color:var(--muted);margin-top:3px}.inventory-alert button{border:1px solid var(--line);background:#fff;border-radius:8px;font-size:10px;padding:7px}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.channel{padding:17px}.channel>span{display:block;color:var(--muted);font-size:11px;margin-top:14px}.channel>strong{font-size:25px;display:block;margin:4px 0}.channel>small{color:var(--muted)}.channel>button{width:100%;border:0;border-top:1px solid var(--line);background:transparent;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;color:var(--green);font-size:11px}.campaign{display:grid;grid-template-columns:45px 2fr 1fr 1fr .7fr;align-items:center;gap:12px;padding:13px;border-top:1px solid var(--line)}.campaign-icon{width:40px;height:40px;border-radius:10px;background:#e1f2ea;color:#197257;display:grid;place-items:center}.campaign-icon.gold{background:#f4ead7;color:#a47832}.campaign span,.campaign strong{display:block;font-size:10px}.campaign strong{font-size:12px;margin-bottom:4px}.campaign span{color:var(--muted)}.status.muted{background:#edf0ef;color:#65736d}.toast{position:fixed;bottom:25px;left:25px;background:#143b31;color:#fff;padding:12px 18px;border-radius:11px;z-index:80;display:flex;align-items:center;gap:8px;box-shadow:0 12px 35px #0003;font-size:12px}@media(max-width:1100px){.kpi-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.customer-row{grid-template-columns:2fr 1fr 1fr 1fr 30px}.customer-row .metric:nth-of-type(3),.customer-row .consent{display:none}.global-search{display:none}.channel-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translate(105%);transition:.25s}.sidebar.open{transform:none}.mobile-close{display:grid;margin-right:auto;background:transparent;border:0;color:#fff}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#071a15aa;z-index:29}main{margin:0;width:100%}header{height:70px;padding:0 14px}.menu-btn{display:grid}.page-heading span{display:none}.page-heading{min-width:0;flex:1}.page-heading h1{font-size:18px}.header-actions{margin:0}.header-actions .primary{width:42px;padding:0;font-size:0}.icon-btn{display:none}.content{padding:16px 13px 80px}.status-row{align-items:flex-start}.snapshot span{display:none}.kpi-grid,.kpi-grid.three{grid-template-columns:repeat(2,1fr);gap:9px}.kpi{padding:13px}.kpi-value{font-size:20px}.kpi-trend span{display:none}.dashboard-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:repeat(2,1fr)}.mini-stats>div{border-bottom:1px solid var(--line);padding:10px;border-left:0}.page-toolbar{align-items:flex-start}.page-toolbar p{max-width:200px}.page-toolbar .secondary{font-size:0;width:42px;padding:0}.table-tools{overflow:auto}.table-tools label{min-width:240px}.customer-row{grid-template-columns:2fr 1fr 30px}.customer-row>.metric,.customer-row>.consent{display:none}.product-filters{overflow:auto}.product-filters label{min-width:230px}.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-art{height:130px}.channel-grid{grid-template-columns:1fr 1fr;gap:9px}.campaign{grid-template-columns:40px 2fr .8fr}.campaign>div:nth-child(4),.campaign>.status{display:none}.panel{padding:14px}.chart-total{align-items:flex-start;gap:10px}.chart-total span{display:none}}@media(max-width:430px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-icon{width:34px;height:34px}.product-grid{grid-template-columns:1fr}.date-filter{font-size:10px}.page-toolbar h2{font-size:15px}.page-toolbar>div:last-child .primary{font-size:0;width:42px;padding:0}}.login-page{margin:0;width:100%;min-height:100vh;background:radial-gradient(circle at 15% 15%,#285d4d 0,transparent 28%),linear-gradient(145deg,#0b2c24,#133d31);display:grid;place-items:center;padding:24px;direction:rtl}.login-brand{position:absolute;top:35px;right:40px;color:#fff;display:grid;grid-template-columns:48px auto;column-gap:12px;align-items:center}.login-brand .brand-mark{grid-row:1/3;width:48px;height:48px}.login-brand strong{letter-spacing:2px}.login-brand span{font-size:11px;color:#9eb8af}.login-card{width:min(410px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 30px 80px #051b1577}.login-icon{width:52px;height:52px;border-radius:14px;background:#e5f1ec;color:#166e56;display:grid;place-items:center}.login-card h1{font-size:23px;margin:18px 0 5px}.login-card>p{color:var(--muted);font-size:12px;margin:0 0 24px}.login-card label{display:block;font-size:11px;font-weight:700;margin:13px 0}.login-card input{display:block;width:100%;height:46px;border:1px solid #dfe7e3;border-radius:10px;margin-top:7px;padding:0 12px;background:#f8faf9}.login-card .primary{margin-top:12px}.login-card>small{display:flex;align-items:center;justify-content:center;gap:5px;color:#7d8b85;margin-top:18px}.login-card>small svg{width:14px}.login-error{background:#f9e7e3;color:#a9503d;border-radius:9px;padding:9px 11px;font-size:11px;display:flex;align-items:center;gap:6px}.login-error svg{width:16px}@media(max-width:600px){.login-brand{top:24px;right:24px}.login-card{padding:25px}.login-page{padding-top:110px}}.ranking-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.ranking-hero>div{background:#153c31;color:#fff;border-radius:14px;padding:17px;display:flex;align-items:center;gap:12px}.ranking-hero>div>svg{width:31px;height:31px;color:#d1ad64}.ranking-hero span,.ranking-hero strong{display:block;font-size:11px}.ranking-hero strong{font-size:17px;margin-top:4px}.ranking-panel{padding-top:14px}.live-badge{margin-right:auto;color:#197257;background:#e5f2ec;border-radius:12px;padding:5px 10px;font-size:10px;display:flex;align-items:center;gap:5px}.live-badge i{width:7px;height:7px;background:#2dad7d;border-radius:50%;box-shadow:0 0 0 3px #cde9dd}.rank-number{width:32px;height:32px;border-radius:10px;background:#edf1ef;display:grid;place-items:center;font-weight:800}.rank-number svg{width:18px}.rank-number.gold{background:#f7e8be;color:#a8791f}.rank-number.silver{background:#e6ebed;color:#65747a}.rank-number.bronze{background:#f0d8ca;color:#9b613f}.rank-customer{display:flex;align-items:center;gap:9px}.rank-customer span,.rank-customer strong,.rank-customer b{display:block}.rank-customer b{color:var(--muted);font-size:10px;font-weight:500;margin-top:3px}.sales-number{color:#176e56}.ranking-table td{padding-top:11px;padding-bottom:11px}.empty-state{text-align:center;padding:35px;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:7px}@media(max-width:760px){.ranking-hero{grid-template-columns:1fr}.ranking-hero>div{padding:13px}.ranking-panel{padding:10px}.ranking-table th:nth-child(4),.ranking-table td:nth-child(4),.ranking-table th:nth-child(5),.ranking-table td:nth-child(5),.ranking-table th:nth-child(7),.ranking-table td:nth-child(7),.ranking-table th:nth-child(8),.ranking-table td:nth-child(8){display:none}}.whatsapp-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:16px}.wa-connect{height:max-content;position:sticky;top:100px}.wa-status{display:flex;align-items:center;gap:10px;background:#f3e9e5;color:#a55945;border-radius:11px;padding:11px}.wa-status.online{background:#e4f2eb;color:#147052}.wa-status span,.wa-status strong{display:block;font-size:10px}.wa-status strong{font-size:13px;margin-top:2px}.qr-wrap{width:250px;height:250px;margin:23px auto 13px;border:1px solid var(--line);border-radius:16px;padding:10px;background:#fff}.qr-wrap img{width:100%;height:100%;display:block}.wa-connect>h3,.wa-connect>p{text-align:center}.wa-connect>h3{font-size:15px;margin:5px}.wa-connect>p{font-size:11px;color:var(--muted)}.start-wa,.connected-card{text-align:center;padding:32px 10px}.start-wa>svg,.connected-card>svg{width:55px;height:55px;color:#187158;background:#e6f2ed;border-radius:16px;padding:12px}.start-wa h3,.connected-card h3{margin:12px 0 5px}.start-wa p,.connected-card p{color:var(--muted);font-size:11px;line-height:1.7}.wa-note{border-top:1px solid var(--line);padding-top:13px;margin-top:10px;display:flex;gap:8px;color:#728079}.wa-note svg{width:18px;flex:none}.wa-note span{font-size:9px;line-height:1.6}.wa-error{background:#f9e6e1;color:#ac553f;padding:9px;border-radius:9px;display:flex;gap:6px;font-size:10px}.wa-error svg{width:16px}.empty-inbox{text-align:center;color:var(--muted);padding:80px 20px}.empty-inbox svg{width:55px;height:55px;color:#adc1b8}.empty-inbox h3{color:#32473e}.empty-inbox p{font-size:11px}.message-list{max-height:700px;overflow:auto}.message-row{display:flex;gap:11px;padding:13px 4px;border-top:1px solid var(--line);align-items:flex-start}.message-main{flex:1;min-width:0}.message-main>div{display:flex;align-items:center;gap:8px}.message-main strong{font-size:12px}.message-main b{font-size:10px;color:var(--muted)}.message-main time{margin-right:auto;color:#8b9792;font-size:9px}.message-main p{margin:7px 0 4px;background:#edf6f2;border-radius:3px 11px 11px;padding:8px 10px;font-size:11px;width:max-content;max-width:80%;white-space:pre-wrap}.message-main span{color:#809088;font-size:9px}.contact-state{font-size:9px;color:#9b6a2c;display:flex;align-items:center;gap:4px;background:#f7ecd9;padding:4px 7px;border-radius:10px}.contact-state svg{width:13px}.contact-state.done{color:#1c7659;background:#e4f2eb}@media(max-width:850px){.whatsapp-layout{grid-template-columns:1fr}.wa-connect{position:static}.message-row{flex-wrap:wrap}.contact-state{margin-right:45px}.message-main p{max-width:100%}}.otp-phone{direction:ltr;text-align:center;background:#f1f7f4;color:#145c49;border:1px solid #d8e9e2;border-radius:12px;padding:14px;font-size:20px;font-weight:800;letter-spacing:1px;margin:18px 0}.otp-input{text-align:center!important;direction:ltr;font-size:24px!important;font-weight:800;letter-spacing:10px}.otp-resend{display:block;margin:12px auto 0;border:0;background:transparent;color:#167258;font-weight:700;cursor:pointer}.sidebar-bottom .logout-btn{margin-top:10px;color:#f1c8bd;border:1px solid #35554c;background:#173a31;justify-content:center}.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#46685e transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#46685e;border-radius:10px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f5faf7}.mobile-cell{direction:ltr;font-weight:700;color:#176d55;white-space:nowrap}.mobile-cell.empty{color:#a0aaa5;font-weight:400}.icon-btn.push-on{color:#147052;background:#e5f2ec;border-color:#cde5db}@media(min-width:761px){.sidebar{width:282px;padding:29px 21px}main{margin-right:282px;width:calc(100% - 282px)}header{height:92px;padding:0 34px;gap:24px}.content{padding:30px 34px 60px;max-width:1580px}.brand{padding-bottom:27px}.branch-card{padding:16px;margin-bottom:27px}.sidebar nav button,.sidebar-bottom>button{padding:13px 15px;margin:3px 0;font-size:15px}.global-search{width:min(390px,32vw);height:46px}.primary,.secondary,.icon-btn,.menu-btn{height:46px}.icon-btn,.menu-btn{width:46px}.panel{padding:24px;border-radius:17px;margin-bottom:20px}.kpi-grid{gap:18px;margin-bottom:20px}.kpi{padding:21px;border-radius:17px}.kpi-label{font-size:13px}.kpi-value{margin:13px 0;font-size:27px}.page-toolbar{margin-bottom:22px}.page-toolbar h2{font-size:18px}.page-toolbar p{font-size:12px}.mini-stats{padding:18px;margin-bottom:20px}.mini-stats>div{padding:8px 25px}.table-tools{gap:11px;margin-bottom:20px}.table-tools label,.table-tools button{height:46px}th{padding:13px 12px;font-size:12px}td{padding:17px 12px;font-size:13px}.customer-row{min-height:70px;padding:15px 10px;gap:13px}.customer-name strong{font-size:13px}.customer-name span{font-size:11px}.avatar.lg{width:46px;height:46px}.segment,.status{font-size:11px;padding:6px 10px}.metric span{font-size:11px}.metric strong{font-size:13px}.dashboard-grid{gap:20px;margin-bottom:20px}.product-grid{gap:20px}.product-card h3{font-size:15px}.full-invoice-list>button{padding:15px 9px}.full-invoice-item{padding:14px 10px}}.sort-head{border:0;background:transparent;color:inherit;padding:0;display:inline-flex;align-items:center;gap:6px;font-size:inherit;white-space:nowrap}.sort-head span{color:#a5b0ab;font-size:9px;line-height:1}.sort-head.active{color:#146c54;font-weight:800}.sort-head.active span{color:#146c54}.invoice-filters{align-items:center;flex-wrap:wrap}.invoice-filters .branch-filter{width:250px;background:#fff}.branch-filter select{width:100%;border:0;background:transparent;outline:0;color:#344a41}.filter-count{margin-right:auto;color:#718079;font-size:11px}.invoice-phone{display:block;color:#8a9791;font-size:9px;margin-top:4px;text-align:right}.branch-menu{position:relative}.branch-menu>button{min-width:250px;justify-content:flex-start}.branch-menu>button svg:last-child{margin-right:auto;transform:rotate(-90deg)}.branch-menu>button.selected{border-color:#82ad9e;color:#146c54;background:#f3f8f6}.branch-options{position:absolute;z-index:25;top:47px;right:0;width:290px;max-height:330px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px;box-shadow:0 16px 45px #173b3022}.branch-options button{display:block;width:100%;height:auto;text-align:right;padding:9px 11px;border:0;background:transparent;border-radius:8px;color:#40534b}.branch-options button:hover,.branch-options button.active{background:#e8f3ee;color:#146c54;font-weight:700}.purchase-history h3{display:flex;justify-content:space-between;align-items:center}.purchase-history h3 small{font-size:9px;color:var(--muted);font-weight:500}.customer-invoice{border-top:1px solid #edf1ef}.customer-invoice>button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:12px 0;text-align:right;color:#243b32}.customer-invoice>button>svg:first-child{color:#28765d;flex:none}.customer-invoice>button span{flex:1;min-width:0}.customer-invoice>button span strong,.customer-invoice>button span small{display:block}.customer-invoice>button span strong{font-size:11px}.customer-invoice>button span small{font-size:9px;color:var(--muted);margin-top:4px}.customer-invoice>button b{font-size:10px;white-space:nowrap}.customer-invoice>button>svg:last-child{width:16px;transition:.2s}.customer-invoice>button>svg.open{transform:rotate(-90deg)}.invoice-items{background:#f6f9f7;border-radius:10px;padding:8px;margin-bottom:10px;overflow-x:auto}.item-head,.invoice-item{display:grid;grid-template-columns:minmax(150px,2fr) 45px 80px 85px;gap:7px;align-items:center;min-width:390px}.item-head{font-size:8px;color:var(--muted);padding:5px}.invoice-item{border-top:1px solid #e3ebe7;padding:8px 5px}.invoice-item span strong,.invoice-item span small{display:block}.invoice-item span strong{font-size:9px}.invoice-item span small{font-size:8px;color:var(--muted);margin-top:3px}.invoice-item b{font-size:9px}.items-loading,.empty-purchases{text-align:center;color:var(--muted);font-size:10px;padding:18px}.items-loading svg{width:14px;vertical-align:middle}.customer-profile-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:16px}.customer-profile-toolbar div{flex:1}.customer-profile-toolbar h2{margin:0 0 4px;font-size:18px}.customer-profile-toolbar p{margin:0;color:var(--muted);font-size:10px}.customer-profile-hero{display:flex;align-items:center;gap:15px;padding:17px}.profile-identity{flex:1}.profile-identity h2{margin:0 0 6px}.profile-identity p{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;margin:0 0 9px}.profile-identity p svg{width:14px}.profile-actions{display:flex;gap:8px}.profile-actions a,.profile-actions button{height:38px;border:1px solid var(--line);background:#fff;color:#176d55;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:6px;text-decoration:none;font-size:10px}.profile-actions svg{width:16px}.profile-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.profile-summary-grid>div{background:#153c31;color:#fff;border-radius:13px;padding:15px}.profile-summary-grid span,.profile-summary-grid strong{display:block}.profile-summary-grid span{font-size:9px;color:#a9c2b9}.profile-summary-grid strong{font-size:16px;margin-top:7px}.customer-purchase-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;direction:rtl}.customer-invoices-panel,.selected-invoice-panel{min-height:460px}.full-invoice-list{max-height:570px;overflow-y:auto}.full-invoice-list>button{width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:12px 7px;display:flex;align-items:center;gap:8px;text-align:right;color:#31473e}.full-invoice-list>button.active{background:#e9f4ef;border-radius:9px;color:#146c54}.full-invoice-list>button>svg:first-child{width:18px;flex:none}.full-invoice-list>button span{flex:1}.full-invoice-list>button span strong,.full-invoice-list>button span small{display:block}.full-invoice-list>button span strong{font-size:10px}.full-invoice-list>button span small{font-size:8px;color:var(--muted);margin-top:4px}.full-invoice-list>button b{font-size:9px;white-space:nowrap}.full-invoice-list>button>svg:last-child{width:14px}.selected-invoice-panel>.panel-head>strong{color:#176d55}.full-items-table{overflow-x:auto}.full-item-head,.full-invoice-item{display:grid;grid-template-columns:minmax(190px,2fr) 75px 75px 55px 50px 80px 85px;gap:8px;align-items:center;min-width:720px}.full-item-head{padding:9px;color:var(--muted);font-size:9px}.full-invoice-item{padding:11px 9px;border-top:1px solid var(--line)}.full-invoice-item span strong,.full-invoice-item span small{display:block}.full-invoice-item span strong{font-size:10px}.full-invoice-item span small{font-size:8px;color:var(--muted);margin-top:4px}.full-invoice-item b{font-size:9px}.customer-preferences{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.preference-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.preference-card h3{font-size:12px;margin:0 0 12px}.preference-card>p{color:var(--muted);font-size:10px}.preference-row{display:grid;grid-template-columns:75px 1fr 48px;align-items:center;gap:6px;margin:9px 0}.preference-row span,.preference-row b{font-size:8px}.preference-row b{text-align:left}.preference-row>div{height:6px;background:#edf2ef;border-radius:6px;overflow:hidden}.preference-row i{display:block;height:100%;background:#208064;border-radius:6px}@media(max-width:1050px){.customer-purchase-workspace{grid-template-columns:300px minmax(0,1fr)}.customer-preferences{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.customer-profile-toolbar{align-items:flex-start}.customer-profile-toolbar .secondary{font-size:0;width:42px;padding:0}.customer-profile-hero{flex-wrap:wrap}.profile-actions{width:100%}.profile-actions>*{flex:1;justify-content:center}.profile-summary-grid{grid-template-columns:repeat(2,1fr)}.customer-purchase-workspace{grid-template-columns:1fr}.customer-invoices-panel,.selected-invoice-panel{min-height:auto}.full-invoice-list{max-height:330px}.customer-preferences{grid-template-columns:1fr}}.full-item-head.price-columns,.full-invoice-item.price-columns{grid-template-columns:minmax(190px,2fr) 70px 70px 48px 42px 78px 78px 78px 52px 88px;min-width:940px}.invoice-price-summary{text-align:left}.invoice-price-summary strong,.invoice-price-summary small{display:block}.invoice-price-summary small{font-size:8px;color:#98702f;margin-top:5px}.price-badge{font-size:8px;padding:4px 6px;border-radius:9px;text-align:center;white-space:nowrap}.price-badge.card{background:#e5f2ec;color:#197158}.price-badge.period{background:#e7eef8;color:#3e6d9b}.price-badge.discount{background:#f7e8d5;color:#9b6924}.seller-tabs{display:flex;align-items:center;gap:7px;margin-bottom:18px}.seller-tabs>button{border:1px solid var(--line);background:#fff;color:#53665e;border-radius:9px;padding:9px 13px}.seller-tabs>button.active{background:#e5f2ec;color:#146c54;border-color:#c7e0d5;font-weight:700}.seller-tabs .seller-refresh{margin-right:auto;display:flex;align-items:center;gap:6px}.seller-tabs svg{width:15px}.seller-name{display:flex;align-items:center;gap:9px;min-width:190px}.seller-name span,.seller-name strong,.seller-name small{display:block}.seller-name small{color:var(--muted);font-size:9px;margin-top:3px}.seller-type{display:inline-block;border-radius:10px;padding:5px 9px;font-size:10px}.seller-type.branch{background:#e4f2eb;color:#147052}.seller-type.online{background:#eee8f7;color:#79599b}.sellers-table td{white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#071a1599;z-index:90;display:grid;place-items:center;padding:20px}.seller-form{width:min(480px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 25px 70px #0004}.form-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.form-title h2{font-size:18px;margin:0 0 5px}.form-title p{font-size:10px;color:var(--muted);margin:0}.form-title>button{border:0;background:#f0f4f2;width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.seller-form>label{display:block;font-size:11px;font-weight:700;margin:12px 0}.seller-form>label input{display:block;width:100%;height:44px;background:#f7f9f8;border:1px solid var(--line);border-radius:9px;margin-top:6px;padding:0 11px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:760px){.seller-tabs{overflow-x:auto}.seller-tabs>button{white-space:nowrap}.seller-tabs .seller-refresh{margin-right:0}.seller-form{padding:18px}.sellers-panel{padding:10px}}.seller-invoice-card{border:1px solid var(--line);border-radius:13px;margin-bottom:13px;overflow:hidden}.seller-invoice-card header{height:auto;position:static;padding:14px 16px;background:#f6f9f7;display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:15px}.seller-invoice-card header div:last-child{text-align:left}.seller-invoice-card header strong,.seller-invoice-card header span{display:block}.seller-invoice-card header strong{font-size:13px}.seller-invoice-card header span{font-size:10px;color:var(--muted);margin-top:4px}.seller-lines{padding:5px 15px}.seller-lines>div{display:grid;grid-template-columns:minmax(260px,2fr) 85px 100px 110px;gap:10px;align-items:center;padding:11px 4px;border-top:1px solid var(--line)}.seller-lines>div:first-child{border-top:0}.seller-lines span strong,.seller-lines span small{display:block}.seller-lines span strong{font-size:12px}.seller-lines span small{font-size:9px;color:var(--muted);margin-top:3px}.seller-lines b,.seller-lines>div>strong{font-size:11px}.seller-detail-panel{padding-top:16px}@media(max-width:760px){.seller-invoice-card header{grid-template-columns:1fr 1fr}.seller-invoice-card header div:last-child{grid-column:1/-1;text-align:right}.seller-lines{overflow-x:auto}.seller-lines>div{min-width:650px;grid-template-columns:minmax(250px,2fr) 75px 100px 110px}}.seller-period{display:flex;align-items:center;gap:7px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:9px;width:max-content}.seller-period span{color:var(--muted);font-size:12px;padding:0 6px}.seller-period button{border:0;background:transparent;color:#53665e;border-radius:9px;padding:9px 15px}.seller-period button.active{background:#146c54;color:#fff;font-weight:700;box-shadow:0 4px 12px #146c5433}@media(max-width:760px){.seller-period{width:100%}.seller-period button{flex:1;padding:9px 7px}}body{font-size:16px}@media(min-width:761px){.content{max-width:1700px;padding:34px 38px 65px}.page-heading h1{font-size:23px}.page-heading span{font-size:12px}.sidebar nav button,.sidebar-bottom>button{font-size:16px}.page-toolbar h2,.panel-head h2{font-size:19px}.page-toolbar p,.panel-head p{font-size:13px}.kpi-label{font-size:14px}.kpi-trend{font-size:12px}th{font-size:13px}td{font-size:14px}.sort-head{font-size:13px}.seller-name small,.seller-type{font-size:11px}.global-search,.table-tools label{font-size:14px}}@media(max-width:760px){body{font-size:16px}.page-toolbar p,.panel-head p{font-size:12px}td{font-size:13px}.seller-invoice-card header strong{font-size:14px}.seller-invoice-card header span{font-size:11px}}.customer-portal-page{margin:0;width:100%;min-height:100dvh;background:linear-gradient(160deg,#eef6f2 0,#f8faf9 48%,#f4eee3);padding:18px 14px 45px;color:#173b30;font-family:inherit}.customer-portal-shell{width:min(540px,100%);margin:auto}.portal-brand{position:static;height:auto;background:transparent;padding:6px 3px 20px;display:flex;align-items:center;gap:11px;border:0}.portal-logo{width:48px;height:48px;border-radius:15px;background:#123d31;color:#d5ad58;display:grid;place-items:center;font-family:serif;font-weight:800;font-size:27px;box-shadow:0 8px 22px #153c3128}.portal-brand strong,.portal-brand span{display:block;letter-spacing:2px}.portal-brand strong{font-size:15px}.portal-brand span{font-size:11px;color:#718079;letter-spacing:0;margin-top:2px}.portal-welcome{background:#143f32;color:#fff;border-radius:22px;padding:22px 19px;display:flex;gap:15px;align-items:center;box-shadow:0 16px 45px #143f3224}.portal-avatar{width:56px;height:56px;flex:none;border-radius:18px;background:#ffffff18;display:grid;place-items:center}.portal-avatar svg{width:29px;height:29px;color:#e0bd70}.portal-welcome span{font-size:12px;color:#b8cec6}.portal-welcome h1{font-size:25px;margin:3px 0 5px}.portal-welcome p{margin:0;color:#d4e1dc;font-size:12px;line-height:1.7}.portal-form>section{background:#fff;border:1px solid #dfe8e4;border-radius:18px;padding:20px 17px;margin-top:14px;box-shadow:0 6px 24px #173b3009}.portal-form section>h2{font-size:17px;margin:0 0 5px}.portal-form section>p{font-size:12px;color:#73847c;margin:0 0 17px;line-height:1.7}.portal-form label{display:block;font-size:12px;font-weight:750;color:#344c42;margin:13px 0}.portal-form input,.portal-form textarea{display:block;width:100%;border:1px solid #dbe5e1;background:#f8faf9;border-radius:11px;margin-top:7px;padding:0 13px;outline:0;color:#183d32;font:inherit;font-size:14px;transition:.2s}.portal-form input{height:49px}.portal-form textarea{min-height:92px;padding-top:12px;resize:vertical}.portal-form input:focus,.portal-form textarea:focus{border-color:#267b61;box-shadow:0 0 0 3px #24765c18;background:#fff}.portal-form .readonly{color:#7c8b85;background:#f0f3f2;text-align:right}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.portal-grid label{margin-bottom:0}.portal-form .portal-consent{display:grid;grid-template-columns:46px 1fr 48px;gap:12px;align-items:start}.portal-consent .consent-icon{width:44px;height:44px;border-radius:13px;background:#e2f1eb;color:#167357;display:grid;place-items:center}.portal-consent .consent-icon svg{width:22px}.portal-consent h2{font-size:16px;margin:2px 0 5px}.portal-consent div>p{margin:0;font-size:11px;line-height:1.75}.portal-consent button{border:0;width:46px;height:27px;border-radius:20px;background:#cbd5d1;padding:3px;direction:ltr;transition:.2s}.portal-consent button i{display:block;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0002;transition:.2s}.portal-consent button.on{background:#167357}.portal-consent button.on i{transform:translate(19px)}.portal-save{width:100%;height:53px;border:0;border-radius:14px;background:#167357;color:#fff;font:inherit;font-size:15px;font-weight:800;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 10px 24px #1673572b}.portal-save:disabled{opacity:.65}.portal-save svg{width:20px}.portal-privacy{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;color:#74837d;font-size:10px;line-height:1.6;margin:15px 8px}.portal-privacy svg{width:16px;flex:none}.portal-alert{border-radius:13px;padding:12px 14px;margin-top:13px;display:flex;align-items:center;gap:8px;font-size:12px}.portal-alert svg{width:18px}.portal-alert.success{background:#dff1e9;color:#116b50}.portal-alert.error{background:#f7e4df;color:#a14a38}.portal-state{min-height:370px;background:#fff;border:1px solid #dfe8e4;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#60746b;padding:30px}.portal-state svg{width:35px;height:35px;color:#187458}.portal-state.error svg{color:#b75d46}.portal-state h2{color:#273f36}.spin{animation:portal-spin 1s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}@media(max-width:420px){.portal-grid{grid-template-columns:1fr}.portal-grid label{margin:10px 0 0}.portal-form .portal-consent{grid-template-columns:42px 1fr}.portal-consent button{grid-column:1/-1;width:100%;height:39px;padding:6px}.portal-consent button i{width:27px;height:27px}.portal-consent button.on i{transform:translate(calc(100vw - 103px))}}.shop-meta{background:#f8faf9;border:1px solid #eef2f0;border-radius:10px;padding:7px 9px}.shop-card h3{cursor:pointer}.shop-card-actions{display:grid;grid-template-columns:1fr 95px;gap:7px;margin-top:11px}.shop-card-actions button{height:38px;border-radius:11px;font-size:12px}.shop-card-actions svg{width:15px}.favorite-btn{border:1px solid #f0c9d0;background:#fff;color:#d7172d;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px}.favorite-btn.active{background:#ffe8ec}.favorite-btn.active svg{fill:#d7172d}.variant-list button{grid-template-columns:54px 1fr 95px 120px 86px}.variant-list i{font-style:normal;background:#d7172d;color:#fff;border-radius:10px;height:34px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px}.variant-list i svg{width:14px}@media(max-width:560px){.shop-card-actions{grid-template-columns:1fr}.variant-list b,.variant-list em,.variant-list i{grid-column:2}}.magilla-shop{width:min(480px,100%);margin:0 auto;box-shadow:0 0 0 1px #e7ece9;background:#f5f6f5}.magilla-shop .shop-header{width:min(480px,100%);left:50%;right:auto;transform:translate(-50%);grid-template-columns:72px 1fr 72px;padding:0 8px}.magilla-shop .shop-header .secondary{font-size:11px;padding:0 10px}.magilla-shop .shop-logo{font-size:17px;letter-spacing:4px}.magilla-shop .shop-hero,.magilla-shop .shop-filters,.magilla-shop .shop-layout{width:calc(100% - 20px)}.magilla-shop .shop-hero{padding:20px 16px;border-radius:20px}.magilla-shop .shop-hero h1{font-size:22px}.magilla-shop .shop-filters{grid-template-columns:1fr}.magilla-shop .shop-layout{display:flex;flex-direction:column}.magilla-shop .shop-grid{grid-template-columns:1fr;order:1}.magilla-shop .shop-cart{order:2;position:static}.magilla-shop .shop-card img{height:290px}.magilla-shop .shop-card-actions{grid-template-columns:1fr}.magilla-shop .variant-list button{grid-template-columns:48px 1fr}.magilla-shop .variant-list b,.magilla-shop .variant-list em,.magilla-shop .variant-list i{grid-column:2}.magilla-shop .cart-row{grid-template-columns:52px 1fr 66px}.shop-login{min-height:100dvh;display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#b80f25,#7e0717);color:#1c2520}.shop-login-card{width:min(430px,100%);background:#fff;border-radius:26px;padding:28px;box-shadow:0 28px 80px #2b000055;direction:rtl}.shop-logo{font-weight:900;letter-spacing:7px;color:#d7172d;font-size:22px}.shop-login-card h1{font-size:24px;margin:24px 0 6px}.shop-login-card p{color:#718079;margin:0 0 22px}.shop-login-card label,.shop-cart label{display:block;font-size:12px;font-weight:800;margin:13px 0}.shop-login-card input,.shop-cart input,.shop-cart textarea{display:block;width:100%;border:1px solid #dfe8e4;background:#f8faf9;border-radius:12px;height:48px;margin-top:7px;padding:0 13px}.shop-cart textarea{height:78px;padding-top:11px;resize:vertical}.magilla-shop{min-height:100dvh;background:#f5f6f5;color:#17251f;padding-bottom:34px}.shop-header{height:76px;background:#fff;border-bottom:1px solid #e2e8e5;display:grid;grid-template-columns:90px 1fr 90px;align-items:center;padding:0 16px;position:sticky;top:0;z-index:10}.shop-header .shop-logo{text-align:center}.cart-pill{height:42px;border:1px solid #e3eae6;background:#fff;border-radius:18px;color:#d7172d;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.cart-pill svg{width:18px}.shop-hero{margin:16px auto;padding:23px 18px;width:min(1180px,calc(100% - 24px));border-radius:24px;background:linear-gradient(135deg,#d7172d,#9e0e20);color:#fff}.shop-hero h1{margin:0 0 7px;font-size:28px}.shop-hero p{margin:0;color:#ffdfe4}.shop-filters{width:min(1180px,calc(100% - 24px));margin:0 auto 16px;display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:8px}.shop-filters label,.shop-filters select{height:45px;border:1px solid #dfe8e4;background:#fff;border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 12px}.shop-filters select{outline:0;color:#293d35}.shop-filters svg{width:18px;color:#7a8982}.shop-alert{width:min(1180px,calc(100% - 24px));margin:0 auto 14px;background:#fae7e4;color:#9f4d3b;border-radius:12px;padding:12px 14px;display:flex;gap:8px}.shop-layout{width:min(1180px,calc(100% - 24px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.shop-card{background:#fff;border:1px solid #e3eae6;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 8px 24px #17251f0a}.shop-card img{width:100%;height:230px;object-fit:cover;background:#f0f2f1}.shop-card>div{padding:14px}.shop-card small,.shop-card p{color:#718079;font-size:11px}.shop-card h3{font-size:15px;margin:5px 0 7px;min-height:38px}.shop-card b{display:block;color:#d7172d;margin-bottom:9px}.shop-stock{display:inline-block;background:#e6f3ed;color:#167357;border-radius:13px;padding:5px 9px;font-size:11px}.shop-cart{position:sticky;top:92px;background:#fff;border:1px solid #e3eae6;border-radius:20px;padding:18px;box-shadow:0 10px 30px #17251f10}.shop-cart h2{margin:0 0 12px}.cart-row{display:grid;grid-template-columns:58px 1fr 72px;gap:9px;align-items:center;border-top:1px solid #edf1ef;padding:10px 0}.cart-row img{width:58px;height:58px;border-radius:12px;object-fit:cover;background:#f0f2f1}.cart-row strong,.cart-row small,.cart-row b{display:block}.cart-row small{color:#718079;font-size:9px;margin:3px 0}.cart-row b{font-size:11px;color:#d7172d}.cart-row>div:last-child{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;align-items:center}.cart-row>div:last-child button{border:1px solid #e3eae6;background:#fff;border-radius:8px;height:26px}.cart-row>div:last-child button:last-child{grid-column:1/-1;color:#9d4a39}.cart-row span{text-align:center;font-weight:800}.cart-total{border-top:1px solid #e3eae6;margin:15px 0;padding-top:13px;display:flex;align-items:center;justify-content:space-between}.cart-total strong{color:#d7172d}.shop-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1511aa;z-index:80;display:grid;place-items:center;padding:18px}.shop-modal section{width:min(620px,100%);max-height:86dvh;overflow:auto;background:#fff;border-radius:22px;padding:22px;position:relative}.modal-close{position:absolute;left:14px;top:14px;width:36px;height:36px;border:0;border-radius:10px;background:#f1f4f2}.variant-list{display:grid;gap:8px;margin-top:15px}.variant-list button{border:1px solid #e3eae6;background:#fff;border-radius:14px;padding:9px;display:grid;grid-template-columns:54px 1fr 70px 95px;gap:9px;align-items:center;text-align:right}.variant-list button:disabled{opacity:.45}.variant-list img{width:54px;height:54px;object-fit:cover;border-radius:11px;background:#f0f2f1}.variant-list span strong,.variant-list span small{display:block}.variant-list span small{color:#718079;font-size:10px;margin-top:3px}.variant-list b{color:#167357}.variant-list em{font-style:normal;color:#d7172d;font-weight:800;font-size:11px}@media(max-width:1050px){.shop-layout{grid-template-columns:1fr}.shop-cart{position:static}.shop-grid{grid-template-columns:repeat(2,1fr)}.shop-filters{grid-template-columns:1fr 1fr}.shop-filters label{grid-column:1/-1}}@media(max-width:560px){.shop-header{grid-template-columns:72px 1fr 72px;padding:0 8px}.shop-header .secondary{font-size:11px;padding:0 10px}.shop-logo{font-size:17px;letter-spacing:4px}.shop-hero h1{font-size:22px}.shop-grid{grid-template-columns:1fr}.shop-card img{height:290px}.shop-filters{grid-template-columns:1fr}.variant-list button{grid-template-columns:48px 1fr}.variant-list b,.variant-list em{grid-column:2}.cart-row{grid-template-columns:52px 1fr 66px}}.shopping-experience{max-width:480px;min-height:100dvh;background:linear-gradient(180deg,#fff 0,#f7f3f1 42%,#f5f6f5);overflow-x:hidden}.shopping-experience .experience-header{height:68px;border-bottom:0;box-shadow:0 10px 28px #1d15120c;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;display:flex!important;align-items:center;justify-content:center;padding:0 14px!important}.shopping-experience .experience-header{width:100%!important;left:auto!important;right:auto!important;transform:none!important}.shopping-experience .experience-header .shop-logo{letter-spacing:7px;font-size:18px;color:#d7172d;text-align:center;white-space:nowrap;max-width:190px;overflow:visible}.shopping-experience .experience-header .shop-logo img{display:block;height:30px;width:auto;max-width:150px;object-fit:contain}.shopping-experience .experience-header .secondary,.shopping-experience .cart-pill{border-radius:999px;height:38px;background:#fff;border:1px solid #efe1df;color:#c51127;box-shadow:0 8px 20px #65101a10}.shopping-experience .ghost-menu{color:#111!important;border-color:transparent!important;box-shadow:none!important}.shopping-experience .top-cart{position:absolute;right:14px;top:15px;min-width:74px}.shopping-experience .header-spacer{position:absolute;left:14px;width:74px;height:38px}.experience-hero{margin:12px auto 10px!important;padding:22px 18px 24px!important;border-radius:28px!important;background:radial-gradient(circle at 12% 8%,#ff6b7c 0,#d7172d 34%,#9e0e20)!important;box-shadow:0 18px 35px #d7172d25;position:relative;overflow:hidden}.experience-hero:after{content:"";position:absolute;left:-42px;bottom:-54px;width:150px;height:150px;border-radius:50%;background:#fff2}.experience-hero span{display:inline-flex;background:#fff;color:#c51127;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900;margin-bottom:12px}.experience-hero h1{font-size:22px!important;line-height:1.35;margin-bottom:8px!important}.experience-hero p{font-size:12px;line-height:1.8}.floating-filter-strip{width:calc(100% - 20px);margin:0 auto 9px;display:flex;gap:8px;overflow-x:auto;padding:13px 2px 11px;scrollbar-width:none;position:sticky;z-index:8;background:#fff}.floating-filter-strip::-webkit-scrollbar{display:none}.gender-strip{top:68px}.type-strip{top:121px}.single-filter-strip{top:68px;border-bottom:0}.floating-filter-strip button{flex:0 0 auto;border:0;background:transparent;height:38px;border-radius:0;padding:0 14px;color:#151515;font-weight:900;box-shadow:none;white-space:nowrap;letter-spacing:.2px}.floating-filter-strip button.active{background:transparent;color:#d7172d;border:0;box-shadow:none}.floating-filter-strip .back-chip{font-size:28px;line-height:1;padding:0 8px;color:#111}.experience-search{grid-template-columns:1fr 86px!important;margin-bottom:10px!important}.experience-search label{border-radius:999px!important;background:#fff!important;box-shadow:0 9px 18px #1d15120a}.experience-search button{border-radius:999px}.experience-layout{width:calc(100% - 20px)!important;display:block!important;margin-bottom:95px!important}.experience-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;order:unset!important}.experience-card{border:0;border-radius:22px;background:#fff;box-shadow:0 14px 34px #1d151212;overflow:hidden;position:relative}.experience-card img{display:block!important;height:178px!important;object-fit:cover;background:#f1eeee}.experience-card img.missing-image,.product-gallery img.missing-image{opacity:0}.experience-card:has(img.missing-image){background:linear-gradient(135deg,#f4f1f1,#fff)}.experience-card>div{padding:10px!important}.experience-card small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.experience-card h3{font-size:12px!important;min-height:34px!important;line-height:1.45;margin:4px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.experience-card p{display:none}.experience-card .shop-meta{display:block;font-size:9px;padding:6px;margin:5px 0;border-radius:9px;line-height:1.5}.experience-card b{font-size:12px;margin:6px 0 5px!important}.experience-card .shop-stock{font-size:9px;padding:4px 7px;background:#ecf7f0;color:#117a58}.experience-card .shop-card-actions{display:grid!important;grid-template-columns:1fr 38px!important;gap:6px!important;margin-top:8px!important}.experience-card .shop-card-actions button{height:34px!important;border-radius:13px!important;font-size:0!important;padding:0!important}.experience-card .shop-card-actions button.primary{font-size:11px!important}.experience-card .favorite-btn{font-size:0!important}.experience-card .favorite-btn svg{width:17px!important}.shop-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:14px 0 2px}.shop-pager button{height:42px;border:0;border-radius:999px;background:#17251f;color:#fff;font-weight:900}.shop-pager button:disabled{background:#d7ddda;color:#87928d}.shop-pager span{text-align:center;font-weight:900;color:#d7172d}.shopping-experience .shop-cart{position:fixed!important;left:50%;right:auto;bottom:0;top:auto;transform:translate(-50%,110%);width:min(480px,100%);max-height:86dvh;overflow:auto;border-radius:26px 26px 0 0;border:0;z-index:70;padding:22px 18px 26px;box-shadow:0 -22px 60px #0b151140;transition:.28s ease}.shopping-experience.cart-is-open:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0b151180;z-index:60}.shopping-experience.cart-is-open .shop-cart{transform:translate(-50%)}.shopping-experience .cart-close{display:grid!important}.shopping-experience .shop-cart h2{text-align:center;font-size:22px;margin-bottom:16px}.shopping-experience .variant-list button{grid-template-columns:72px 1fr!important;align-items:start}.shopping-experience .variant-list img{width:72px;height:92px}.shopping-experience .variant-list b,.shopping-experience .variant-list em,.shopping-experience .variant-list i{grid-column:2!important}.shopping-experience .variant-list i{height:38px}.shopping-experience .variant-list button.sold-out{position:relative;background:#f4f1f1!important;border-color:#ead1d1!important;opacity:1!important;color:#8e8e8e}.shopping-experience .variant-list button.sold-out:after{content:"X";position:absolute;inset:9px auto auto 9px;width:34px;height:34px;border-radius:50%;background:#d7172d;color:#fff;display:grid;place-items:center;font-weight:1000;font-size:18px;box-shadow:0 8px 18px #d7172d44}.shopping-experience .variant-list button.sold-out img{filter:grayscale(1);opacity:.55}.shopping-experience .variant-list button.sold-out strong,.shopping-experience .variant-list button.sold-out small{text-decoration:line-through}.shopping-experience .variant-list button.sold-out i{background:#8e8e8e}.shop-modal section{border-radius:28px!important}.fashion-product-modal{align-items:end!important;place-items:end center!important;padding:0!important;background:#0008!important}.fashion-product-modal section{width:min(480px,100%)!important;max-height:88dvh!important;border-radius:28px 28px 0 0!important;padding:28px 22px 104px!important}.fashion-product-modal h2{font-size:15px;text-transform:uppercase;letter-spacing:.3px;margin:38px 48px 14px 0;color:#111;text-align:center;line-height:1.6}.fashion-product-modal .fashion-close{left:22px;top:26px;background:transparent;width:48px;height:48px}.fashion-product-modal .fashion-close svg{width:38px;height:38px;stroke-width:1.2;color:#111}.product-sticky-title{position:sticky;top:-28px;z-index:4;margin:-28px -22px 18px;padding:14px 22px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #eee;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;opacity:.98}.product-sticky-title strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111}.product-sticky-title span{font-size:12px;font-weight:900;color:#111;white-space:nowrap}.product-gallery{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -22px 18px;padding:0 22px;scrollbar-width:none}.product-gallery::-webkit-scrollbar{display:none}.product-gallery img{flex:0 0 74%;height:330px;object-fit:cover;background:#f3f3f3;scroll-snap-align:start}.fashion-price{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 18px;color:#111}.fashion-price strong{font-size:18px}.fashion-price span{font-size:11px;color:#777}.color-dots{display:flex;gap:14px;margin:0 0 24px}.color-dots button{width:46px;height:46px;border-radius:50%;border:2px solid #111;background:#f1f1f1;font-size:10px;font-weight:900;color:#111;position:relative}.color-dots button.active{outline:3px solid #111;outline-offset:4px}.color-dots button:nth-child(3n+1){background:#cddbea}.color-dots button:nth-child(3n+2){background:#f06bb5}.color-dots button:nth-child(3n){background:#111;color:#fff}.color-text-chips{gap:9px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 8px}.color-text-chips::-webkit-scrollbar{display:none}.color-text-chips button{width:auto!important;min-width:58px;height:40px!important;border-radius:999px!important;padding:0 14px!important;background:#fff!important;color:#111!important;font-size:12px!important}.color-text-chips button.active{background:#111!important;color:#fff!important;outline:0!important}.color-text-chips button:nth-child(n){background:#fff;color:#111}.color-dots button.sold-out:after,.size-pills button.sold-out:after{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:#d7172d;transform:rotate(-28deg)}.fashion-product-modal h3{font-size:13px;margin:0 0 14px;color:#111;letter-spacing:.3px}.size-pills{display:flex;gap:18px;overflow-x:auto;margin-bottom:28px;scrollbar-width:none}.size-pills::-webkit-scrollbar{display:none}.size-pills button{flex:0 0 auto;width:48px;height:48px;border-radius:50%;border:1.5px solid #111;background:#fff;color:#111;font-weight:900;position:relative}.size-pills button:not(.sold-out):focus,.size-pills button:not(.sold-out):active,.size-pills button.active{background:#111;color:#fff}.size-pills button.sold-out{border-color:#bbb;color:#aaa;background:#f3f3f3}.fashion-add{position:sticky!important;bottom:-82px;z-index:5;height:58px!important;border-radius:0!important;background:#fff!important;border:1.5px solid #111!important;color:#111!important;box-shadow:0 -14px 28px #fff!important;font-weight:1000!important;letter-spacing:.3px}.add-confirmation{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(448px,calc(100% - 28px));z-index:120;background:#111;color:#fff;border-radius:22px;padding:15px;box-shadow:0 18px 50px #0005;display:grid;grid-template-columns:1fr 120px;gap:9px;align-items:center}.add-confirmation div{grid-column:1/-1}.add-confirmation strong,.add-confirmation span{display:block}.add-confirmation strong{font-size:15px}.add-confirmation span{font-size:11px;color:#ddd;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-confirmation button{height:42px;border-radius:999px;border:1px solid #fff;background:#fff;color:#111;font-weight:900}.add-confirmation button:first-of-type{background:transparent;color:#fff}