@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-arabic-400-normal-DN15VWMM.woff2)format("woff2"),url(/assets/cairo-arabic-400-normal-CAYwymWN.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-arabic-700-normal-D3nDedWX.woff2)format("woff2"),url(/assets/cairo-arabic-700-normal-CyOqhaeK.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cairo-arabic-900-normal-DNm2WYV7.woff2)format("woff2"),url(/assets/cairo-arabic-900-normal-dTOb6H7Y.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-400-normal-Dh7otpdh.woff2)format("woff2"),url(/assets/cairo-latin-400-normal-b1R3q6Pf.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-latin-700-normal-C3GYtKbV.woff2)format("woff2"),url(/assets/cairo-latin-700-normal-6fcUy4Rc.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cairo-latin-900-normal-CZYZHNME.woff2)format("woff2"),url(/assets/cairo-latin-900-normal-YbAqUPRv.woff)format("woff")}:root{--ink:#1c1410;--ink2:#2e231c;--fire:#c4410c;--fire-d:#a5360a;--gold:#f2a22c;--cream:#f6efe4;--cream2:#efe5d6;--card:#fff;--mute:#5c4d41;--line:#eadfd0;--ok:#2f7d4f;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--cream);color:var(--ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:Cairo,system-ui,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{background:#fff;border:2px solid #d9ccbd;border-radius:12px;width:100%;min-height:48px;padding:10px 14px}input:focus,select:focus,textarea:focus{outline:3px solid var(--gold);border-color:var(--gold)}.staff{-webkit-user-select:none;user-select:none;overscroll-behavior:none}.btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:17px;font-weight:700;display:inline-flex}.btn-fire{background:var(--fire);color:#fff;font-weight:900}.btn-dark{background:var(--ink);color:#fbf4ea}.btn-ghost{border:2px solid var(--ink);color:var(--ink)}.btn-soft{color:var(--ink);background:#f1e7d8}.btn-lg{border-radius:14px;min-height:60px;font-size:22px;font-weight:900}.btn-sm{min-height:44px;padding:0 14px;font-size:15px}.round{background:#f1e7d8;border-radius:12px;width:48px;height:48px;min-height:48px;padding:0;font-size:24px;font-weight:900}.topbar{background:var(--ink);color:#fbf4ea;flex:none;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.topbar .brand{color:var(--gold);font-size:24px;font-weight:900}.dot{background:#e05a4a;border-radius:50%;width:10px;height:10px;display:inline-block}.dot.on{background:#5fd08a}.page{flex-direction:column;height:100%;display:flex;overflow:hidden}.scroll{-webkit-overflow-scrolling:touch;overflow:auto}.chip{color:#6b2304;background:#ffe4d2;border-radius:999px;align-items:center;padding:2px 12px;font-size:13px;font-weight:700;display:inline-flex}.chip.dark{background:var(--ink);color:#fbf4ea}.chip.ok{color:#1b5a34;background:#dff2e5}.chip.gold{color:#7a4a05;background:#fff3e3}.card{background:var(--card);border-radius:var(--radius);box-shadow:0 2px 8px #3c1e0a14}.muted{color:var(--mute)}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.center{text-align:center}.mt{margin-top:12px}.pad{padding:16px}.tile{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:64px;padding:4px 8px;font-weight:700;display:flex}.tile b{font-size:24px;font-weight:900;line-height:1.1}.tile small{font-size:12px;line-height:1.2}.tile.free{background:#fff;border:2px dashed #b5a595}.tile.busy{border:2px solid var(--fire);color:#6b2304;background:#ffe4d2}.tile.pay{background:var(--ink);border:2px solid var(--ink);color:#fbf4ea}.tile.new{background:var(--fire);border:2px solid var(--fire);color:#fff}.tile.ready{border:2px solid var(--ok);color:#1b5a34;background:#dff2e5}.tile.sel{box-shadow:0 0 0 3px var(--cream2), 0 0 0 6px var(--ink)}.overlay{z-index:50;background:#140c088c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(520px,100%);max-height:92vh;padding:20px;overflow:auto}.sheet{align-items:flex-end;padding:0}.sheet .modal{border-radius:22px 22px 0 0;width:100%;max-width:640px}.toast{background:var(--ink);color:#fff;z-index:80;text-align:center;border-radius:12px;max-width:92vw;padding:12px 22px;font-weight:700;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast.bad{background:var(--fire-d)}.undo{background:var(--ink);color:#fff;z-index:70;border-radius:14px;align-items:center;gap:14px;padding:8px 8px 8px 18px;font-weight:700;display:flex;position:fixed;bottom:18px;right:24px}.pins{grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:12px auto;display:grid}.pins button{background:#fff;border-radius:14px;height:64px;font-size:26px;font-weight:900;box-shadow:0 2px 6px #3c1e0a1a}.pindots{justify-content:center;gap:10px;min-height:22px;margin:10px 0;display:flex}.pindots i{background:#d9ccbd;border-radius:50%;width:18px;height:18px}.pindots i.f{background:var(--fire)}.kpis{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.kpi{padding:14px 16px}.kpi small{color:var(--mute);display:block}.kpi b{font-size:26px;font-weight:900;line-height:1.3;display:block}.bars{align-items:flex-end;gap:4px;height:150px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.bars i{background:#f0c4a8;border-radius:4px 4px 0 0;display:block}.bars i.pk{background:var(--ink)}.bars i.hi{background:var(--fire)}.hlabels{color:var(--mute);gap:4px;margin-top:4px;font-size:11px;display:flex}.hlabels span{text-align:center;flex:1}.hbar{background:#efe5d6;border-radius:4px;height:8px}.hbar i{background:var(--fire);border-radius:4px;height:8px;display:block}.tabs{background:var(--cream2);flex:none;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;background:#fff;border-radius:23px;height:46px;padding:0 18px;font-weight:700}.tabs button.on{background:var(--ink);color:#fbf4ea;font-weight:900}table.list{border-collapse:collapse;width:100%}table.list td,table.list th{border-bottom:1px solid var(--line);text-align:right;vertical-align:middle;padding:8px 10px}table.list input{min-height:40px;padding:4px 8px}.print-area{display:none}.receipt{color:#000;background:#fff;width:72mm;margin:0 auto;padding:2mm 0;font-size:12px;line-height:1.5}.receipt img{aspect-ratio:1421/1350;width:42mm;margin:0 auto 2mm;display:block}.receipt hr{border:0;border-top:1.5px dashed #000;margin:2mm 0}.receipt .r{justify-content:space-between;gap:6px;display:flex}.receipt .big{font-size:17px;font-weight:900}.receipt .c{text-align:center}.receipt .line{gap:4px;display:flex}.receipt .line span:first-child{flex:1;font-weight:700}.receipt .line span:nth-child(2){text-align:center;width:8mm}.receipt .line span:last-child{text-align:left;width:18mm}.ticket-k{font-size:15px}.ticket-k .big{font-size:20px;font-weight:900}@media print{@page{size:80mm auto;margin:0}body,html{background:#fff!important;height:auto!important}body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{position:absolute;top:0;left:0;right:0;display:block!important}.qr-sheet,.qr-sheet *{visibility:visible!important}.qr-sheet{grid-template-columns:1fr 1fr;gap:8mm;padding:10mm;position:absolute;top:0;left:0;right:0;display:grid!important}.qr-sheet .qr-card{break-inside:avoid;text-align:center;border:2px solid #000;border-radius:6mm;padding:6mm}.qr-sheet img.qr{width:55mm;height:55mm}.qr-sheet .qr-card h2{font-size:26pt}}.qr-sheet{display:none}.cm{background:#fbf6ee;max-width:640px;min-height:100%;margin:0 auto;padding-bottom:120px}.cm .hero{color:#fbf4ea;text-align:center;background:radial-gradient(120% 90% at 85% 0,#7a2a05 0%,#2a1a10 55%,#1c1410 100%);padding:22px 20px 54px;position:relative;overflow:hidden}.cm .hero .pill{background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;padding:4px 18px;font-size:15px;font-weight:700;display:inline-block}.cm .hero img.lg{width:190px;margin:14px auto 6px;display:block}.cm .hero p{color:#e9dfd5;max-width:360px;margin:0 auto 16px;font-size:17px}.cm .hero .btns{justify-content:center;gap:10px;display:flex}.cm .hero .btns a,.cm .hero .btns button{border-radius:999px;align-items:center;min-height:52px;padding:0 26px;font-size:18px;font-weight:900;text-decoration:none;display:inline-flex}.cm .hero .zig{background:radial-gradient(circle at 9px 0,#0000 9px,#fbf6ee 9.5px) 0 0/18px 18px repeat-x;height:18px;position:absolute;bottom:-1px;left:0;right:0}.cm .tag{color:#8a3a0a;background:#ffe4d2;border-radius:999px;padding:2px 16px;font-size:14px;font-weight:700;display:inline-block}.cm h2.big{margin:6px 0 14px;font-size:30px;font-weight:900;line-height:1.35}.cm h2.big em{color:var(--fire);font-style:normal}.cm .sec{text-align:center;padding:26px 16px 0}.cm .cats{z-index:12;scrollbar-width:none;background:#fbf6ee;gap:10px;padding:4px 16px 14px;display:flex;position:sticky;top:0;overflow-x:auto}.cm .cats::-webkit-scrollbar{display:none}.cm .cats button{white-space:nowrap;background:#fff;border:1.5px solid #e6d8c6;border-radius:999px;height:46px;padding:0 20px;font-size:16px;font-weight:700}.cm .cats button.on{background:var(--ink);color:#fbf4ea;border-color:var(--ink)}.cm .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:6px 16px 0;display:grid}.cm .pcard{background:#fff;border:1px solid #eadfd0;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #3c1e0a0f}.cm .pcard .im{aspect-ratio:1/.92;background:linear-gradient(145deg,#f3d9c3,#e8b48d);justify-content:center;align-items:center;display:flex;position:relative}.cm .pcard .im img.ph{opacity:.35;width:46%}.cm .pcard .im img.ph.real{object-fit:cover;opacity:1;width:100%;height:100%}.cm .pcard .price{background:#fbf6eef2;border-radius:999px;padding:2px 12px;font-size:15px;font-weight:900;position:absolute;top:10px;left:10px}.cm .pcard .price small{color:var(--mute);margin-left:3px;font-size:11px;font-weight:400}.cm .pcard .bd{flex-direction:column;flex:1;justify-content:space-between;gap:10px;padding:12px 14px 14px;display:flex}.cm .pcard .nm{font-size:17px;font-weight:900;line-height:1.35}.cm .plus{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;line-height:1;display:inline-flex}.cm .step{background:#f1e7d8;border-radius:999px;align-items:center;gap:6px;padding:3px;display:inline-flex}.cm .step button{background:var(--ink);color:#fff;border-radius:50%;width:40px;height:40px;font-size:22px;font-weight:900}.cm .step b{text-align:center;min-width:24px;font-size:18px}.cm .more{justify-content:center;padding:20px 0 6px;display:flex}.cm .more button{background:var(--ink);color:#fff;border-radius:999px;height:52px;padding:0 26px;font-size:17px;font-weight:900}.cm .cartbar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:20;pointer-events:none;background:linear-gradient(#fbf6ee00,#fbf6ee 40%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.cm .cartbar button{pointer-events:auto;background:var(--fire);color:#fff;border-radius:999px;justify-content:space-between;align-items:center;width:min(560px,100%);min-height:60px;padding:0 22px;font-size:19px;font-weight:900;display:flex;box-shadow:0 6px 18px #c4410c66}.cm .orders{padding:18px 16px 0}@media (width<=520px){.topbar{gap:8px;padding:0 12px}.topbar .brand{white-space:nowrap;font-size:19px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:10px 12px}.kpi b{font-size:21px}.btn{padding:0 14px}.tabs button{height:42px;padding:0 14px;font-size:15px}table.list td,table.list th{padding:8px 6px;font-size:14px}.card.pad{padding:14px}}@keyframes holdfill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
