:root{--gold-100:#fbf3df;--gold-200:#f3e3b9;--gold-300:#e9ce86;--gold-400:#ddb95a;--gold-500:#c9a227;--gold-600:#a9861c;--gold-700:#866916;--gold-800:#5f4b10;--gold-900:#3d300a;--bg:#08080a;--surface:#121214;--surface-2:#1a1a1e;--surface-3:#232329;--border:#2c2c33;--border-strong:#3c3c45;--fg:#f6f2e8;--fg-muted:#9e988c;--fg-faint:#8a8478;--gold:#c9a227;--gold-bright:#e4c158;--gold-deep:#a9861c;--gold-ink:#12100a;--gold-soft:#c9a22721;--success:#45c07a;--success-soft:#45c07a24;--danger:#ff6f62;--danger-soft:#ff6f6224;--info:#6ba8e8;--info-soft:#6ba8e824;--whatsapp:#25d366;--whatsapp-ink:#0b2b16;--shadow-soft:0 1px 2px #0009;--shadow:0 10px 30px #0000008c;--shadow-lg:0 26px 70px #000000b3;--glow:0 0 0 1px #c9a22747, 0 14px 44px #c9a2271a;--vitrine:radial-gradient(120% 90% at 50% 0%, #26262c 0%, #131317 46%, #0a0a0c 100%);--skel:linear-gradient(90deg, #1a1a1e 0%, #26262c 50%, #1a1a1e 100%);--font-display:"Noto Kufi Arabic Variable", "Noto Kufi Arabic", system-ui, sans-serif;--font-body:"IBM Plex Sans Arabic", system-ui, sans-serif;--text-xs:.78rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.5rem, 2.2vw, 2.125rem);--text-3xl:clamp(1.5rem, 2.2vw, 2.125rem);--text-hero:clamp(1.875rem, 3.2vw, 2.875rem);--lh-display:1.42;--lh-body:1.8;--lh-tight:1.5;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.125rem;--radius-xl:1.625rem;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3.5rem;--space-10:4.5rem;--page-max:135rem;--page-gutter:clamp(1rem, 13vw - 80px, 17.5rem);--tap-target:2.75rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#fff;--surface:#faf8f3;--surface-2:#f2eee4;--surface-3:#e9e4d7;--border:#e2dccc;--border-strong:#cfc7b2;--fg:#131211;--fg-muted:#5c5850;--fg-faint:#6f6960;--gold:#c9a227;--gold-bright:#7a5f14;--gold-deep:#866916;--gold-ink:#12100a;--gold-soft:#c9a22724;--success:#17703f;--success-soft:#1f8a501f;--danger:#c33b31;--danger-soft:#c33b311a;--info:#2a6db0;--info-soft:#2a6db01a;--whatsapp:#0f7a3d;--whatsapp-ink:#fff;--shadow-soft:0 1px 2px #1e180a0f;--shadow:0 8px 26px #1e180a17;--shadow-lg:0 22px 60px #1e180a24;--glow:0 0 0 1px #c9a22759, 0 12px 34px #c9a22724;--vitrine:radial-gradient(120% 90% at 50% 0%, #fff 0%, #f5f1e7 52%, #eae4d5 100%);--skel:linear-gradient(90deg, #efeadf 0%, #f8f5ee 50%, #efeadf 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--lh-display);overflow-wrap:break-word;margin:0}p{margin:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{font:inherit}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}::placeholder{color:var(--fg-faint);opacity:1}::selection{background:#c9a2274d}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ui-visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ui-btn{border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-body);align-items:center;gap:var(--space-2);min-height:3rem;padding:0 var(--space-6);text-align:center;background:0 0;border:1px solid #0000;justify-content:center;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{background:var(--surface-2);border-color:var(--border);color:var(--fg-faint);cursor:not-allowed}.ui-btn--primary{border-color:var(--gold);color:var(--gold-bright)}.ui-btn--primary:hover:not(:disabled){background:var(--gold-soft);border-color:var(--gold-300)}.ui-btn--ghost{border-color:var(--border-strong);color:var(--fg)}.ui-btn--ghost:hover:not(:disabled){background:var(--gold-soft);border-color:var(--gold);color:var(--gold-bright)}.ui-btn--whatsapp{border-color:var(--whatsapp);color:var(--whatsapp)}.ui-btn--whatsapp:hover:not(:disabled){background:var(--whatsapp);color:var(--whatsapp-ink)}.ui-btn--sm{font-size:var(--text-sm);min-height:var(--tap-target);padding:0 var(--space-4);width:100%}.ui-btn--lg{font-size:var(--text-md);min-height:3.25rem;padding:0 var(--space-7);width:100%}.ui-field{gap:var(--space-2);flex-direction:column;display:flex}.ui-field__label{color:var(--fg);font-size:var(--text-sm);font-weight:600}.ui-field__optional{color:var(--fg-muted);margin-inline-start:var(--space-2);font-weight:400}.ui-field__error{color:var(--danger);font-size:var(--text-xs);align-items:center;gap:var(--space-1);display:flex}.ui-field__hint{color:var(--fg-faint);font-size:var(--text-xs)}.ui-input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--fg);font:inherit;min-height:3rem;padding:var(--space-2) var(--space-4);width:100%;transition:border-color .15s,box-shadow .15s}.ui-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);outline:none}.ui-input[aria-invalid=true]{background:var(--danger-soft);border-color:var(--danger)}textarea.ui-input{resize:vertical;min-height:5.5rem;line-height:1.7}select.ui-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%239a9181' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:.75rem .5rem;padding-inline-end:var(--space-7)}[dir=rtl] select.ui-input{background-position:1rem}.ui-phone{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);direction:ltr;align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.ui-phone:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.ui-phone[data-invalid=true]{background:var(--danger-soft);border-color:var(--danger)}.ui-phone__prefix{background:var(--surface-2);border-inline-end:1px solid var(--border);color:var(--fg-muted);font-size:var(--text-sm);padding-inline:var(--space-4);align-items:center;display:flex}.ui-phone .ui-input{box-shadow:none;letter-spacing:.02em;text-align:left;background:0 0;border:0;border-radius:0;flex:1}.ui-badge{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--fg-muted);font-size:var(--text-xs);align-items:center;gap:var(--space-2);padding:.3rem var(--space-3);white-space:nowrap;font-weight:600;display:inline-flex}.ui-badge--gold{border-color:var(--gold);color:var(--gold-bright)}.ui-badge--solid{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.ui-badge--success{background:var(--success-soft);border-color:var(--success);color:var(--success)}.ui-stepper{border:1px solid var(--border-strong);border-radius:var(--radius-pill);direction:ltr;align-items:center;display:inline-flex;overflow:hidden}.ui-stepper__btn{color:var(--fg);cursor:pointer;font-size:var(--text-lg);background:0 0;border:none;min-width:2.75rem;min-height:2.75rem;line-height:1;transition:background .15s,color .15s}.ui-stepper__btn:hover:not(:disabled){background:var(--gold-soft);color:var(--gold-bright)}.ui-stepper__btn:disabled{color:var(--fg-faint);cursor:not-allowed}.ui-stepper__value{font-variant-numeric:tabular-nums;text-align:center;min-width:2.125rem;font-weight:600}.ui-drawer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow);color:var(--fg);max-width:100%;max-height:85vh;padding:var(--space-5);width:100%;margin:0;position:fixed;inset-block:auto 0;inset-inline:0;overflow-y:auto}.ui-drawer::backdrop{background:#0000008c}@media (width>=768px){.ui-drawer{border-radius:var(--radius-lg) 0 0 var(--radius-lg);width:26rem;height:100vh;max-height:none;inset-block:0;inset-inline:auto 0}[dir=rtl] .ui-drawer{border-radius:0 var(--radius-lg) var(--radius-lg) 0}}.ui-vitrine{background:var(--vitrine);position:relative;overflow:hidden}.ui-vitrine:after{border:1px solid var(--gold);border-radius:var(--radius-md);content:"";opacity:.22;pointer-events:none;position:absolute;inset:10px}.ui-skeleton{background:var(--skel);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s linear infinite shimmer}.ui-spinner{border:2px solid var(--gold-soft);border-top-color:var(--gold);border-radius:50%;width:1.125rem;height:1.125rem;animation:.8s linear infinite spin;display:inline-block}.ui-empty-well{border:1px dashed var(--border-strong);border-radius:var(--radius-pill);color:var(--fg-faint);justify-content:center;align-items:center;width:6rem;height:6rem;display:flex}.ui-choices{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.ui-choice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:start;gap:var(--space-3);min-block-size:var(--tap-target);padding:var(--space-3) var(--space-4);grid-template-columns:1.25rem 1fr;transition:border-color .12s,background-color .12s;display:grid;position:relative}.ui-choice:hover{border-color:var(--border-strong)}.ui-choice[data-checked=true]{background:var(--gold-soft);border-color:var(--gold)}.ui-choice__input{opacity:0;block-size:1px;inline-size:1px;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}.ui-choice:has(.ui-choice__input:focus-visible){outline:2px solid var(--gold-bright);outline-offset:2px}.ui-choice:has(.ui-choice__input:disabled){cursor:not-allowed;opacity:.55}.ui-choice__mark{border:2px solid var(--border-strong);border-radius:50%;block-size:1.25rem;inline-size:1.25rem;margin-block-start:.2rem}.ui-choice[data-checked=true] .ui-choice__mark{border-color:var(--gold);box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 10px var(--gold)}.ui-choice__text{gap:var(--space-1);display:grid}.ui-choice__label{font-weight:600}.ui-choice__description,.ui-choice__hint{color:var(--fg-muted);font-size:var(--text-sm);line-height:var(--lh-tight)}.ui-choice__hint{color:var(--fg)}@media (prefers-reduced-motion:reduce){.ui-choice{transition:none}}.shell{align-items:center;gap:var(--space-4);min-height:100vh;padding:var(--space-5);text-align:center;flex-direction:column;justify-content:center;display:flex}.shell h1{color:var(--gold);font-size:var(--text-2xl)}.session-notice{background:var(--info-soft);border:1px solid var(--info);border-radius:var(--radius-md);color:var(--fg);padding:var(--space-2) var(--space-3);width:min(100%,22rem);margin:0}.login-form{gap:var(--space-4);text-align:start;width:min(100%,22rem);display:grid}.portal{max-width:max(80rem,85vw);padding-inline:var(--space-4);margin-inline:auto}.portal-header{border-block-end:1px solid var(--border);align-items:center;gap:var(--space-3);justify-content:space-between;min-height:3.75rem;display:flex}.brand{cursor:pointer;align-items:center;gap:var(--space-2);background:0 0;border:none;min-width:0;min-height:2.5rem;padding:0;display:inline-flex}.brand>svg{flex-shrink:0}.brand__mark{color:var(--gold);font-family:var(--font-display);font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.portal-header__actions{gap:var(--space-2);flex-shrink:0;display:flex}.lang-switch{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--fg);cursor:pointer;font-size:var(--text-sm);min-height:2.5rem;padding:var(--space-1) var(--space-3);white-space:nowrap;background:0 0;font-weight:600}.portal-main{padding-block:var(--space-5) var(--space-8)}.board{gap:var(--space-4);display:grid}.board__title{font-size:var(--text-2xl)}.board__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--fg);cursor:pointer;font-size:var(--text-sm);align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-3);font-weight:600;display:inline-flex}.chip--active{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.chip__count{background:var(--gold-soft);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;padding:0 var(--space-2)}.chip--active .chip__count{background:#00000026}.board-state{color:var(--fg-muted);gap:var(--space-3);padding-block:var(--space-7);text-align:center;justify-items:center;display:grid}.order-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.order-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font:inherit;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:start;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"number total""name phone""badges badges";width:100%;display:grid}.order-row__number{grid-area:number;justify-self:start}.order-row__name{overflow-wrap:anywhere;grid-area:name;min-width:0}.order-row__phone{grid-area:phone;justify-self:end}.order-row__total{grid-area:total;justify-self:end}@media (width>=720px){.order-row__phone,.order-row__total{justify-self:start}}.order-row__badges{grid-area:badges}.order-row:hover{border-color:var(--gold)}.order-row__number{color:var(--gold);white-space:nowrap;font-weight:700}.order-row__phone,.order-row__total{color:var(--fg-muted);font-size:var(--text-sm)}@media (width>=720px){.order-row{grid-template-columns:11rem minmax(0,1fr) 10rem 7rem auto;grid-template-areas:"number name phone total badges"}}.status-badge{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--fg-muted);font-size:var(--text-xs);align-items:center;gap:var(--space-2);padding:.3rem var(--space-3);white-space:nowrap;font-weight:600;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-badge--confirmed{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-bright)}.status-badge--preparing{border-color:var(--gold);color:var(--gold-bright)}.status-badge--out_for_delivery{background:var(--info-soft);border-color:var(--info);color:var(--info)}.status-badge--out_for_delivery:before{animation:1.4s ease-in-out infinite pulse-dot}.status-badge--delivered{background:var(--success-soft);border-color:var(--success);color:var(--success)}.status-badge--cancelled{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.order-detail{gap:var(--space-4);max-width:90rem;margin-inline:auto;display:grid}.back-link{color:var(--fg-muted);cursor:pointer;font:inherit;background:0 0;border:none;justify-self:start;padding:0}.order-detail__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.order-detail__head h1{font-size:var(--text-xl)}.order-detail__grid{gap:var(--space-4);display:grid}@media (width>=900px){.order-detail__grid{grid-template-columns:1.2fr 1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-4);display:grid}.panel h2{font-size:var(--text-md)}.panel-row{font-size:var(--text-sm);justify-content:space-between;display:flex}.order-line{align-items:start;gap:var(--space-3)}.order-line__label{gap:var(--space-1);min-width:0;display:grid}.order-line__unit{color:var(--fg-muted);font-size:var(--text-xs);justify-self:start}.order-line__total{white-space:nowrap}.panel-row--total{border-block-start:1px solid var(--border);padding-block-start:var(--space-2);font-weight:700}.panel-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.panel--confirm{justify-items:stretch}.timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.timeline li{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;display:grid}.timeline__rail{justify-items:center;display:grid}.timeline__node{background:var(--gold);border:2px solid var(--gold);border-radius:50%;width:13px;height:13px;margin-block-start:4px}.timeline li:last-child .timeline__node{box-shadow:0 0 0 5px var(--gold-soft)}.timeline__line{background:var(--gold);opacity:.55;flex:1;width:2px;min-height:1.75rem}.timeline li:last-child .timeline__line{display:none}.timeline__body{padding-block-end:var(--space-4)}.timeline__meta{color:var(--fg-faint);font-size:var(--text-xs);margin-block-start:var(--space-1);display:block}.board__toolbar{align-items:end;gap:var(--space-3);display:grid}@media (width>=720px){.board__toolbar{grid-template-columns:1fr minmax(12rem,16rem)}}.order-row__badges{gap:var(--space-1);flex-wrap:wrap;display:inline-flex}@media (width>=720px){.order-row__badges{justify-content:flex-end}}.pay-badge--awaiting_payment{background:var(--info-soft);border-color:var(--info);color:var(--info)}.pay-badge--awaiting_payment:before{animation:1.4s ease-in-out infinite pulse-dot}.pay-badge--paid{background:var(--success-soft);border-color:var(--success);color:var(--success)}.pay-badge--failed,.pay-badge--expired{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.pay-badge--cancelled_unpaid{color:var(--fg-muted);border-style:dashed}.pay-badge--partially_refunded,.pay-badge--refunded{border-color:var(--gold);color:var(--gold-bright);border-style:dashed}.payment-panel__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;display:flex}.payment-panel h3{font-size:var(--text-sm)}.payment-panel__id{font-size:var(--text-xs);overflow-wrap:anywhere}.payment-panel__note{color:var(--fg-muted);font-size:var(--text-sm)}.payment-panel__notice{background:var(--success-soft);border:1px solid var(--success);border-radius:var(--radius-md);color:var(--success);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);font-weight:600}.payment-panel__refund{border-block-start:1px solid var(--border);gap:var(--space-3);padding-block-start:var(--space-3);display:grid}.kiosk-ref{background:var(--gold-soft);border:1px solid var(--gold);border-radius:var(--radius-md);gap:var(--space-1);padding:var(--space-3);display:grid}.kiosk-ref__label,.kiosk-ref__meta{color:var(--fg-muted);font-size:var(--text-xs)}.kiosk-ref__value{color:var(--gold-bright);font-size:var(--text-xl);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-weight:700}.refund-list{gap:var(--space-2);display:grid}.refund-list ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.refund-list__item{font-size:var(--text-sm);align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.refund-list__status{font-weight:600}.refund-list__status--succeeded{color:var(--success)}.refund-list__status--failed{color:var(--danger)}.refund-list__date{color:var(--fg-faint);font-size:var(--text-xs);margin-inline-start:auto}.refund-form,.refund-confirm{gap:var(--space-3);max-width:26rem;display:grid}.refund-form__hint{color:var(--fg-muted);font-size:var(--text-xs)}.refund-confirm{border:1px solid var(--danger);border-radius:var(--radius-md);padding:var(--space-3)}.refund-confirm:focus-visible{outline:2px solid var(--gold);outline-offset:2px}