.cart-badge{position:relative;display:inline-grid;place-items:center;inline-size:38px;block-size:38px;border-radius:var(--radius-m);color:var(--text);transition:background .15s ease,color .15s ease}.cart-badge:hover{background:var(--surface-2);color:var(--brand)}.cart-badge:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cart-badge svg{inline-size:20px;block-size:20px;display:block}.cart-badge-count{position:absolute;inset-block-start:2px;inset-inline-end:0;min-inline-size:17px;padding-inline:4px;border-radius:999px;background:var(--brand);color:var(--brand-contrast);font-size:10px;font-weight:700;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}.add-cart-wrap{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.add-cart-ok{color:var(--brand);font-size:13px;font-weight:600}.add-cart-err{color:var(--danger);font-size:13px}.shell{display:flex;flex-direction:column;min-height:100vh}.header{position:sticky;inset-block-start:0;z-index:20;background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--border)}.header-row{display:flex;align-items:center;justify-content:space-between;block-size:var(--header-h)}.header-nav{display:flex;align-items:center;gap:8px}.logo-mark{block-size:34px;inline-size:auto;display:block}.logo-full{inline-size:96px;block-size:auto;display:block;margin-inline:auto}.main{flex:1;padding-block:24px 48px}.footer{border-block-start:1px solid var(--border);padding-block:20px}.auth-wrap{display:grid;place-items:center;padding-block:40px}.auth-card{inline-size:min(440px,92vw);padding:32px}.auth-card h1{margin:0 0 4px;font-size:24px}.auth-card .sub{color:var(--text-2);margin-block-end:22px}.auth-alt{text-align:center;margin-block-start:18px;font-size:14px;color:var(--text-2)}.auth-alt a{color:var(--brand);font-weight:600}.otp-input{letter-spacing:8px;font-size:22px;text-align:center;font-variant-numeric:tabular-nums}.steps{display:flex;gap:6px;margin-block-end:20px}.steps span{flex:1;block-size:4px;border-radius:2px;background:var(--surface-2)}.steps span.on{background:var(--brand)}.pw-rules{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px;grid-template-columns:1fr 1fr;font-size:12px;color:var(--text-3)}.pw-rules li{display:flex;align-items:center;gap:6px}.pw-rules li.ok{color:var(--ok)}.pw-mark{inline-size:12px;font-weight:700}.theme-slider{display:inline-flex;align-items:center;gap:7px;padding:0;background:none;border:0;cursor:pointer;border-radius:999px}.theme-slider:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.theme-track{position:relative;display:inline-flex;align-items:center;justify-content:space-between;inline-size:54px;block-size:28px;padding-inline:7px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);transition:background .28s ease,border-color .28s ease}.theme-slider.is-dark .theme-track{background:color-mix(in srgb,#3D4C6E 30%,var(--surface-2));border-color:color-mix(in srgb,#6E82AD 34%,var(--border))}.theme-ico{display:grid;place-items:center;inline-size:13px;block-size:13px;z-index:1}.theme-ico svg{inline-size:13px;block-size:13px;display:block}.theme-sun,.theme-moon{color:var(--text-3);transition:color .28s ease,opacity .28s ease,filter .28s ease}.theme-slider:not(.is-dark) .theme-sun{color:#e8a317}.theme-slider:not(.is-dark) .theme-moon{opacity:.34}.theme-slider.is-dark .theme-moon{color:#e6edff;filter:drop-shadow(0 0 3px rgb(198 214 255 / .55))}.theme-slider.is-dark .theme-sun{opacity:.32}.theme-knob{position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:22px;block-size:22px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #00000047;transition:inset-inline-start .28s cubic-bezier(.34,1.35,.64,1),background .28s ease}.theme-slider.is-dark .theme-knob{inset-inline-start:28px;background:color-mix(in srgb,#E6EDFF 12%,var(--surface))}.theme-auto{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}@media(prefers-reduced-motion:reduce){.theme-track,.theme-knob,.theme-ico{transition-duration:.01ms}}.account h1{margin-block:8px 20px}.account-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.account-head h1{margin-block-end:0}.account-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.panel{padding:24px}.panel h2{margin-block:0 16px;font-size:18px}.panel h3{margin-block:16px 8px;font-size:14px;color:var(--text-2)}.points-big{font-size:30px;font-weight:700;color:var(--brand);line-height:1.1}.kv-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-block:7px;font-size:14px;border-block-start:1px solid var(--border)}.kv-row:first-of-type{border-block-start:0}.kv-v{font-weight:600}.consent-row{display:flex;align-items:center;gap:8px;padding-block:5px;font-size:14px}.pet-row{display:flex;align-items:center;gap:12px;padding-block:10px;border-block-end:1px solid var(--border)}.pet-icon{font-size:28px}.pet-info{flex:1;display:flex;flex-direction:column}.pet-actions{display:flex;gap:6px}.pet-form{margin-block-start:14px;padding-block-start:14px;border-block-start:1px dashed var(--border)}.addr-row{display:flex;align-items:flex-start;gap:12px;padding-block:12px;border-block-end:1px solid var(--border)}.addr-info{flex:1;display:flex;flex-direction:column;gap:2px;min-inline-size:0}.addr-title{display:flex;align-items:center;gap:8px;font-weight:600}.addr-badge{font-size:11px;font-weight:700;color:var(--brand-strong);background:var(--brand-soft);padding-block:2px;padding-inline:8px;border-radius:999px;white-space:nowrap}.addr-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.addr-form{margin-block-start:14px;padding-block-start:14px;border-block-start:1px dashed var(--border)}.address-form-grid{display:grid;gap:0 12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.address-form-grid .span-2{grid-column:1 / -1}.shop h1{margin-block:8px 6px;font-size:26px}.shop .page-sub{color:var(--text-2);margin-block:0 20px}.shop-back{display:inline-block;margin-block-end:10px}.shop-layout{display:grid;gap:20px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(300px,360px)}@media(max-width:900px){.shop-layout{grid-template-columns:1fr}.summary-panel{position:static}}.summary-panel{position:sticky;inset-block-start:calc(var(--header-h) + 16px);padding:22px}.summary-panel h2{margin-block:0 14px;font-size:17px}.cart-lines{padding:6px 18px}.cart-line{display:grid;gap:14px;align-items:start;padding-block:16px;grid-template-columns:72px minmax(0,1fr) auto;border-block-end:1px solid var(--border)}.cart-line:last-child{border-block-end:0}.cart-thumb{inline-size:72px;block-size:72px;border-radius:var(--radius-m);background:var(--surface-2);display:grid;place-items:center;font-size:30px;opacity:.9;overflow:hidden}.cart-line-main{display:flex;flex-direction:column;gap:4px;min-inline-size:0}.cart-line-name{font-weight:600;line-height:1.35}.cart-line-meta{font-size:12px;color:var(--text-3)}.cart-line-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}@media(max-width:520px){.cart-line{grid-template-columns:56px minmax(0,1fr)}.cart-thumb{inline-size:56px;block-size:56px;font-size:24px}.cart-line-side{grid-column:2;flex-direction:row;align-items:baseline;justify-content:space-between;inline-size:100%;gap:10px}.order-line-row,.order-card{grid-template-columns:minmax(0,1fr)}.order-card-side{align-items:flex-start}.return-line{grid-template-columns:22px minmax(0,1fr)}.return-line .qty-stepper{grid-column:2;justify-self:start}}.cart-line-price{font-weight:700;white-space:nowrap}.cart-line-unit{font-size:12px;color:var(--text-3);white-space:nowrap}.qty-stepper{display:inline-flex;align-items:center;align-self:flex-start;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);overflow:hidden}.qty-stepper button{inline-size:32px;block-size:32px;border:0;background:transparent;color:var(--text-2);font-size:17px;line-height:1;display:grid;place-items:center}.qty-stepper button:hover:not(:disabled){background:var(--surface-2);color:var(--brand)}.qty-stepper button:disabled{opacity:.35;cursor:not-allowed}.qty-value{min-inline-size:42px;text-align:center;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}.link-danger{background:none;border:0;padding:0;font-size:12px;font-weight:600;color:var(--text-3)}.link-danger:hover{color:var(--danger)}.promo-tag{display:inline-flex;align-items:center;gap:6px;padding-block:2px;padding-inline:9px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:11px;font-weight:700}.promo-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:4px}.promo-list{display:flex;flex-direction:column;gap:8px;margin-block:10px 0}.promo-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px}.promo-row .why{color:var(--text-3);font-size:12px}.promo-amount{color:var(--brand);font-weight:700;white-space:nowrap}.coupon-row{display:flex;gap:8px;align-items:flex-start}.coupon-row .input{flex:1;min-inline-size:0;text-transform:uppercase}.coupon-active{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:8px;padding-inline:12px;border-radius:var(--radius-m);background:var(--brand-soft);color:var(--brand-strong);font-weight:700;font-size:13px}.totals{display:flex;flex-direction:column;gap:8px}.total-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;color:var(--text-2)}.total-row .amount{font-variant-numeric:tabular-nums;white-space:nowrap}.total-row.discount .amount{color:var(--brand)}.total-grand{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block-start:12px;padding-block-start:12px;border-block-start:1px solid var(--border);font-size:18px;font-weight:700}.total-grand .amount{font-variant-numeric:tabular-nums}.notice{padding:14px 16px;border-radius:var(--radius-m);margin-block-end:14px}.notice h3{margin-block:0 6px;font-size:14px}.notice p{margin-block:0 8px;font-size:13px}.notice-warn{background:var(--warn-soft);color:var(--warn)}.notice-danger{background:var(--danger-soft);color:var(--danger)}.notice ul{margin:0;padding-inline-start:18px;font-size:13px}.notice li{margin-block:3px}.strike{text-decoration:line-through;opacity:.75}.choice-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.choice{display:flex;align-items:flex-start;gap:10px;text-align:start;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.choice:hover:not(:disabled){border-color:var(--brand)}.choice.on{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.choice:disabled{opacity:.5;cursor:not-allowed}.choice-mark{inline-size:18px;block-size:18px;border-radius:50%;flex:none;border:2px solid var(--border);margin-block-start:2px;display:grid;place-items:center}.choice.on .choice-mark{border-color:var(--brand)}.choice.on .choice-mark:after{content:"";inline-size:9px;block-size:9px;border-radius:50%;background:var(--brand)}.choice-body{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.choice-title{font-weight:600;font-size:14px}.choice-hint{font-size:12px;color:var(--text-3)}.addr-grid{display:grid;gap:0 12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.addr-grid .span-2{grid-column:1 / -1}.zone-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-2);padding-block:10px;margin-block-start:6px;border-block-start:1px dashed var(--border)}.addr-badge{font-size:11px;font-weight:700;color:var(--brand-strong);background:var(--brand-soft);padding-block:2px;padding-inline:8px;border-radius:999px;white-space:nowrap;margin-inline-start:6px}.picked-address{display:flex;flex-direction:column;gap:4px;margin-block-start:12px;padding:12px 14px;border-radius:var(--radius-m);background:var(--surface-2);font-size:14px}.success-card{max-inline-size:520px;margin-inline:auto;padding:40px;text-align:center}.success-mark{font-size:52px;line-height:1;margin-block-end:10px}.success-card h1{margin-block:0 6px}.success-card .order-no{display:inline-block;margin-block:16px;padding-block:8px;padding-inline:18px;border-radius:var(--radius-m);background:var(--surface-2);font-weight:700;font-size:17px}.success-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.order-card{display:grid;gap:6px 16px;padding:18px 20px;margin-block-end:12px;grid-template-columns:minmax(0,1fr) auto;transition:border-color .15s ease,box-shadow .15s ease}a.order-card:hover{border-color:var(--brand);box-shadow:var(--shadow-2)}.order-no-line{font-weight:700;font-variant-numeric:tabular-nums}.order-meta{font-size:12px;color:var(--text-3)}.order-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.order-total{font-weight:700;white-space:nowrap}.order-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-block-end:16px}.order-head h1{margin:0}.order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:16px}.order-line-row{display:grid;gap:4px 14px;grid-template-columns:minmax(0,1fr) auto;padding-block:12px;border-block-end:1px solid var(--border)}.order-line-row:last-child{border-block-end:0}.order-line-qty{font-size:12px;color:var(--text-3)}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding-inline-start:22px;padding-block:8px;font-size:13px}.timeline li:before{content:"";position:absolute;inset-inline-start:3px;inset-block-start:14px;inline-size:9px;block-size:9px;border-radius:50%;background:var(--border)}.timeline li:last-child:before{background:var(--brand)}.timeline li:after{content:"";position:absolute;inset-inline-start:7px;inset-block-start:22px;block-size:calc(100% - 14px);inline-size:1px;background:var(--border)}.timeline li:last-child:after{display:none}.timeline .when{color:var(--text-3);font-size:12px}.return-line{display:grid;gap:6px 12px;align-items:center;grid-template-columns:22px minmax(0,1fr) auto;padding-block:12px;border-block-end:1px solid var(--border)}.return-line:last-of-type{border-block-end:0}.return-line input[type=checkbox]{inline-size:17px;block-size:17px}.return-line .qty-stepper{justify-self:end}.stack{display:flex;flex-direction:column;gap:16px}.row-gap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.muted{color:var(--text-3);font-size:12px}.points-box{display:flex;flex-direction:column;gap:10px;margin-block-start:14px}.points-preview{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-block:0;font-size:13px}.points-preview.ok{color:var(--brand);font-weight:600}.points-preview.warn{color:var(--warn)}.points-preview.bad{color:var(--danger)}@media(prefers-reduced-motion:reduce){.choice,.order-card,.qty-stepper button{transition-duration:.01ms}}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px;margin-block-end:24px;overflow:hidden;background:linear-gradient(135deg,var(--brand-soft),var(--surface))}.hero-copy h1{margin:0 0 8px;font-size:clamp(24px,4vw,36px);line-height:1.2}.hero-copy p{margin:0 0 20px;color:var(--text-2);font-size:16px}.hero-art{font-size:clamp(40px,8vw,84px);filter:saturate(.9)}.toolbar{display:flex;gap:12px;margin-block-end:14px;flex-wrap:wrap}.search{flex:1;min-inline-size:220px}.select{inline-size:auto}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-block-end:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding-block:6px;padding-inline:14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:600;transition:all .15s ease}.chip:not(.chip-on):not(.chip-empty):hover{border-color:var(--brand);color:var(--brand)}.chip-on{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.chip-count{font-weight:400;opacity:.75}.grid-meta{margin-block:10px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.product{display:flex;flex-direction:column;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.product:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.product-link{display:flex;flex-direction:column;flex:1;color:inherit}.product-link:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.product-add{padding-inline:14px;padding-block:0 14px}.product-add .add-cart-wrap{align-items:stretch;gap:6px}.product-add .btn{inline-size:100%}.product-add .add-cart-ok,.product-add .add-cart-err{font-size:12px;text-align:center}.product-img{aspect-ratio:1;display:grid;place-items:center;background:var(--surface-2);overflow:hidden}.product-img img{inline-size:100%;block-size:100%;object-fit:cover}.product-placeholder{font-size:56px;opacity:.5}.product-body{display:flex;flex-direction:column;gap:2px;padding:14px}.product-brand{font-size:12px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.product-name{font-weight:600;line-height:1.35}.product-price{margin-block-start:6px;font-weight:700;color:var(--brand);font-size:16px}.card-skel{aspect-ratio:1 / 1.3}.empty{padding:48px;text-align:center;color:var(--text-2)}.detail{display:grid;gap:28px;grid-template-columns:minmax(280px,480px) 1fr;align-items:start}@media(max-width:760px){.detail{grid-template-columns:1fr}}.detail-img{aspect-ratio:1;display:grid;place-items:center;background:var(--surface-2);border-radius:var(--radius-l);overflow:hidden}.detail-img img{inline-size:100%;block-size:100%;object-fit:cover}.detail-placeholder{font-size:96px;opacity:.45}.detail h1{margin:4px 0;font-size:26px}.detail-brand{color:var(--text-3);font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.04em}.detail-desc{color:var(--text-2);margin-block:14px;max-inline-size:60ch}.variant-list{display:flex;flex-direction:column;gap:10px;margin-block-start:18px}.variant-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);cursor:pointer;transition:border-color .15s ease;inline-size:100%;text-align:start;font:inherit;color:inherit}.variant-row-main{display:flex;flex-direction:column;gap:2px;align-items:start}.variant-row:hover,.variant-row.on{border-color:var(--brand)}.variant-row.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.variant-row:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.variant-price{font-weight:700;color:var(--brand);white-space:nowrap}.filters{display:grid;gap:14px;padding:16px;margin-block-end:18px}.filter-row{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:12px}.filter-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding-block-start:8px}.filters .chip-row{margin:0}@media(max-width:620px){.filter-row{grid-template-columns:1fr;gap:6px}.filter-label{padding-block-start:0}}.chip{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease}.chip:active{transform:scale(.96)}.chip-on{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.chip-on:hover{box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 26%,transparent)}.grid-meta{display:flex;align-items:center;gap:12px;margin-block:4px 14px;font-size:13px;color:var(--text-3)}.result-count{transition:opacity .18s ease}.result-count[data-pending=true]{opacity:.45}.clear-all{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font:inherit;font-size:12px;font-weight:600;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent);border:1px solid color-mix(in srgb,var(--brand) 28%,transparent);border-radius:999px;cursor:pointer;transition:background .16s ease,border-color .16s ease}.clear-all:hover{background:color-mix(in srgb,var(--brand) 18%,transparent)}.clear-all:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.clear-x{font-size:15px;line-height:1}.grid-animate{transition:opacity .2s ease,filter .2s ease}.grid-animate[data-pending=true]{opacity:.4;filter:saturate(.6);pointer-events:none}.grid-animate[data-pending=false]>.product{animation:card-in .34s cubic-bezier(.2,.8,.3,1) backwards;animation-delay:calc(var(--i, 0) * 28ms)}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.product{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.product:hover{transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.grid-animate,.grid-animate[data-pending=false]>.product,.product,.chip,.result-count,.clear-all{transition-duration:.01ms;animation:none}.grid-animate[data-pending=true]{opacity:.55;filter:none}.product:hover{transform:none}}.filter-row .dd{justify-self:start;min-inline-size:220px}.chip-empty{opacity:.38;cursor:not-allowed;text-decoration:line-through;text-decoration-thickness:1px}.chip-empty:hover{transform:none}:root{--brand: #008252;--brand-strong: #006B44;--brand-soft: #E6F3EE;--brand-contrast: #ffffff;--bg: #F7F8F7;--surface: #ffffff;--surface-2: #F0F2F1;--border: #E2E6E4;--text: #17211D;--text-2: #5A6963;--text-3: #8A968F;--danger: #C2402A;--danger-soft: #FBEAE6;--ok: #0B7A45;--warn: #9A6B00;--warn-soft: #FBF3DF;--radius-s: 8px;--radius-m: 12px;--radius-l: 20px;--shadow-1: 0 1px 2px rgb(23 33 29 / .05), 0 1px 3px rgb(23 33 29 / .06);--shadow-2: 0 4px 16px rgb(23 33 29 / .1);--font-latin: "Inter", system-ui, -apple-system, sans-serif;--font-arabic: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--header-h: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand: #17A873;--brand-strong: #4CC496;--brand-soft: #123328;--brand-contrast: #06110C;--bg: #0D1512;--surface: #16201B;--surface-2: #1D2A24;--border: #2A3831;--text: #E8EEEB;--text-2: #A6B4AD;--text-3: #6F7D76;--danger: #E2664E;--danger-soft: #3A1C15;--ok: #3ECF8E;--warn: #D9A94A;--warn-soft: #33290F;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 4px 16px rgb(0 0 0 / .5);color-scheme:dark}}:root[data-theme=dark]{--brand: #17A873;--brand-strong: #4CC496;--brand-soft: #123328;--brand-contrast: #06110C;--bg: #0D1512;--surface: #16201B;--surface-2: #1D2A24;--border: #2A3831;--text: #E8EEEB;--text-2: #A6B4AD;--text-3: #6F7D76;--danger: #E2664E;--danger-soft: #3A1C15;--ok: #3ECF8E;--warn: #D9A94A;--warn-soft: #33290F;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 4px 16px rgb(0 0 0 / .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);color:var(--text);font-family:var(--font-latin);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}:lang(ar),[dir=rtl] body,[dir=rtl]{font-family:var(--font-arabic)}.ltr{direction:ltr;unicode-bidi:isolate}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding-block:10px;padding-inline:18px;border-radius:var(--radius-m);border:1px solid transparent;font-weight:600;font-size:14px;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--brand);color:var(--brand-contrast)}.btn-primary:hover{background:var(--brand-strong)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-sm{padding-block:6px;padding-inline:12px;font-size:13px;border-radius:var(--radius-s)}.field{display:flex;flex-direction:column;gap:6px;margin-block-end:14px}.field label,.field .lbl{font-size:13px;font-weight:600;color:var(--text-2)}.input{width:100%;padding-block:10px;padding-inline:14px;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.hint{font-size:12px;color:var(--text-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding-block:2px;padding-inline:10px;border-radius:999px;font-size:12px;font-weight:600}.badge-ok{background:var(--brand-soft);color:var(--brand-strong)}.badge-muted{background:var(--surface-2);color:var(--text-2)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.alert{padding-block:10px;padding-inline:14px;border-radius:var(--radius-m);font-size:14px;margin-block-end:14px}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-ok{background:var(--brand-soft);color:var(--brand-strong)}.alert-info{background:var(--warn-soft);color:var(--warn)}.spinner{inline-size:18px;block-size:18px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-block-start-color:currentColor;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.container{max-inline-size:1200px;margin-inline:auto;padding-inline:20px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-m)}@keyframes shimmer{to{background-position:-200% 0}}.dd{position:relative;display:inline-block}.dd-block,.dd-block>.dd-trigger{inline-size:100%}.dd-trigger{display:inline-flex;align-items:center;gap:10px;inline-size:100%;min-inline-size:0;padding-inline:12px;block-size:42px;font:inherit;font-size:14px;color:var(--text);text-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.dd-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--border) 45%,var(--text-3))}.dd-trigger:focus-visible,.dd-trigger[aria-expanded=true]{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.dd-trigger:disabled{opacity:.55;cursor:not-allowed}.dd-value{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-placeholder{color:var(--text-3)}.dd-chev{inline-size:12px;block-size:12px;flex:none;color:var(--text-3);transition:transform .2s cubic-bezier(.4,0,.2,1),color .15s ease}.dd-trigger:hover .dd-chev{color:var(--text-2)}.dd-trigger[aria-expanded=true] .dd-chev{transform:rotate(180deg);color:var(--brand)}.dd-menu{position:absolute;inset-inline-start:0;inset-block-start:calc(100% + 6px);z-index:60;min-inline-size:100%;max-block-size:300px;overflow-y:auto;overscroll-behavior:contain;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-2);transform-origin:center top;opacity:0;transform:translateY(-6px) scale(.97);visibility:hidden;transition:opacity .16s ease,transform .18s cubic-bezier(.34,1.4,.64,1),visibility 0s linear .18s}.dd-menu[data-open=true]{opacity:1;transform:translateY(0) scale(1);visibility:visible;transition:opacity .16s ease,transform .18s cubic-bezier(.34,1.4,.64,1),visibility 0s}.dd-menu.dd-up{inset-block-start:auto;inset-block-end:calc(100% + 6px);transform-origin:center bottom;transform:translateY(6px) scale(.97)}.dd-menu.dd-up[data-open=true]{transform:translateY(0) scale(1)}.dd-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-s);font-size:14px;color:var(--text-2);cursor:pointer;transition:background .12s ease,color .12s ease}.dd-opt-label{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-opt-hint{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.dd-opt.is-active{background:var(--surface-2);color:var(--text)}.dd-opt[aria-selected=true]{color:var(--brand);font-weight:600}.dd-check{inline-size:12px;block-size:12px;flex:none;color:var(--brand);opacity:0;transform:scale(.7);transition:opacity .14s ease,transform .18s cubic-bezier(.34,1.4,.64,1)}.dd-opt[aria-selected=true] .dd-check{opacity:1;transform:scale(1)}.dd-menu[data-open=true] .dd-opt{animation:dd-in .22s cubic-bezier(.2,.8,.3,1) backwards}.dd-menu[data-open=true] .dd-opt:nth-child(1){animation-delay:.01s}.dd-menu[data-open=true] .dd-opt:nth-child(2){animation-delay:.03s}.dd-menu[data-open=true] .dd-opt:nth-child(3){animation-delay:.05s}.dd-menu[data-open=true] .dd-opt:nth-child(4){animation-delay:.07s}.dd-menu[data-open=true] .dd-opt:nth-child(5){animation-delay:.09s}.dd-menu[data-open=true] .dd-opt:nth-child(n+6){animation-delay:.1s}@keyframes dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dd-menu,.dd-chev,.dd-check,.dd-opt{transition-duration:.01ms;animation:none}}.btn:focus-visible,.icon-btn:focus-visible,.card-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.input:focus-visible{outline:none}.field .hint,.field .field-error{margin:0}.field-error{font-size:12px;color:var(--danger)}.field-req{color:var(--danger);font-weight:700}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:32px;block-size:32px;padding:0;border-radius:var(--radius-s);border:1px solid transparent;background:transparent;color:var(--text-2);line-height:1}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn.is-bordered{border-color:var(--border);background:var(--surface)}.icon-btn.is-danger{color:var(--danger)}.icon-btn.is-danger:hover{background:var(--danger-soft)}.icon-btn.is-sm{inline-size:26px;block-size:26px;font-size:13px}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}