@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=IBM+Plex+Sans+Arabic:wght@400;600;700&display=swap";._btn_prags_9{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-3) var(--sp-6);border:1px solid transparent;border-radius:var(--r-pill);font-family:var(--font-body);font-size:var(--fs-base);font-weight:600;letter-spacing:var(--ls-wide);line-height:1;cursor:pointer;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform var(--t-fast) var(--ease-out),background var(--t-base) var(--ease-out),color var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}._btn_prags_9:disabled,._btn_loading_prags_36{opacity:.55;cursor:not-allowed}._btn_prags_9:focus-visible{outline:2px solid var(--saffron-deep);outline-offset:3px}._btnLabel_prags_45{display:inline-flex;align-items:center}._btnIcon_prags_46{display:inline-flex;align-items:center;line-height:0}._btn_sm_prags_49{min-height:36px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}._btn_lg_prags_50{min-height:56px;padding:var(--sp-4) var(--sp-7);font-size:var(--fs-lg)}._btn_full_prags_51{width:100%}._btn_primary_prags_54{background:var(--saffron);color:var(--on-saffron);box-shadow:var(--sh-sm)}._btn_primary_prags_54:hover:not(:disabled){background:var(--saffron-deep);color:var(--on-saffron);transform:translateY(-1px);box-shadow:var(--sh-md)}._btn_primary_prags_54:active:not(:disabled){transform:translateY(0);box-shadow:var(--sh-sm)}._btn_secondary_prags_68{background:transparent;color:var(--ink-strong);border-color:var(--rule-strong)}._btn_secondary_prags_68:hover:not(:disabled){border-color:var(--ink-strong);background:var(--canvas-sunken)}._btn_ghost_prags_79{background:transparent;color:var(--ink-mid)}._btn_ghost_prags_79:hover:not(:disabled){background:var(--canvas-sunken);color:var(--ink-strong)}._btn_danger_prags_89{background:var(--tomato);color:var(--canvas)}._btn_danger_prags_89:hover:not(:disabled){filter:brightness(.92)}._btn_danger_prags_89:focus-visible{outline-color:var(--tomato)}._btn_dark_prags_97{background:var(--ink-strong);color:var(--canvas)}._btn_dark_prags_97:hover:not(:disabled){background:var(--saffron-deep)}._btn_dark_prags_97:focus-visible{outline-color:var(--saffron)}._spinner_prags_105{flex-shrink:0;animation:_souk-spin_prags_1 .85s linear infinite}@keyframes _souk-spin_prags_1{to{transform:rotate(360deg)}}._badge_prags_114{display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px 10px;border-radius:var(--r-pill);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-wider);text-transform:uppercase;white-space:nowrap;border:1px solid transparent}._badgeDot_prags_128{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}._badge_neutral_prags_135{background:var(--canvas-sunken);color:var(--ink-mid);border-color:var(--rule-soft)}._badge_success_prags_139{background:var(--pistachio-soft);color:var(--ink-strong)}._badge_success_prags_139 ._badgeDot_prags_128{background:var(--pistachio-deep)}._badge_warning_prags_141{background:var(--saffron-soft);color:var(--ink-strong)}._badge_warning_prags_141 ._badgeDot_prags_128{background:var(--saffron-deep)}._badge_error_prags_143{background:var(--tomato-soft);color:var(--ink-strong)}._badge_error_prags_143 ._badgeDot_prags_128{background:var(--tomato)}._badge_premium_prags_145{background:var(--mejdoul-soft);color:var(--ink-strong)}._badge_premium_prags_145 ._badgeDot_prags_128{background:var(--mejdoul)}._badge_saffron_prags_147{background:var(--saffron);color:var(--on-saffron)}._chip_prags_150{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:36px;padding:var(--sp-2) var(--sp-4);background:var(--canvas);color:var(--ink-strong);border:1px solid var(--rule-soft);border-radius:var(--r-pill);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}._chip_prags_150:hover{border-color:var(--rule-strong);background:var(--canvas-sunken)}._chip_prags_150:focus-visible{outline:2px solid var(--saffron-deep);outline-offset:3px}._chip_pressed_prags_172{background:var(--saffron-soft);color:var(--saffron-deep);border-color:transparent;font-weight:600}._field_prags_180{display:flex;flex-direction:column;gap:var(--sp-2)}._fieldLabel_prags_181{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;color:var(--ink-strong);letter-spacing:var(--ls-wide)}._fieldHint_prags_188{font-size:var(--fs-xs);color:var(--ink-mid)}._fieldError_prags_189{font-size:var(--fs-xs);color:var(--tomato);font-weight:600}._input_prags_191{width:100%;min-height:48px;padding:var(--sp-3) var(--sp-4);background:var(--canvas-sunken);color:var(--ink-strong);border:1px solid transparent;border-radius:var(--r-md);font-family:var(--font-body);font-size:var(--fs-base);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}._input_prags_191::placeholder{color:var(--ink-subtle)}._input_prags_191:hover{background:var(--canvas-raised)}._input_prags_191:focus{background:var(--canvas);border-color:var(--saffron-deep);box-shadow:0 0 0 3px var(--saffron-soft)}._input_error_prags_215{border-color:var(--tomato)}._input_error_prags_215:focus{box-shadow:0 0 0 3px var(--tomato-soft)}._textarea_prags_218{min-height:110px;line-height:var(--lh-loose);resize:vertical}._stepper_prags_225{display:inline-flex;align-items:center;background:var(--canvas-sunken);border:1px solid var(--rule-soft);border-radius:var(--r-pill);padding:2px}._stepperBtn_prags_233{width:36px;height:36px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-strong);font-family:var(--font-body);font-size:var(--fs-xl);font-weight:600;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--t-fast) var(--ease-out)}._stepperBtn_prags_233:hover:not(:disabled){background:var(--canvas)}._stepperBtn_prags_233:disabled{color:var(--ink-faint);cursor:not-allowed}._stepperBtn_prags_233:focus-visible{outline:2px solid var(--saffron-deep);outline-offset:2px}._stepperValue_prags_253{min-width:32px;padding:0 var(--sp-2);text-align:center;font-family:var(--font-body);font-size:var(--fs-base);font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-strong)}._stepper_sm_prags_263 ._stepperBtn_prags_233{width:32px;height:32px;font-size:var(--fs-lg)}._stepper_sm_prags_263 ._stepperValue_prags_253{font-size:var(--fs-sm);min-width:28px}._backBtn_prags_267{width:44px;height:44px;border:1px solid var(--rule-soft);border-radius:var(--r-pill);background:var(--canvas);color:var(--ink-strong);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}._backBtn_prags_267:hover{background:var(--canvas-sunken);border-color:var(--rule-strong)}._backBtn_prags_267:focus-visible{outline:2px solid var(--saffron-deep);outline-offset:3px}._pageHeader_prags_287{padding:var(--sp-5) 0 var(--sp-6)}._pageHeaderRow_prags_290{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-5)}._pageHeaderRight_prags_297{display:inline-flex;align-items:center;gap:var(--sp-2)}._pageHeaderText_prags_298{display:flex;flex-direction:column;gap:var(--sp-2)}._pageHeaderEyebrow_prags_299{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;color:var(--saffron-deep);letter-spacing:var(--ls-wider);text-transform:uppercase;margin:0}._pageHeaderTitle_prags_308{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--ink-strong);margin:0}._pageHeaderSub_prags_317{font-family:var(--font-body);font-size:var(--fs-base);color:var(--ink-mid);line-height:var(--lh-normal);margin:0;max-width:50ch}._empty_prags_327{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-8) var(--sp-5);gap:var(--sp-3)}._emptyIcon_prags_336{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;color:var(--saffron);margin-bottom:var(--sp-2)}._emptyTitle_prags_345{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--ink-strong);margin:0}._emptySub_prags_352{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--ink-mid);margin:0;max-width:32ch;line-height:var(--lh-normal)}._emptyAction_prags_360{margin-top:var(--sp-3)}._backdrop_prags_363{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d161273;z-index:var(--z-overlay);animation:_souk-fade-in_prags_1 var(--t-base) var(--ease-out)}._sheet_prags_371{position:fixed;inset-inline-start:0;inset-inline-end:0;bottom:0;background:var(--canvas);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:0 -16px 48px #1d16122e;z-index:var(--z-modal);max-width:480px;margin:0 auto;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:_souk-slide-up_prags_1 var(--t-slow) var(--ease-out)}._sheetHandle_prags_389{width:40px;height:4px;background:var(--rule-strong);border-radius:var(--r-pill);margin:var(--sp-3) auto var(--sp-2);flex-shrink:0}._sheetHeader_prags_398{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--rule-faint);flex-shrink:0}._sheetTitle_prags_408{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--ink-strong);margin:0;letter-spacing:var(--ls-tight)}._sheetBody_prags_417{padding:var(--sp-5);overflow-y:auto;flex:1}._sheetFooter_prags_423{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--rule-faint);display:flex;gap:var(--sp-3);justify-content:flex-end;background:var(--canvas);flex-shrink:0}._modalRoot_prags_434{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d161273;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:_souk-fade-in_prags_1 var(--t-base) var(--ease-out)}._modal_prags_434{background:var(--canvas);border-radius:var(--r-lg);box-shadow:var(--sh-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:_souk-scale-in_prags_1 var(--t-base) var(--ease-out)}._modalHeader_prags_458{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-5);border-bottom:1px solid var(--rule-faint)}._modalTitle_prags_467{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--ink-strong);margin:0;letter-spacing:var(--ls-tight)}._modalBody_prags_476{padding:var(--sp-5);overflow-y:auto;flex:1}._modalFooter_prags_482{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--rule-faint);display:flex;gap:var(--sp-3);justify-content:flex-end}._iconClose_prags_491{width:36px;height:36px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-mid);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}._iconClose_prags_491:hover{background:var(--canvas-sunken);color:var(--ink-strong)}._iconClose_prags_491:focus-visible{outline:2px solid var(--saffron-deep);outline-offset:2px}@keyframes _souk-fade-in_prags_1{0%{opacity:0}to{opacity:1}}@keyframes _souk-slide-up_prags_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _souk-scale-in_prags_1{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){._sheet_prags_371,._modal_prags_434,._backdrop_prags_363,._modalRoot_prags_434{animation:none!important}._btn_prags_9,._chip_prags_150,._input_prags_191,._stepperBtn_prags_233,._backBtn_prags_267,._iconClose_prags_491{transition:none!important}}._toggleWrap_prags_529{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}._toggleWrapDisabled_prags_536{cursor:not-allowed;opacity:.5}._toggle_prags_529{position:relative;border:none;padding:0;cursor:pointer;border-radius:999px;background:var(--rule-strong, #d1c5b3);transition:background var(--t-fast, .15s) var(--ease-out, ease);flex-shrink:0;display:inline-block}._toggle_prags_529:focus-visible{outline:2px solid var(--saffron-deep, #b85d18);outline-offset:2px}._toggle_prags_529:disabled{cursor:not-allowed}._toggle_md_prags_558{width:44px;height:24px}._toggle_sm_prags_559{width:36px;height:20px}._toggleOn_prags_561{background:var(--saffron-deep, #b85d18)}._toggleKnob_prags_563{position:absolute;top:50%;inset-inline-start:3px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:inset-inline-start var(--t-fast, .15s) var(--ease-out, ease)}._toggle_sm_prags_559 ._toggleKnob_prags_563{width:14px;height:14px}._toggleOn_prags_561._toggle_md_prags_558 ._toggleKnob_prags_563{inset-inline-start:23px}._toggleOn_prags_561._toggle_sm_prags_559 ._toggleKnob_prags_563{inset-inline-start:19px}._toggleLabel_prags_580{font-size:var(--fs-sm, 14px);color:var(--ink-mid, #6e5d49)}._skeleton_prags_588{background:linear-gradient(90deg,var(--canvas-paper, #f4ead8) 25%,var(--canvas-raised, #ece1cd) 50%,var(--canvas-paper, #f4ead8) 75%);background-size:200% 100%;animation:_souk-shimmer_prags_1 1.4s ease-in-out infinite}._skeletonRowCell_prags_599{padding:12px 16px;border-bottom:1px solid var(--rule-soft, rgba(0,0,0,.08))}@keyframes _souk-shimmer_prags_1{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){._skeleton_prags_588{animation:none}}@font-face{font-family:Tajawal;font-display:swap}:root{--gold: #C9A84C;--gold-light: #E8C97A;--gold-dim: #7A6430;--gold-muted: rgba(201, 168, 76, .1);--bg-base: #0A0908;--bg-elevated: #111010;--bg-overlay: #181614;--surface: #1E1C1A;--surface-2: #242220;--surface-3: #2C2A28;--text-primary: #F0EBE3;--text-secondary: #9A8878;--text-muted: #5A4C40;--text-disabled: #3A2E28;--color-success: #1D9E75;--color-warning: #EF9F27;--color-error: #D85A30;--color-info: #378ADD;--success-bg: rgba(29, 158, 117, .12);--success-border: rgba(29, 158, 117, .3);--warning-bg: rgba(239, 159, 39, .12);--warning-border: rgba(239, 159, 39, .3);--error-bg: rgba(216, 90, 48, .12);--error-border: rgba(216, 90, 48, .3);--info-bg: rgba(55, 138, 221, .12);--info-border: rgba(55, 138, 221, .3);--font-display: "Cormorant Garamond", serif;--font-body: "Tajawal", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .22s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-xl: 0 24px 56px rgba(0,0,0,.7);--shadow-gold: 0 8px 32px rgba(201,168,76,.22);--shadow-gold-strong: 0 12px 48px rgba(201,168,76,.4);--glass-bg: rgba(24, 22, 20, .65);--glass-bg-strong: rgba(24, 22, 20, .82);--glass-border: rgba(201, 168, 76, .12);--glass-blur: saturate(160%) blur(18px);--glass-blur-strong: saturate(180%) blur(28px);--grad-gold: linear-gradient(135deg, #E8C97A 0%, #C9A84C 50%, #A8862E 100%);--grad-mesh: radial-gradient(ellipse 60% 40% at 20% 0%, rgba(201,168,76,.18) 0%, transparent 60%), radial-gradient(ellipse 50% 60% at 90% 30%, rgba(83,74,183,.1) 0%, transparent 55%), radial-gradient(ellipse 80% 50% at 50% 100%, rgba(216,90,48,.08) 0%, transparent 60%);--grad-hero: linear-gradient(180deg, transparent 0%, rgba(10,9,8,.4) 60%, rgba(10,9,8,.95) 100%);--z-base: 0;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}[dir=rtl]{direction:rtl}[dir=ltr]{direction:ltr}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:15px}.text-lg{font-size:17px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:38px}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.font-display{font-family:var(--font-display)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--gold)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-5)}.card-sm{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius-md);padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--gold);color:#0a0908}.btn-primary:hover:not(:disabled){background:var(--gold-light)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--surface-3)}.btn-secondary:hover:not(:disabled){border-color:var(--gold-dim);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--text-primary)}.btn-success{background:var(--success-bg);color:var(--color-success);border:1px solid var(--success-border)}.btn-success:hover:not(:disabled){background:#1d9e7533}.btn-danger{background:var(--error-bg);color:var(--color-error);border:1px solid var(--error-border)}.btn-danger:hover:not(:disabled){background:#d85a3038}.btn-warning{background:var(--warning-bg);color:var(--color-warning);border:1px solid var(--warning-border)}.btn-full{width:100%}.btn-sm{padding:8px 16px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:18px 32px;font-size:17px;border-radius:var(--radius-lg)}.btn-icon{width:38px;height:38px;padding:0;border-radius:50%}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.form-hint{font-size:12px;color:var(--text-muted)}.form-error{font-size:12px;color:var(--color-error)}.input,.select,.textarea{width:100%;padding:13px 16px;background:var(--surface);border:1px solid var(--surface-3);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold-dim);box-shadow:0 0 0 3px #c9a84c14}.input[dir=rtl],.select[dir=rtl],.textarea[dir=rtl]{text-align:right}.textarea{resize:vertical;min-height:100px;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.badge-gold{background:#c9a84c26;color:var(--gold);border:1px solid rgba(201,168,76,.3)}.badge-success{background:var(--success-bg);color:var(--color-success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--color-warning);border:1px solid var(--warning-border)}.badge-error{background:var(--error-bg);color:var(--color-error);border:1px solid var(--error-border)}.badge-info{background:var(--info-bg);color:var(--color-info);border:1px solid var(--info-border)}.badge-muted{background:var(--surface-3);color:var(--text-muted)}.divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--surface-3)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-fast) ease forwards}.animate-pulse{animation:pulse 1.5s infinite}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:60ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.3s}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}.customer-container{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:var(--bg-base)}.page-enter{animation:fadeIn .2s ease forwards}@keyframes meshFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-1%,0) scale(1.04)}}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.92}}@keyframes shimmerGold{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-120px) rotate(720deg);opacity:0}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spotPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border)}.gold-shimmer{position:relative;overflow:hidden}.gold-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.16) 50%,transparent 70%);transform:translate(-100%);animation:sweep 3.5s ease-in-out infinite;pointer-events:none}.lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lift:active{transform:translateY(0)}.tap{min-width:44px;min-height:44px}.cv-auto{contain:layout paint style}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible{box-shadow:0 0 0 3px #c9a84c59}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-quart:cubic-bezier(.76, 0, .24, 1);--ease-spring: cubic-bezier(.34, 1.26, .64, 1);--text-2xs: 10px;--text-5xl: 48px;--text-6xl: 60px;--elevation-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.2);--elevation-2: 0 2px 4px rgba(0,0,0,.35), 0 4px 8px rgba(0,0,0,.2);--elevation-3: 0 4px 8px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.3);--elevation-4: 0 8px 16px rgba(0,0,0,.45), 0 16px 40px rgba(0,0,0,.35);--elevation-5: 0 16px 32px rgba(0,0,0,.5), 0 32px 64px rgba(0,0,0,.4);--status-received-bg: rgba(55, 138, 221, .14);--status-received-fg: #6FB1F0;--status-received-border: rgba(55, 138, 221, .32);--status-reviewing-bg: rgba(239, 159, 39, .14);--status-reviewing-fg: #F0B860;--status-reviewing-border: rgba(239, 159, 39, .32);--status-preparing-bg: rgba(201, 168, 76, .14);--status-preparing-fg: #E8C97A;--status-preparing-border: rgba(201, 168, 76, .32);--status-ready-bg: rgba(29, 158, 117, .14);--status-ready-fg: #5CC79A;--status-ready-border: rgba(29, 158, 117, .32);--status-delivered-bg: rgba(120, 120, 120, .14);--status-delivered-fg: var(--text-muted);--status-delivered-border: rgba(120, 120, 120, .3);--status-cancelled-bg: rgba(216, 90, 48, .14);--status-cancelled-fg: #E88060;--status-cancelled-border: rgba(216, 90, 48, .32);--tint-gold-04: rgba(201, 168, 76, .04);--tint-gold-08: rgba(201, 168, 76, .08);--tint-gold-12: rgba(201, 168, 76, .12);--tint-gold-22: rgba(201, 168, 76, .22);--tint-gold-32: rgba(201, 168, 76, .32);--ring-gold: 0 0 0 3px rgba(201, 168, 76, .35);--ring-error: 0 0 0 3px rgba(216, 90, 48, .35)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:800;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;border:1px solid transparent;line-height:1.2}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;box-shadow:0 0 6px currentColor}.status-received{background:var(--status-received-bg);color:var(--status-received-fg);border-color:var(--status-received-border)}.status-reviewing{background:var(--status-reviewing-bg);color:var(--status-reviewing-fg);border-color:var(--status-reviewing-border)}.status-preparing{background:var(--status-preparing-bg);color:var(--status-preparing-fg);border-color:var(--status-preparing-border)}.status-ready{background:var(--status-ready-bg);color:var(--status-ready-fg);border-color:var(--status-ready-border)}.status-delivered{background:var(--status-delivered-bg);color:var(--status-delivered-fg);border-color:var(--status-delivered-border)}.status-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-fg);border-color:var(--status-cancelled-border)}.page-header{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) 0 var(--space-5)}.page-header-text{flex:1;min-width:0}.page-eyebrow{font-size:9px;font-weight:800;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:4px;display:inline-flex;align-items:center;gap:6px}.page-eyebrow:before{content:"";width:14px;height:1px;background:var(--gold)}.page-title{font-size:24px;font-weight:700;letter-spacing:-.3px;line-height:1.2;color:var(--text-primary)}.page-title-display{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.15;background:linear-gradient(180deg,#fff7e5,#c9a84c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:6px;line-height:1.5}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--surface-2);background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary);transition:border-color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);padding:0}.icon-btn:hover:not(:disabled){border-color:var(--gold);transform:scale(1.05)}.icon-btn:active:not(:disabled){transform:scale(.96)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;background:#00000040;border-radius:var(--radius-full)}.tab{padding:6px 14px;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-full);font-size:12px;font-weight:700;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.tab:hover:not(.tab-active){color:var(--text-primary)}.tab-active{background:var(--gold);color:#0a0908}.tabs-underline{display:flex;gap:var(--space-2);border-bottom:1px solid var(--surface-2);overflow-x:auto;scrollbar-width:none}.tabs-underline::-webkit-scrollbar{display:none}.tab-underline{padding:12px 4px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;position:relative;white-space:nowrap;transition:color var(--transition-fast)}.tab-underline:hover:not(.tab-underline-active){color:var(--text-primary)}.tab-underline-active{color:var(--text-primary)}.tab-underline-active:after{content:"";position:absolute;inset:auto 0 -1px 0;height:2px;background:var(--gold);border-radius:2px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section-title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.1px}.section-eyebrow{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase}.stat-card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);position:relative;overflow:hidden}.stat-card-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--tint-gold-12);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gold)}.stat-card-value{font-size:24px;font-weight:900;line-height:1;color:var(--text-primary);letter-spacing:-.3px}.stat-card-label{font-size:12px;color:var(--text-secondary)}.stat-card-trend{font-size:11px;font-weight:700}.stat-card-trend-up{color:var(--color-success)}.stat-card-trend-down{color:var(--color-error)}.surface-hover{transition:background var(--transition-fast),border-color var(--transition-fast)}.surface-hover:hover{background:var(--surface-2);border-color:var(--gold-dim)}.skeleton-text{height:14px;border-radius:4px}.skeleton-title{height:22px;border-radius:6px}.skeleton-circle{border-radius:50%}.skeleton-rect-md{height:120px;border-radius:var(--radius-md)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-spin{animation:spin .8s linear infinite}.animate-ping{animation:ping 1.4s cubic-bezier(0,0,.2,1) infinite}.tap-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1,.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}:root{--customer-page-px: 24px;--customer-section-gap: 20px;--customer-card-padding: 16px;--customer-tap-target: 44px;--motion-page-enter: .42s var(--ease-out-expo);--motion-sheet-enter: .32s var(--ease-out-back);--motion-card-hover: .22s var(--ease-spring);--motion-pulse: 2.4s ease-in-out;--ring-offset-bg: var(--bg-base);--ring-width: 2px}.skip-link{position:absolute;top:0;inset-inline-start:8px;padding:10px 16px;background:var(--gold);color:#0a0908;border-radius:var(--radius-md);font-weight:800;text-decoration:none;transform:translateY(-150%);transition:transform .18s var(--ease-out-expo);z-index:var(--z-toast)}.skip-link:focus-visible{transform:translateY(8px);outline:var(--ring-width) solid #0A0908;outline-offset:2px}.customer-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-base);position:relative;overflow-x:hidden;isolation:isolate}.customer-section{padding-block:var(--customer-section-gap);padding-inline:var(--customer-page-px)}.pressable{cursor:pointer;transition:transform .18s var(--ease-spring),box-shadow .18s var(--ease-spring),border-color .18s var(--ease-spring);-webkit-tap-highlight-color:transparent}.pressable:hover:not(:disabled){transform:translateY(-1px)}.pressable:active:not(:disabled){transform:scale(.98)}@media (prefers-reduced-motion: reduce){.pressable:hover:not(:disabled),.pressable:active:not(:disabled){transform:none}}.min-tap{min-width:var(--customer-tap-target);min-height:var(--customer-tap-target);display:inline-flex;align-items:center;justify-content:center}.visually-hidden,.live-region{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:root{--display-xl: clamp(56px, 14vw, 112px);--display-lg: clamp(40px, 9vw, 72px);--display-md: clamp(28px, 6vw, 44px);--display-sm: clamp(22px, 4.5vw, 32px);--body-lg: 17px;--body-md: 15px;--body-sm: 13px;--body-xs: 11px;--ornament: rgba(201, 168, 76, .55)}.display-xl,.display-lg,.display-md,.display-sm{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:.95;background:linear-gradient(180deg,#fff7e5,#c9a84c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.display-xl{font-size:var(--display-xl);letter-spacing:-.04em}.display-lg{font-size:var(--display-lg);letter-spacing:-.03em}.display-md{font-size:var(--display-md)}.display-sm{font-size:var(--display-sm)}.eyebrow{font-size:var(--body-xs);font-weight:800;color:var(--gold);letter-spacing:.32em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}.eyebrow:before,.eyebrow.eyebrow-bracketed:after{content:"";width:24px;height:1px;background:var(--gold);opacity:.6}.lead{font-size:var(--body-lg);color:var(--text-secondary);line-height:1.7;font-weight:300;max-width:38ch}.ornament-divider{display:flex;align-items:center;gap:12px;color:var(--ornament);margin:24px 0}.ornament-divider:before,.ornament-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ornament),transparent)}.ornament-divider .ornament-mark{font-family:var(--font-display);font-size:14px;letter-spacing:4px;color:var(--gold);opacity:.85}.hero-plate{position:relative;border-radius:22px;overflow:hidden;isolation:isolate;background:radial-gradient(120% 80% at 30% 20%,var(--tint-gold-12) 0%,transparent 60%),linear-gradient(160deg,#2a1a10,#0a0908)}.hero-plate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.06) 0%,transparent 50%),linear-gradient(180deg,transparent 0%,rgba(10,9,8,.35) 70%,rgba(10,9,8,.92) 100%);pointer-events:none;z-index:1}.hero-plate>*{position:relative;z-index:2}:root{--canvas: #FBF6EE;--canvas-paper: #F5F1EA;--canvas-raised: #F4E8D8;--canvas-sunken: #EFE3D0;--canvas-deep: #1D1612;--ink-strong: #1D1612;--ink-mid: #5A4A3D;--ink-subtle: #7A6856;--ink-faint: #C4B5A4;--saffron: #D97A28;--saffron-deep: #A85A1C;--saffron-soft: #F5E1CC;--pistachio: #7E8F4A;--pistachio-deep: #4F5C2A;--pistachio-soft: #E5E8D2;--mejdoul: #5A2918;--mejdoul-soft: #E8D5C8;--tomato: #B53A2B;--tomato-soft: #F2D6CF;--on-saffron: #1D1612;--on-pistachio: #FBF6EE;--on-mejdoul: #FBF6EE;--saffron-decor: var(--saffron);--pistachio-decor: var(--pistachio);--mejdoul-decor: var(--mejdoul);--status-success: var(--pistachio-deep);--status-warning: var(--saffron-deep);--status-error: var(--tomato);--status-neutral: var(--ink-mid);--rule-faint: rgba(29, 22, 18, .08);--rule-soft: rgba(29, 22, 18, .14);--rule-strong: rgba(29, 22, 18, .24);--font-display: "Inter", "IBM Plex Sans Arabic", sans-serif;--font-body: "Inter", "IBM Plex Sans Arabic", sans-serif;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--fs-4xl: 48px;--fs-5xl: 64px;--fs-6xl: 84px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.55;--lh-loose: 1.75;--ls-tight: -.015em;--ls-normal: 0;--ls-wide: .04em;--ls-wider: .12em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r-xl: 32px;--r-pill: 9999px;--sh-sm: 0 1px 2px rgba(90, 41, 24, .06), 0 1px 1px rgba(29, 22, 18, .04);--sh-md: 0 4px 16px rgba(90, 41, 24, .08), 0 2px 4px rgba(29, 22, 18, .04);--sh-lg: 0 12px 32px rgba(90, 41, 24, .12), 0 4px 8px rgba(29, 22, 18, .06);--sh-xl: 0 24px 56px rgba(90, 41, 24, .16), 0 8px 16px rgba(29, 22, 18, .08);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .18s;--t-base: .28s;--t-slow: .42s;--t-slower: .64s;--z-base: 0;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400}:root[dir=rtl],[dir=rtl]{--font-display: "IBM Plex Sans Arabic", "Inter", sans-serif;--font-body: "IBM Plex Sans Arabic", "Inter", sans-serif}:root[dir=ltr],[dir=ltr]{--font-display: "Inter", "IBM Plex Sans Arabic", sans-serif;--font-body: "Inter", "IBM Plex Sans Arabic", sans-serif}:root[data-theme=dark],[data-theme=dark]{--canvas: #1A1310;--canvas-paper: #221816;--canvas-raised: #2A1F19;--canvas-sunken: #150E0B;--canvas-deep: #F4EADA;--ink-strong: #F4EADA;--ink-mid: #B5A38E;--ink-subtle: #8A7864;--ink-faint: #4A3D33;--saffron: #E68843;--saffron-deep: #F5A35A;--saffron-soft: #3D2A18;--pistachio: #93A156;--pistachio-deep: #B5C374;--pistachio-soft: #1F2814;--mejdoul: #C45836;--mejdoul-soft: #3A1F13;--tomato: #E0533F;--tomato-soft: #3A1A12;--on-saffron: #1A1310;--on-pistachio: #1A1310;--on-mejdoul: #F4EADA;--saffron-decor: var(--saffron);--pistachio-decor: var(--pistachio);--mejdoul-decor: var(--mejdoul);--rule-faint: rgba(244, 234, 218, .06);--rule-soft: rgba(244, 234, 218, .12);--rule-strong: rgba(244, 234, 218, .22);--sh-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .2);--sh-md: 0 4px 16px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .2);--sh-lg: 0 12px 32px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--sh-xl: 0 24px 56px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .3)}:root{color-scheme:light}:root[data-theme=dark],[data-theme=dark]{color-scheme:dark}.souk-display{font-family:var(--font-display);font-weight:600;letter-spacing:var(--ls-tight);line-height:var(--lh-tight);color:var(--ink-strong)}.souk-eyebrow{font-family:var(--font-body);font-weight:600;font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--saffron-deep)}.souk-rule{height:1px;background:var(--rule-soft);border:0}.souk-ornament{display:block;width:24px;height:24px;margin:var(--sp-5) auto;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l2.6 4 4.4-1.5-1.5 4.4 4 2.6-4 2.6 1.5 4.4-4.4-1.5L12 22l-2.6-4-4.4 1.5 1.5-4.4-4-2.6 4-2.6-1.5-4.4 4.4 1.5z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l2.6 4 4.4-1.5-1.5 4.4 4 2.6-4 2.6 1.5 4.4-4.4-1.5L12 22l-2.6-4-4.4 1.5 1.5-4.4-4-2.6 4-2.6-1.5-4.4 4.4 1.5z'/></svg>") center/contain no-repeat;color:var(--saffron);opacity:.85}:root,:root[data-theme=light],:root[data-theme=dark],[data-theme=dark]{--gold: var(--saffron);--gold-light: var(--saffron-soft);--gold-dim: var(--saffron-deep);--gold-muted: color-mix(in srgb, var(--saffron) 12%, transparent);--color-info: var(--saffron-deep);--color-success: var(--pistachio-deep);--color-warning: var(--saffron);--color-error: var(--tomato);--text-primary: var(--ink-strong);--text-secondary: var(--ink-mid);--text-muted: var(--ink-subtle);--text-disabled: var(--ink-faint);--surface: var(--canvas-paper);--surface-2: var(--canvas-raised);--surface-3: var(--canvas-sunken);--bg-base: var(--canvas);--bg-elevated: var(--canvas-paper);--bg-overlay: var(--canvas-sunken)}