@import"https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--mb-plum-50: #F7F2F8;--mb-plum-100: #EEE3F1;--mb-plum-200: #DCC6E3;--mb-plum-300: #C3A0CE;--mb-plum-400: #A374B3;--mb-plum-500: #834E96;--mb-plum-600: #6A3A7D;--mb-plum-700: #57296B;--mb-plum-800: #4A1D5E;--mb-plum-900: #36144A;--mb-plum-950: #220A30;--mb-teal-50: #F0FDFA;--mb-teal-100: #CCFBF1;--mb-teal-200: #99F6E4;--mb-teal-300: #5EEAD4;--mb-teal-400: #2DD4BF;--mb-teal-500: #14B8A6;--mb-teal-600: #0D9488;--mb-teal-700: #0F766E;--mb-teal-800: #115E59;--mb-teal-900: #134E4A;--mb-green-50: #F0FDF4;--mb-green-100: #DCFCE7;--mb-green-200: #BBF7D0;--mb-green-300: #86EFAC;--mb-green-400: #4ADE80;--mb-green-500: #22C55E;--mb-green-600: #16A34A;--mb-green-700: #15803D;--mb-green-800: #166534;--mb-green-900: #14532D;--mb-gold-50: #FFFBEB;--mb-gold-100: #FEF3C7;--mb-gold-200: #FDE68A;--mb-gold-300: #FCD34D;--mb-gold-400: #F9C631;--mb-gold-500: #F4B400;--mb-gold-600: #D99A00;--mb-gold-700: #A86F00;--mb-gold-800: #7A4F00;--mb-gold-900: #4D3200;--mb-stone-0: #FFFFFF;--mb-stone-50: #FAFAF9;--mb-stone-100: #F5F5F4;--mb-stone-200: #E7E5E4;--mb-stone-300: #D6D3D1;--mb-stone-400: #A8A29E;--mb-stone-500: #78716C;--mb-stone-600: #57534E;--mb-stone-700: #44403C;--mb-stone-800: #292524;--mb-stone-900: #1C1917;--mb-red-50: #FEF2F2;--mb-red-100: #FEE2E2;--mb-red-600: #DC2626;--mb-red-700: #B91C1C;--mb-amber-50: #FFFBEB;--mb-amber-700: #B45309;--mb-bg: #F7F2F8;--mb-surface: #FFFFFF;--mb-surface2: #F5F5F4;--mb-border: #E6DCEA;--mb-text: #1C1917;--mb-text-muted: #57534E;--mb-text-subtle: #78716C;--mb-brand: #4A1D5E;--mb-brand-soft: #EEE3F1;--mb-on-brand: #FFFFFF;--mb-action: #15803D;--mb-action-hover: #166534;--mb-on-action: #FFFFFF;--mb-reward: #F4B400;--mb-reward-soft: #FEF3C7;--mb-on-reward: #1C1917;--mb-reward-text: #7A4F00;--mb-secondary: #0F766E;--mb-success: #15803D;--mb-warning: #B45309;--mb-danger: #B91C1C;--mb-info: #0F766E;--mb-focus: #834E96;--mb-font-display: "Alexandria", "IBM Plex Sans Arabic", sans-serif;--mb-font-body: "IBM Plex Sans Arabic", sans-serif;--mb-text-display: 800 40px/52px var(--mb-font-display);--mb-text-h1: 700 32px/44px var(--mb-font-display);--mb-text-h2: 700 24px/34px var(--mb-font-display);--mb-text-h3: 700 20px/30px var(--mb-font-display);--mb-text-title: 600 17px/26px var(--mb-font-body);--mb-text-body: 400 16px/26px var(--mb-font-body);--mb-text-body-sm: 400 14px/22px var(--mb-font-body);--mb-text-label: 600 14px/20px var(--mb-font-body);--mb-text-caption: 500 12px/18px var(--mb-font-body);--mb-space-1: 4px;--mb-space-2: 8px;--mb-space-3: 12px;--mb-space-4: 16px;--mb-space-5: 20px;--mb-space-6: 24px;--mb-space-8: 32px;--mb-space-10: 40px;--mb-space-14: 56px;--mb-radius-sm: 8px;--mb-radius-md: 12px;--mb-radius-lg: 16px;--mb-radius-xl: 20px;--mb-radius-2xl: 28px;--mb-radius-full: 999px;--mb-shadow-sm: 0 1px 2px rgba(34,10,48,.06);--mb-shadow-md: 0 4px 16px rgba(34,10,48,.08);--mb-shadow-lg: 0 12px 32px rgba(34,10,48,.12);--mb-motion-fast: .15s;--mb-motion-base: .25s;--mb-motion-slow: .4s;--mb-motion-ease: cubic-bezier(.2, .8, .2, 1);--mb-touch-min: 44px}[data-theme=dark]{--mb-bg: #17101C;--mb-surface: #221829;--mb-surface2: #2D2035;--mb-border: #3D2E47;--mb-text: #F5EFF7;--mb-text-muted: #C9BBD0;--mb-text-subtle: #A08FA8;--mb-brand: #C3A0CE;--mb-brand-soft: #36144A;--mb-on-brand: #220A30;--mb-action: #22C55E;--mb-action-hover: #4ADE80;--mb-on-action: #052E16;--mb-reward: #F4B400;--mb-reward-soft: #4D3200;--mb-on-reward: #1C1917;--mb-reward-text: #FCD34D;--mb-secondary: #2DD4BF;--mb-success: #4ADE80;--mb-warning: #FBBF24;--mb-danger: #F87171;--mb-info: #5EEAD4;--mb-focus: #C3A0CE;--mb-shadow-md: 0 4px 16px rgba(0,0,0,.4)}:root{--teal: var(--mb-brand);--teal-700: var(--mb-plum-900);--teal-50: var(--mb-brand-soft);--teal-100: var(--mb-plum-200);--green: var(--mb-action);--green-700: var(--mb-action-hover);--green-50: var(--mb-green-100);--gold: var(--mb-reward);--gold-700: var(--mb-reward-text);--gold-50: var(--mb-reward-soft);--ink: var(--mb-text);--ink-2: var(--mb-text-muted);--ink-3: var(--mb-text-subtle);--line: var(--mb-border);--bg: var(--mb-bg);--card: var(--mb-surface);--red: var(--mb-danger);--red-50: var(--mb-red-100);--blue: var(--mb-info);--blue-50: var(--mb-teal-50);--shadow: 0 1px 2px rgba(34,10,48,.05), 0 4px 14px rgba(34,10,48,.06);--font: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--font-display: var(--mb-font-display)}:root[lang=en]{--font: "Inter", "IBM Plex Sans Arabic", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:var(--teal);text-decoration:none}svg.i{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}:focus-visible{outline:2px solid var(--mb-focus);outline-offset:2px}h1,h2,h3,.h1,.h2,.h3,.kpi .v,.brand{font-family:var(--font-display)}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1;min-width:0}.grid{display:grid;gap:16px}.g2{grid-template-columns:2fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.ge2{grid-template-columns:1fr 1fr}@media (max-width: 1100px){.g4{grid-template-columns:repeat(2,1fr)}.g2,.g3,.ge2{grid-template-columns:1fr}}.muted{color:var(--ink-2)}.cap{font-size:12px;color:var(--ink-3)}.strong{font-weight:600}.center{text-align:center}.h1{font-size:24px;font-weight:700;line-height:1.35}.h2{font-size:18px;font-weight:700}.h3{font-size:15px;font-weight:600}.ltr{direction:ltr;unicode-bidi:plaintext;text-align:start}.mt{margin-top:16px}.mb{margin-bottom:16px}.mts{margin-top:8px}.app{display:flex;height:100vh;overflow:hidden}.side{width:248px;background:var(--mb-plum-800);color:#fff;display:flex;flex-direction:column;flex:none}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 12px;font-weight:800;font-size:20px;color:#fff}.brand small{display:block;font-size:11px;font-weight:500;color:var(--mb-plum-200);font-family:var(--font)}.nav{padding:6px 10px;flex:1;overflow:auto}.nav a{display:flex;align-items:center;gap:12px;height:42px;padding:0 12px;border-radius:12px;color:var(--mb-plum-100);font-weight:500;margin-bottom:2px}.nav a:hover{background:#ffffff14}.nav a.active{background:#fff;color:var(--mb-brand);font-weight:700}.nav .cnt{margin-inline-start:auto;background:var(--gold);color:#2a1e00;border-radius:99px;min-width:20px;height:20px;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 6px}.who{padding:14px;border-top:1px solid rgba(255,255,255,.14);display:flex;gap:10px;align-items:center}.who .cap{color:var(--mb-plum-200)}.av{width:36px;height:36px;border-radius:50%;background:var(--mb-plum-500);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}.main{flex:1;display:flex;flex-direction:column;min-width:0}.top{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px;flex:none}.top h1{font-size:19px}.content{flex:1;overflow:auto;padding:24px}@media (max-width: 900px){.side{width:72px}.side .brand div,.nav a span:not(.cnt),.who .grow{display:none}.nav a{justify-content:center;padding:0}.nav .cnt{position:absolute;margin:-22px 0 0 -22px}.content{padding:16px}.nav a{position:relative}}.card{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:18px}.card h3{font-size:15px;margin-bottom:12px}.kpi .l{color:var(--ink-2);font-size:13px;display:flex;justify-content:space-between;align-items:center}.kpi .v{font-size:28px;font-weight:700;margin:6px 0 2px}.kpi .d{font-size:12px;font-weight:600;color:var(--green-700)}.kpi .d.neg{color:var(--red)}.ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.thumb{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--mb-plum-700),var(--mb-plum-500));display:grid;place-items:center;color:#fff;flex:none;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.btn{height:40px;border-radius:10px;padding:0 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s;white-space:nowrap}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.45;pointer-events:none}.btn-primary{background:var(--mb-action);color:var(--mb-on-action)}.btn-primary:hover{background:var(--mb-action-hover)}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-700)}.btn-ghost{border:1.5px solid var(--line);background:#fff}.btn-ghost:hover{background:var(--bg)}.btn-danger{background:var(--red-50);color:var(--red)}.btn-danger:hover{background:#fbd5d5}.btn-sm{height:32px;font-size:12px;padding:0 12px;border-radius:8px}.btn-lg{height:52px;font-size:16px;border-radius:14px}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}.b-gold{background:var(--gold-50);color:var(--gold-700)}.b-green{background:var(--green-50);color:var(--green-700)}.b-teal{background:var(--teal-50);color:var(--teal)}.b-red{background:var(--red-50);color:var(--red)}.b-blue{background:var(--blue-50);color:var(--blue)}.b-gray{background:var(--bg);color:var(--ink-2)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:13px;font-weight:600}.hint{font-size:12px;color:var(--ink-3)}.inp{height:42px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;background:#fff;outline:0;width:100%;transition:border-color .15s}.inp:focus{border-color:var(--mb-focus);box-shadow:0 0 0 4px var(--mb-brand-soft)}.inp.bad{border-color:var(--red)}textarea.inp{height:90px;padding:10px 12px;resize:vertical}.inp-lg{height:52px;font-size:15px;border-radius:14px}.err{color:var(--red);font-size:12px;display:flex;gap:6px;align-items:flex-start;line-height:1.6}.alert{display:flex;gap:10px;padding:12px 14px;border-radius:12px;align-items:flex-start;line-height:1.7}.a-red{background:var(--red-50);color:var(--red)}.a-gold{background:var(--gold-50);color:var(--gold-700)}.a-teal{background:var(--teal-50);color:var(--teal)}.a-green{background:var(--green-50);color:var(--green-700)}.a-blue{background:var(--blue-50);color:var(--blue)}.tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.tabs button{height:38px;padding:0 16px;border-radius:99px;background:#fff;border:1px solid var(--line);font-weight:600;color:var(--ink-2);display:flex;gap:8px;align-items:center}.tabs button.on{background:var(--teal);border-color:var(--teal);color:#fff}.tabs .c{background:#00000014;border-radius:99px;font-size:11px;padding:0 7px;height:18px;display:grid;place-items:center}.tabs button.on .c{background:#ffffff40}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:38px;padding:0 16px;border-radius:99px;border:1.5px solid var(--line);background:#fff;font-weight:500}.chip.on{background:var(--teal);border-color:var(--teal);color:#fff}.sw{width:44px;height:26px;background:var(--line);border-radius:99px;position:relative;transition:.2s;flex:none}.sw:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0003}.sw.on{background:var(--green)}.sw.on:after{inset-inline-start:21px}.sw[disabled]{opacity:.5}table{width:100%;border-collapse:collapse}th{text-align:start;font-size:12px;color:var(--ink-3);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border:0}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:var(--bg)}.table-wrap{overflow-x:auto}.list-item{padding:12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:10px}.list-item:hover{background:var(--bg)}.list-item.on{background:var(--teal-50)}.split{display:grid;grid-template-columns:300px 1fr;gap:16px}@media (max-width: 1000px){.split,.split-wide{grid-template-columns:1fr!important}}.split-wide{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}.pager{display:flex;justify-content:space-between;align-items:center;padding-top:12px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#10222b80;display:grid;place-items:center;z-index:50;animation:fadein .15s;padding:16px}@keyframes fadein{0%{opacity:0}}.modal{background:#fff;border-radius:18px;width:480px;max-width:100%;max-height:92vh;overflow:auto;padding:22px;box-shadow:0 30px 80px #0000004d}.modal-lg{width:720px}.toasts{position:fixed;bottom:24px;inset-inline-start:24px;display:flex;flex-direction:column;gap:8px;z-index:60}.toast{background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;display:flex;gap:8px;align-items:center;animation:fadein .2s;box-shadow:var(--shadow)}.toast.error{background:var(--red)}.empty{text-align:center;padding:48px 24px;color:var(--ink-2)}.empty .em{width:72px;height:72px;border-radius:50%;background:var(--teal-50);color:var(--teal);display:grid;place-items:center;margin:0 auto 14px}.skeleton{background:linear-gradient(90deg,#e9eff1 25%,#f5f8f9 37%,#e9eff1 63%);background-size:400% 100%;animation:sk 1.4s infinite;border-radius:10px}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.spin{width:56px;height:56px;border-radius:50%;border:5px solid var(--teal-50);border-top-color:var(--teal);animation:sp 1s linear infinite;margin:0 auto}@keyframes sp{to{transform:rotate(360deg)}}.divider{border:0;border-top:1px solid var(--line);margin:14px 0}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.bar{height:8px;background:var(--bg);border-radius:9px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--teal);border-radius:9px}.upload{border:2px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--ink-3);cursor:pointer}.upload:hover{border-color:var(--teal);color:var(--teal)}.order-card{border:1.5px solid var(--line);border-radius:14px;padding:16px;background:#fff;margin-bottom:12px}.order-card.new{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-50);animation:glow 1.6s infinite}@keyframes glow{50%{box-shadow:0 0 0 8px #f4b4001f}}.timer{font-variant-numeric:tabular-nums;font-weight:700;color:var(--gold-700)}.steps{position:relative}.st{display:flex;gap:14px;padding-bottom:20px;position:relative}.st:last-child{padding-bottom:0}.st .d{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:#fff;display:grid;place-items:center;flex:none;z-index:1;color:#fff}.st:before{content:"";position:absolute;inset-inline-start:13px;top:28px;bottom:0;width:2px;background:var(--line)}.st:last-child:before{display:none}.st.done .d{background:var(--green);border-color:var(--green)}.st.done:before{background:var(--green)}.st.now .d{border-color:var(--teal);box-shadow:0 0 0 6px var(--teal-50)}.st.now .d:after{content:"";width:10px;height:10px;background:var(--teal);border-radius:50%}.st:not(.done):not(.now) b{color:var(--ink-3);font-weight:500}.progress{display:flex;gap:6px;flex:1}.progress i{height:5px;flex:1;border-radius:9px;background:var(--line)}.progress i.on{background:var(--teal)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:linear-gradient(180deg,#fff 0,var(--bg) 320px)}.page-card{width:min(560px,100%);background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:32px;margin-top:8px}.page-top{width:min(960px,100%);display:flex;align-items:center;gap:10px;padding:8px 0 16px;font-weight:700;font-size:18px}.otp{display:flex;gap:8px;justify-content:center;direction:ltr}.otp input{width:48px;height:58px;text-align:center;font-size:22px;font-weight:600;border:1.5px solid var(--line);border-radius:12px;outline:0;background:#fff}.otp input:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-50)}.opt{display:flex;gap:14px;align-items:center;width:100%;text-align:start;padding:16px;border:1.5px solid var(--line);border-radius:16px;margin-bottom:10px;background:#fff;position:relative}.opt:hover{border-color:var(--teal-100)}.opt.on{border-color:var(--teal);background:var(--teal-50)}.opt .ic{width:46px;height:46px;border-radius:14px;background:var(--teal-50);color:var(--teal);display:grid;place-items:center;flex:none}.opt.on .ic{background:#fff}.opt .tag{position:absolute;top:-10px;inset-inline-end:14px;background:var(--gold);color:#2a1e00;font-size:11px;font-weight:700;padding:2px 10px;border-radius:99px}.opt[disabled]{opacity:.55}.mb-spinner{width:56px;margin:0 auto;display:grid;place-items:center}.mb-mark .mb-band{transform-box:fill-box}.mb-loop .mb-band{animation:mb-pulse 1.6s ease-in-out infinite}.mb-loop .mb-b0{animation-delay:0s}.mb-loop .mb-b3{animation-delay:.2s}.mb-loop .mb-b2{animation-delay:.4s}.mb-loop .mb-b1{animation-delay:.6s}@keyframes mb-pulse{0%,to{opacity:1}50%{opacity:.28}}.mb-intro .mb-band{animation:.45s var(--mb-motion-ease) both}.mb-intro .mb-b0{animation-name:mb-grow-x;transform-origin:100% 50%;animation-delay:0s}.mb-intro .mb-b3{animation-name:mb-grow-y;transform-origin:50% 100%;animation-delay:.15s}.mb-intro .mb-b2{animation-name:mb-grow-x;transform-origin:0 50%;animation-delay:.3s}.mb-intro .mb-b1{animation-name:mb-grow-y;transform-origin:50% 0;animation-delay:.45s}@keyframes mb-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mb-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.mb-mark .mb-band{animation:none!important}}@media print{.side,.top{display:none}}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.board-col{background:var(--surface-2, #F5F5F4);border-radius:16px;padding:12px;min-width:0}.board-col h3{font-size:16px;margin:4px 4px 12px}.board-col .order-card{margin-bottom:10px}@media (max-width: 1100px){.board{grid-template-columns:1fr}}.side.side-admin{background:var(--mb-stone-900, #1C1917)}.side.side-admin .brand small{background:#ffffff29;color:#fff;border-radius:6px;padding:1px 8px;margin-inline-start:6px;font-weight:600}