:root{--saffron-50:#fef4e7;--saffron-100:#fce3c2;--saffron-200:#f9c786;--saffron-300:#f6a847;--saffron-400:#f4861a;--saffron-500:#ec6f0a;--saffron-600:#c85907;--saffron-700:#9c4708;--teal-50:#e3f0ef;--teal-100:#bcdad8;--teal-200:#7fb6b2;--teal-300:#3e8c87;--teal-400:#176e69;--teal-500:#0e5c58;--teal-600:#0a4844;--teal-700:#073330;--teal-800:#062825;--hibiscus:#d63b28;--sand-50:#fbf7f1;--sand-100:#f4ecdf;--sand-200:#e7dac6;--sand-300:#d2c0a4;--sand-400:#a2917a;--sand-500:#6f6354;--sand-700:#332c23;--sand-900:#211b14;--success:#2e9e5b;--success-bg:#e4f2e9;--success-fg:#1e6b3d;--warning:#f2a60c;--warning-bg:#fcf0d4;--warning-fg:#8a5e07;--error:#d7342a;--error-bg:#fbe4e2;--error-fg:#9b221b;--info:#0e5c58;--info-bg:#e3f0ef;--info-fg:#073330;--bg:#fff;--paper:#fff;--sunken:#f7f2ea;--canvas-dash:#faf6ef;--fg-1:var(--sand-900);--fg-2:var(--sand-500);--fg-3:var(--sand-400);--border:#332c231f;--border-strong:#332c2333;--f-head:"Sora",system-ui,sans-serif;--f-body:"Plus Jakarta Sans",system-ui,sans-serif;--f-ar:"Cairo",system-ui,sans-serif;--f-ar-body:"Tajawal",system-ui,sans-serif;--f-mono:"Space Mono",monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-pill:9999px;--shadow-pop:0 6px 20px #332c231a,0 1px 3px #332c230f;--shadow-modal:0 24px 60px #332c2333,0 6px 16px #332c231f;--ease:cubic-bezier(.2,.7,.3,1);--dur:.18s}:root,html[lang=ar]{--f-ui:var(--f-ar);--f-ui-body:var(--f-ar-body)}html[lang=en]{--f-ui:var(--f-head);--f-ui-body:var(--f-body)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--f-ui);background:var(--canvas-dash);color:var(--fg-1);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}::selection{background:var(--saffron-200);color:var(--sand-900)}.mono{font-family:var(--f-mono);direction:ltr;unicode-bidi:isolate}[data-portal=admin]{--sidebar-bg:var(--teal-800)}[data-portal=merchant]{--sidebar-bg:var(--teal-500)}.dash{grid-template-columns:1fr 248px;min-height:100vh;display:grid}.dash__main{flex-direction:column;min-width:0;display:flex}.sidebar{background:var(--sidebar-bg,var(--teal-500));color:#fff;padding:var(--sp-5) var(--sp-4);gap:var(--sp-2);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-6);display:flex}.sidebar__brand b{font-size:16px;font-weight:800}.sidebar__brand span{opacity:.7;font-size:11px;display:block}.sidebar__link{align-items:center;gap:var(--sp-3);padding:11px var(--sp-3);border-radius:var(--r-md);color:#ffffffc7;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar__link:hover{color:#fff;background:#ffffff14}.sidebar__link.is-active{color:#fff;background:#ffffff29}.sidebar__spacer{flex:1}.sidebar__logout{color:#fff;border-radius:var(--r-md);cursor:pointer;background:0 0;border:1px solid #ffffff40;padding:10px;font-family:inherit;font-weight:600}.sidebar__logout:hover{background:#ffffff1a}.topbar{z-index:10;background:color-mix(in srgb, var(--canvas-dash) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:var(--sp-4);height:64px;padding:0 var(--sp-8);display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:19px;font-weight:800}.topbar__spacer{flex:1}.content{padding:var(--sp-8);width:100%;max-width:1240px}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5)}.grid-4{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.grid-2{gap:var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid}.stat__label{color:var(--fg-2);font-size:13px;font-weight:600}.stat__value{margin-top:6px;font-size:28px;font-weight:800}.stat__value small{color:var(--fg-2);font-size:13px;font-weight:600}.table{border-collapse:collapse;width:100%}.table th{text-align:start;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-2);background:var(--sand-50);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:700}.table td{border-bottom:1px solid var(--border);padding:12px;font-size:14px}.table tbody tr:hover{background:var(--sand-50)}.badge{border-radius:var(--r-pill);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge i{border-radius:50%;width:7px;height:7px;display:inline-block}.badge--pending{background:var(--warning-bg);color:var(--warning-fg)}.badge--pending i{background:var(--warning)}.badge--active{background:var(--saffron-50);color:var(--saffron-700)}.badge--active i{background:var(--saffron-500)}.badge--done{background:var(--success-bg);color:var(--success-fg)}.badge--done i{background:var(--success)}.badge--cancel{background:var(--error-bg);color:var(--error-fg)}.badge--cancel i{background:var(--error)}.btn{height:40px;padding-inline:var(--sp-4);border-radius:var(--r-md);cursor:pointer;transition:filter var(--dur) var(--ease), transform var(--dur) var(--ease);border:1.5px solid #0000;align-items:center;gap:6px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--saffron-500);color:#fff}.btn--primary:hover{filter:brightness(1.06)}.btn--teal{background:var(--teal-500);color:#fff}.btn--outline{border-color:var(--border-strong);color:var(--fg-1);background:0 0}.btn--outline:hover{background:var(--sand-50)}.btn--danger{color:var(--error);border-color:var(--error-bg);background:0 0}.btn--sm{height:32px;padding-inline:12px;font-size:13px}.chip{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--paper);cursor:pointer;padding:7px 14px;font-size:13px;font-weight:600}.chip.is-active{background:var(--saffron-500);color:#fff;border-color:#0000}.input,.select,.textarea{border:1.6px solid var(--border-strong);border-radius:var(--r-md);background:var(--paper);width:100%;height:44px;color:var(--fg-1);padding:0 14px;font-family:inherit;font-size:14px}.textarea{height:auto;min-height:80px;padding:12px 14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--saffron-500);outline:none;box-shadow:0 0 0 3px #ec6f0a2e}.field{margin-bottom:var(--sp-4)}.field label{color:var(--fg-1);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.toggle{background:var(--sand-300);cursor:pointer;width:42px;height:24px;transition:background var(--dur);border:none;border-radius:999px;position:relative}.toggle.on{background:var(--success)}.toggle:after{content:"";top:3px;width:18px;height:18px;transition:inset-inline-start var(--dur);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}.toggle.on:after{inset-inline-start:21px}.scrim{z-index:40;animation:fade var(--dur) var(--ease);background:#211b1466;position:fixed;inset:0}.drawer{background:var(--paper);z-index:50;width:420px;max-width:92vw;height:100vh;box-shadow:var(--shadow-modal);animation:slideIn var(--dur) var(--ease) forwards;flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer__head{padding:var(--sp-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.drawer__head h2{margin:0;font-size:18px;font-weight:800}.drawer__body{padding:var(--sp-5);flex:1;overflow-y:auto}.drawer__foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);gap:var(--sp-3);display:flex}@keyframes slideIn{to{transform:translate(0)}}@keyframes fade{0%{opacity:0}}.muted{color:var(--fg-2)}.live{color:var(--success-fg);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.live i{background:var(--success);width:8px;height:8px;animation:pulse 1.6s var(--ease) infinite;border-radius:50%;box-shadow:0 0 #2e9e5b80}@keyframes pulse{70%{box-shadow:0 0 0 7px #2e9e5b00}to{box-shadow:0 0 #2e9e5b00}}.section-title{margin:0 0 var(--sp-4);font-size:18px;font-weight:800}.toolbar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.empty{text-align:center;padding:var(--sp-16) var(--sp-4);color:var(--fg-2)}@media (width<=820px){.dash{grid-template-columns:1fr}.sidebar{display:none}.grid-4,.grid-2{grid-template-columns:1fr 1fr}}.auth{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth__promo{background:linear-gradient(160deg, var(--teal-500), var(--teal-700));color:#fff;padding:var(--sp-12);justify-content:center;align-items:center;display:flex}.auth__promo-inner{max-width:380px}.auth__promo-inner h2{margin:var(--sp-6) 0 var(--sp-3);font-size:30px;font-weight:800}.auth__promo-inner p{color:#ffffffc7;font-size:16px;line-height:1.7}.auth__promo-inner ul{margin:var(--sp-6) 0 0;gap:var(--sp-3);flex-direction:column;padding:0;list-style:none;display:flex}.auth__promo-inner li{align-items:center;gap:var(--sp-3);font-weight:600;display:flex}.auth__promo-inner li svg{color:var(--saffron-300)}.auth__form{padding:var(--sp-8);background:var(--canvas-dash);justify-content:center;align-items:center;display:flex}.auth__card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:380px;padding:var(--sp-8)}.auth__tabs{gap:var(--sp-2);margin-bottom:var(--sp-6);background:var(--sand-100);border-radius:var(--r-md);padding:4px;display:flex}.auth__tabs button{border-radius:var(--r-sm);color:var(--fg-2);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-family:inherit;font-size:14px;font-weight:700}.auth__tabs button.is-active{background:var(--paper);color:var(--fg-1);box-shadow:var(--shadow-pop)}.otp{gap:var(--sp-3);direction:ltr;display:flex}.otp__box{text-align:center;border:1.6px solid var(--border-strong);border-radius:var(--r-md);width:56px;height:56px;font-size:22px;font-weight:700;font-family:var(--f-mono)}.otp__box:focus{border-color:var(--saffron-500);outline:none;box-shadow:0 0 0 3px #ec6f0a2e}@media (width<=900px){.auth{grid-template-columns:1fr}.auth__promo{display:none}}