:root{--bg-app: #191411;--bg-panel: #1d1612;--bg-card: #221b16;--bg-card-hover: #2a201a;--bg-item: #251d17;--bg-item-hover: #2e231c;--bg-deep: #14100d;--bg-input: #1a1410;--border-main: #2a2019;--border-card: #352920;--border-item: #382b21;--border-subtle: rgba(255, 255, 255, .06);--color-orange: #f27220;--color-orange-hover: #ea580c;--color-orange-glow: rgba(242, 114, 32, .4);--color-green: #10b981;--color-green-hover: #059669;--color-green-glow: rgba(16, 185, 129, .35);--color-amber: #fbbf24;--color-amber-hover: #f59e0b;--color-red: #ef4444;--color-red-hover: #dc2626;--text-white: #ffffff;--text-primary: #f5ede6;--text-secondary: #c2b2a3;--text-muted: #9a8b7f;--text-dark: #7d6e62;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-arabic: "Cairo", "Tajawal", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-arabic)}button{background-color:transparent;color:var(--text-white);border:none;outline:none;cursor:pointer;font-family:inherit;transition:all .18s ease}input,select,textarea{background-color:var(--bg-item);color:var(--text-white);border:1px solid var(--border-item);font-family:inherit;outline:none}input[type=date]{color-scheme:dark!important;background-color:#221b16!important;color:#fff!important;border:1px solid #382b21!important;border-radius:10px;padding:6px 10px}.jj-btn-primary{background:var(--color-orange)!important;color:#fff!important;font-weight:800!important;border-radius:var(--radius-md)!important;padding:8px 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;border:none!important;box-shadow:0 4px 12px #f2722040!important;transition:all .2s ease!important}.jj-btn-primary:hover{background:var(--color-orange-hover)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #f2722059!important}.jj-btn-secondary{background:#2a2019!important;color:#f5ede6!important;font-weight:700!important;border-radius:var(--radius-md)!important;padding:8px 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;border:1px solid #3d2e24!important;transition:all .2s ease!important}.jj-btn-secondary:hover{background:#362920!important;color:#fff!important;border-color:#4e3a2e!important}.jj-btn-success{background:#10b981!important;color:#fff!important;font-weight:800!important;border-radius:var(--radius-md)!important;padding:8px 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;border:none!important;box-shadow:0 4px 12px #10b98140!important;transition:all .2s ease!important}.jj-btn-success:hover{background:#059669!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #10b98159!important}.jj-btn-danger{background:#dc2626!important;color:#fff!important;font-weight:800!important;border-radius:var(--radius-md)!important;padding:8px 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;border:none!important;transition:all .2s ease!important}.jj-btn-danger:hover{background:#b91c1c!important}.jj-btn-outline-orange{background:#241c16!important;color:var(--color-orange)!important;font-weight:700!important;border-radius:var(--radius-md)!important;padding:8px 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;border:1px solid rgba(242,114,32,.4)!important;transition:all .2s ease!important}.jj-btn-outline-orange:hover{background:#f2722026!important;border-color:var(--color-orange)!important;color:#fff!important}.jj-card-btn{background:#1c1511!important;color:#fff!important;border:1px solid #2e231c!important;border-radius:12px!important;padding:12px!important;width:100%!important;text-align:right!important;display:flex!important;align-items:center!important;justify-content:space-between!important;cursor:pointer!important;transition:all .15s ease!important}.jj-card-btn:hover{background:#251d17!important;border-color:#3d2e24!important}.jj-card-btn.active{background:#2a2019!important;border-color:var(--color-orange)!important;box-shadow:0 2px 8px #f2722033!important}.bg-\[\#14100d\]{background-color:#14100d!important}.bg-\[\#16110e\],.bg-\[\#120e0b\],.bg-\[\#120e0c\]{background-color:#16110e!important}.bg-\[\#191411\],.bg-\[\#1a1410\],.bg-\[\#1c1612\],.bg-\[\#1c1511\]{background-color:#191411!important}.bg-\[\#201813\],.bg-\[\#1f1813\],.bg-\[\#1d1612\]{background-color:#201813!important}.bg-\[\#221b16\],.bg-\[\#221a15\]{background-color:#221b16!important}.bg-\[\#251d17\],.bg-\[\#261c15\]{background-color:#251d17!important}.bg-\[\#2a2019\],.bg-\[\#2b211a\],.bg-\[\#2b221b\],.bg-\[\#2e231c\]{background-color:#2b211a!important}.bg-\[\#33271f\],.bg-\[\#362a21\],.bg-\[\#362b22\],.bg-\[\#352920\],.bg-\[\#3d2e24\]{background-color:#33271f!important}.bg-\[\#1a2e21\],.bg-\[\#17291e\]{background-color:#17291e!important}.bg-\[\#2e1d1a\]{background-color:#2e1d1a!important}.bg-\[\#f27220\]{background-color:#f27220!important}.bg-\[\#d65d13\],.bg-\[\#ea580c\]{background-color:#d65d13!important}.text-white{color:#fff!important}.text-\[\#f27220\],.text-orange-400{color:#f27220!important}.text-\[\#8c7d71\]{color:#8c7d71!important}.text-\[\#cfc2b6\]{color:#cfc2b6!important}.text-emerald-400{color:#34d399!important}.text-red-400{color:#f87171!important}.text-amber-400{color:#fbbf24!important}.border-\[\#2e231c\],.border-\[\#33271f\],.border-\[\#33261d\],.border-\[\#3b2d23\],.border-\[\#3d2e23\]{border-color:#33271f!important}img{max-width:100%;height:auto;display:block}html,body{background-color:var(--bg-app);color:var(--text-primary);width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-user-select:auto;user-select:auto;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#14100d}::-webkit-scrollbar-thumb{background:#3e3025;border-radius:6px;border:2px solid #14100d}::-webkit-scrollbar-thumb:hover{background:var(--color-orange)}.eco-navbar{height:36px;background:#120e0c;border-bottom:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;font-weight:700;position:sticky;top:0;z-index:1000;flex-shrink:0}.eco-tabs{display:flex;align-items:center;gap:8px}.eco-brand-badge{color:var(--color-orange);font-weight:900;margin-left:12px;font-size:11px}.eco-tab-btn{background:transparent;border:none;color:var(--text-muted);padding:4px 10px;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:700;font-size:11px;transition:all .15s}.eco-tab-btn:hover{color:var(--text-white);background:#1d1612}.eco-tab-btn.active{background:var(--color-orange);color:var(--text-white);font-weight:900;box-shadow:0 2px 8px var(--color-orange-glow)}.eco-tagline{color:var(--text-dark);font-family:monospace;font-size:10px}.pos-container{display:flex;height:calc(100vh - 36px);width:100vw;background:var(--bg-app);direction:ltr;overflow:hidden}.pos-workspace{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;border-left:1px solid var(--border-main);overflow:hidden;direction:rtl}.pos-header{height:68px;background:var(--bg-app);border-bottom:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;padding:0 20px;direction:rtl}.pos-header-left-brand,.pos-header-right{display:flex;align-items:center;gap:16px}.pos-brand-group{display:flex;align-items:center;gap:10px}.pos-brand-jj{font-size:34px;font-weight:900;color:var(--color-orange);font-family:serif;line-height:1;letter-spacing:-1px}.pos-brand-names{display:flex;flex-direction:column;line-height:1.1}.pos-brand-name-en{font-size:16px;font-weight:900;color:var(--text-white);letter-spacing:.5px}.pos-brand-sub{font-size:10px;font-weight:800;color:var(--text-dark);letter-spacing:1.5px}.pos-search-box{position:relative;width:380px}.pos-search-box input{width:100%;background:#221b16;border:1px solid var(--border-card);border-radius:9999px;padding:10px 42px 10px 16px;color:var(--text-white);font-size:12px;outline:none;transition:all .2s;direction:rtl}.pos-search-box input:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #f2722026}.pos-search-box input::placeholder{color:#7d6e62}.pos-search-icon{position:absolute;right:14px;top:11px;color:#7d6e62;width:15px;height:15px}.pos-header-right-status,.pos-header-left{display:flex;align-items:center;gap:12px}.pos-pill-shift{background:#221a15;border:1px solid #362920;border-radius:9999px;padding:6px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s;direction:rtl}.pos-pill-shift:hover{background:#2c221b}.pos-pill-shift-title{font-size:9px;color:var(--text-dark);font-weight:600;display:block}.pos-pill-shift-val{font-size:11px;color:var(--color-orange);font-weight:800;display:block}.pos-pill-online{background:#1b261e;border:1px solid rgba(16,185,129,.35);border-radius:9999px;padding:8px 14px;display:flex;align-items:center;gap:8px;color:#34d399;font-size:12px;font-weight:800;direction:rtl}.pos-pill-online-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}.pos-pill-cashier{background:#221a15;border:1px solid #362920;border-radius:9999px;padding:5px 14px 5px 8px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .15s;direction:rtl}.pos-pill-cashier:hover{background:#2c221b}.pos-cashier-avatar{width:32px;height:32px;border-radius:50%;background:#0ea5e933;border:1px solid rgba(14,165,233,.4);display:flex;align-items:center;justify-content:center;font-size:14px}.pos-categories-bar{background:#1c1612;border-bottom:1px solid var(--border-main);padding:12px 20px;display:flex;align-items:center;gap:10px;overflow-x:auto;direction:rtl}.pos-cat-pill{padding:10px 22px;border-radius:12px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;background:#241c17;color:var(--text-secondary);border:1px solid var(--border-card);transition:all .15s}.pos-cat-pill:hover{background:#2d231d;color:var(--text-white)}.pos-cat-pill.active{background:var(--color-orange);color:var(--text-white);border-color:var(--color-orange);box-shadow:0 4px 16px var(--color-orange-glow)}.pos-products-area{flex:1;min-width:0;padding:16px 20px;overflow-y:auto;overflow-x:hidden;direction:rtl}.pos-products-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;min-width:0}.pos-product-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000004d;text-align:center}.pos-product-card:hover{background:var(--bg-card-hover);border-color:#f2722099;transform:translateY(-3px);box-shadow:0 8px 24px #00000080}.pos-product-card:active{transform:scale(.98)}.pos-product-img-box{width:100%;height:125px;border-radius:14px;overflow:hidden;background:var(--bg-deep);position:relative;margin-bottom:10px}.pos-product-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pos-product-card:hover .pos-product-img{transform:scale(1.05)}.pos-bestseller-badge{position:absolute;top:8px;right:8px;background:var(--color-orange);color:var(--text-white);font-size:10px;font-weight:900;padding:2px 8px;border-radius:6px;box-shadow:0 2px 8px #0006}.jj-price-pill{position:absolute;bottom:8px;left:8px;background:#14100dd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-orange);font-size:11px;font-weight:900;padding:3px 8px;border-radius:6px;border:1px solid var(--border-card)}.pos-product-title{font-size:14px;font-weight:800;color:var(--text-white);margin-bottom:3px;line-height:1.2;text-align:center}.pos-product-desc{font-size:11px;color:var(--text-muted);line-height:1.4;height:31px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.pos-product-price{font-size:14px;font-weight:900;color:var(--color-orange);margin-top:8px;text-align:center}.pos-order-panel{width:390px;min-width:390px;max-width:390px;background:var(--bg-panel);border-left:1px solid var(--border-main);display:flex;flex-direction:column;height:100%;flex-shrink:0;direction:rtl}.pos-order-header{padding:16px;background:#211914;border-bottom:1px solid var(--border-main)}.pos-order-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pos-order-id-group{display:flex;align-items:center;gap:10px}.pos-order-id{font-size:18px;font-weight:900;color:var(--text-white)}.pos-order-status{background:#382b15;color:var(--color-amber);font-size:11px;font-weight:700;padding:2px 10px;border-radius:9999px;border:1px solid rgba(245,158,11,.45)}.pos-order-subline{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.pos-order-items-scroll{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.pos-order-item-card{background:var(--bg-item);border:1px solid var(--border-item);border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.pos-order-item-details{display:flex;align-items:center;gap:10px;direction:rtl}.pos-order-item-thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--bg-deep);flex-shrink:0}.pos-order-item-thumb img{width:100%;height:100%;object-fit:cover}.pos-order-item-info{display:flex;flex-direction:column;text-align:right}.pos-order-item-name{font-size:12px;font-weight:800;color:var(--text-white)}.pos-order-item-mods{font-size:10px;color:var(--text-dark);margin-top:2px}.pos-order-item-price{font-size:12px;font-weight:900;color:var(--color-orange);margin-top:2px}.pos-order-item-controls{display:flex;align-items:center;gap:8px}.pos-stepper{display:flex;align-items:center;gap:6px;background:#1a1410;border:1px solid var(--border-card);border-radius:8px;padding:4px 8px}.pos-stepper-btn{width:20px;height:20px;border-radius:4px;background:transparent;border:none;color:var(--text-dark);cursor:pointer;display:flex;align-items:center;justify-content:center}.pos-stepper-btn:hover{color:var(--text-white)}.pos-stepper-val{font-size:12px;font-weight:800;color:var(--text-white);width:14px;text-align:center}.pos-trash-btn{background:transparent;border:none;color:#ef4444cc;cursor:pointer;padding:4px;display:flex;align-items:center}.pos-trash-btn:hover{color:#ef4444}.pos-order-totals{padding:14px 16px;background:var(--bg-app);border-top:1px solid var(--border-main);display:flex;flex-direction:column;gap:5px;font-size:12px;direction:rtl}.pos-totals-row{display:flex;justify-content:space-between;color:var(--text-muted)}.pos-totals-val{color:var(--text-white);font-weight:600}.pos-totals-discount{color:var(--color-orange);font-weight:700}.pos-totals-main{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;padding-top:10px;border-top:1px solid var(--border-main)}.pos-total-label{font-size:15px;font-weight:800;color:var(--text-white)}.pos-total-number{font-size:26px;font-weight:900;color:var(--color-orange);letter-spacing:-.5px}.pos-order-actions{padding:14px 16px;background:#17120e;border-top:1px solid var(--border-main);display:flex;flex-direction:column;gap:10px;direction:rtl}.pos-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pos-btn-action{background:#221a15;border:1px solid var(--border-card);border-radius:12px;padding:8px 4px;color:var(--text-secondary);font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .15s}.pos-btn-action:hover{background:#2d221c;color:var(--text-white);border-color:#ffffff1a}.pos-btn-action:disabled{opacity:.4;cursor:not-allowed}.pos-btn-pay{width:100%;height:52px;background:var(--color-green);border:none;border-radius:16px;color:var(--text-white);font-size:17px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 8px 24px var(--color-green-glow);transition:all .15s}.pos-btn-pay:hover{background:var(--color-green-hover);transform:translateY(-1px);box-shadow:0 10px 28px #10b98173}.pos-btn-pay:active{transform:scale(.98)}.kds-container{height:calc(100vh - 36px);width:100vw;background:var(--bg-app);display:flex;flex-direction:column;overflow:hidden;direction:rtl}.kds-header{height:64px;background:#1e1713;border-bottom:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.kds-brand{display:flex;align-items:center;gap:12px}.kds-brand-icon{width:40px;height:40px;border-radius:12px;background:var(--color-orange);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px var(--color-orange-glow)}.kds-filter-tabs{display:flex;align-items:center;gap:8px;background:#14100d;padding:4px;border-radius:12px;border:1px solid var(--border-card)}.kds-filter-pill{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:800;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.kds-filter-pill:hover{color:var(--text-white)}.kds-filter-pill.active{background:var(--color-orange);color:var(--text-white);box-shadow:0 2px 8px var(--color-orange-glow)}.kds-controls{display:flex;align-items:center;gap:12px}.kds-clock-pill{background:#251d17;border:1px solid var(--border-card);padding:6px 14px;border-radius:9999px;display:flex;align-items:center;gap:8px;font-mono:true;font-size:12px;font-weight:800;color:var(--text-white)}.kds-grid{flex:1;padding:20px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-content:start}.kds-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;transition:transform .15s}.kds-card.status-New{border-top:4px solid var(--color-orange)}.kds-card.status-Preparing{border-top:4px solid var(--color-amber)}.kds-card.status-Ready{border-top:4px solid var(--color-green)}.kds-card.urgent{border-top:4px solid var(--color-red);animation:kdsPulse 2s infinite}@keyframes kdsPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.kds-card-header{padding:12px 16px;background:#1a1410;border-bottom:1px solid var(--border-card);display:flex;justify-content:space-between;align-items:center}.kds-card-ticket-id{font-size:18px;font-weight:900;color:var(--text-white)}.kds-timer-badge{padding:3px 10px;border-radius:6px;font-size:12px;font-weight:800;font-family:monospace}.kds-timer-normal{background:#fbbf2426;color:var(--color-amber);border:1px solid rgba(251,191,36,.3)}.kds-timer-urgent{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.kds-items-list{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:10px}.kds-item-row{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:8px}.kds-item-qty{font-size:16px;font-weight:900;color:var(--color-orange);width:28px}.kds-item-details{flex:1}.kds-item-name{font-size:14px;font-weight:800;color:var(--text-white)}.kds-item-mods{font-size:11px;color:var(--text-dark);margin-top:2px}.kds-card-footer{padding:12px 16px;background:#1a1410;border-top:1px solid var(--border-card)}.kds-bump-btn{width:100%;padding:12px;border:none;border-radius:12px;font-size:14px;font-weight:800;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.kds-bump-btn-prep{background:var(--color-amber);color:#1a1410}.kds-bump-btn-prep:hover{background:var(--color-amber-hover)}.kds-bump-btn-ready{background:var(--color-green)}.kds-bump-btn-ready:hover{background:var(--color-green-hover)}.admin-container{height:calc(100vh - 36px);width:100vw;background:var(--bg-app);display:flex;direction:rtl;overflow:hidden}.admin-sidebar{width:260px;min-width:260px;background:#191411;border-left:1px solid var(--border-main);display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow-y:auto}.admin-brand{height:68px;padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-main)}.admin-nav{padding:14px 10px;display:flex;flex-direction:column;gap:4px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700;color:var(--text-secondary);cursor:pointer;border:none;background:transparent;width:100%;text-align:right;transition:all .15s}.admin-nav-item:hover{background:#251c16;color:var(--text-white)}.admin-nav-item.active{background:var(--color-orange);color:var(--text-white);box-shadow:0 4px 12px var(--color-orange-glow)}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.admin-header{height:68px;background:#1e1713;border-bottom:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.admin-content{flex:1;padding:24px;overflow-y:auto}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-kpi-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:18px;box-shadow:0 4px 14px #0000004d;display:flex;flex-direction:column;justify-content:space-between}.admin-kpi-label{font-size:12px;color:var(--text-muted);font-weight:700;margin-bottom:6px}.admin-kpi-val{font-size:26px;font-weight:900;color:var(--text-white);line-height:1.1}.admin-kpi-val.orange{color:var(--color-orange)}.admin-kpi-val.green{color:var(--color-green)}.admin-kpi-val.amber{color:var(--color-amber)}.admin-kpi-sub{font-size:11px;color:var(--text-dark);margin-top:6px}.admin-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 14px #0000004d}.admin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-card-title{font-size:15px;font-weight:800;color:var(--text-white)}.cust-wrapper{height:calc(100vh - 36px);width:100vw;background:#120e0b;display:flex;justify-content:center;overflow:hidden}.cust-container{width:100%;max-width:480px;height:100%;background:var(--bg-app);border-left:1px solid var(--border-main);border-right:1px solid var(--border-main);display:flex;flex-direction:column;position:relative;direction:rtl;overflow:hidden}.cust-header{height:60px;background:#1e1713;border-bottom:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.cust-hero{margin:16px;background:linear-gradient(135deg,#2d1c12,#18120e);border:1px solid var(--border-card);border-radius:16px;padding:18px;display:flex;justify-content:space-between;align-items:center}.cust-cats{display:flex;align-items:center;gap:8px;padding:0 16px 12px;overflow-x:auto}.cust-cat-pill{padding:8px 16px;border-radius:10px;font-size:12px;font-weight:800;background:#221a15;border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.cust-cat-pill.active{background:var(--color-orange);color:#fff;border-color:var(--color-orange)}.cust-products-scroll{flex:1;padding:0 16px 80px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.cust-product-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:12px;display:flex;gap:12px;cursor:pointer;transition:all .15s}.cust-product-card:hover{background:var(--bg-card-hover);border-color:#f2722080}.cust-product-thumb{width:90px;height:90px;border-radius:12px;overflow:hidden;background:var(--bg-deep);flex-shrink:0}.cust-product-thumb img{width:100%;height:100%;object-fit:cover}.cust-product-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.cust-product-title{font-size:14px;font-weight:800;color:var(--text-white)}.cust-product-desc{font-size:11px;color:var(--text-muted);line-height:1.3}.cust-product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.cust-product-price{font-size:14px;font-weight:900;color:var(--color-orange)}.cust-btn-add{background:var(--color-orange);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:800;cursor:pointer}.cust-floating-cart{position:absolute;bottom:16px;left:16px;right:16px;background:var(--color-orange);color:#fff;border-radius:16px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 24px var(--color-orange-glow);cursor:pointer;font-weight:900}.pin-modal-card{width:380px;background:#1e1713;border:1px solid var(--border-card);border-radius:24px;padding:24px;text-align:center;direction:rtl;box-shadow:0 16px 48px #000c}.pin-user-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#14100d;padding:4px;border-radius:12px;margin-bottom:20px;border:1px solid var(--border-card)}.pin-user-tab{padding:8px 4px;border-radius:8px;background:transparent;border:none;color:var(--text-muted);font-size:11px;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s}.pin-user-tab.active{background:var(--color-orange);color:#fff}.pin-dots-group{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 24px}.pin-dot{width:16px;height:16px;border-radius:50%;background:#2a2019;border:1px solid var(--border-card);transition:all .15s}.pin-dot.filled{background:var(--color-orange);box-shadow:0 0 10px var(--color-orange-glow);transform:scale(1.15)}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;direction:ltr}.pin-key{height:54px;background:#251d17;border:1px solid var(--border-card);border-radius:12px;color:#fff;font-size:20px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pin-key:hover{background:#32271f;border-color:#f2722066}.pin-key:active{transform:scale(.96)}.jj-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0a0807d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px}.jj-modal-content{background:var(--bg-panel);border:1px solid var(--border-card);border-radius:20px;box-shadow:0 16px 48px #000000b3;overflow:hidden}.jj-table-wrapper{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;overflow:hidden}.jj-table{width:100%;border-collapse:separate;border-spacing:0;text-align:right;direction:rtl}.jj-table th{background:#1e1814;color:var(--text-dark);font-size:11px;font-weight:800;padding:12px 14px;border-bottom:1px solid var(--border-main)}.jj-table td{padding:12px 14px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.jj-table tbody tr:hover td{background:#f272200d}.jj-badge{padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.jj-badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.jj-badge-warning{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.jj-badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.jj-badge-orange{background:#f2722026;color:#f27220;border:1px solid rgba(242,114,32,.3)}.jj-input{background:var(--bg-deep);border:1px solid var(--border-card);border-radius:12px;color:var(--text-white);padding:10px 14px;font-size:13px;outline:none;width:100%;direction:rtl}.jj-input:focus{border-color:var(--color-orange)}.jj-btn{padding:10px 18px;border-radius:12px;font-size:13px;font-weight:800;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.jj-btn-primary{background:var(--color-orange);color:#fff}.jj-btn-primary:hover{background:var(--color-orange-hover)}.jj-btn-secondary{background:#241c17;color:var(--text-secondary);border:1px solid var(--border-card)}.jj-btn-secondary:hover{background:#2d221c;color:#fff}.jj-btn-success{background:var(--color-green);color:#fff}.jj-btn-success:hover{background:var(--color-green-hover)}.jj-btn-danger{background:var(--color-red);color:#fff}.jj-btn-danger:hover{background:var(--color-red-hover)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.w-full{width:100%}.h-full{height:100%}.h-10{height:40px}.h-12{height:48px}.h-14{height:56px}.h-16{height:64px}.h-20{height:80px}.h-24{height:96px}.h-28{height:112px}.h-32{height:128px}.h-36{height:144px}.h-40{height:160px}.h-48{height:192px}.w-10{width:40px}.w-12{width:48px}.w-14{width:56px}.w-16{width:64px}.w-20{width:80px}.w-24{width:96px}.w-28{width:28px}.w-32{width:128px}.w-36{width:144px}.w-40{width:160px}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-4xl{max-width:896px}.mx-auto{margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-2\.5>*+*{margin-top:10px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-5>*+*{margin-top:20px}.space-y-6>*+*{margin-top:24px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.cursor-pointer{cursor:pointer}.transition-all{transition:all .15s ease}.border{border:1px solid var(--border-card)}.border-b{border-bottom:1px solid var(--border-main)}.border-t{border-top:1px solid var(--border-main)}.border-l{border-left:1px solid var(--border-main)}.border-r{border-right:1px solid var(--border-main)}.border-2{border-width:2px}.bg-orange-600{background-color:var(--color-orange)}.text-orange-400{color:var(--color-orange)}.bg-amber-600{background-color:var(--color-amber)}.text-amber-400{color:var(--color-amber)}.bg-emerald-600{background-color:var(--color-green)}.text-emerald-400{color:var(--color-green)}.bg-red-600{background-color:var(--color-red)}.text-red-400{color:#f87171}.p-1{padding:4px}.p-2{padding:8px}.p-2\.5{padding:10px}.p-3{padding:12px}.p-3\.5{padding:14px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-3\.5{padding-left:14px;padding-right:14px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:24px;padding-right:24px}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:24px}.rounded-full{border-radius:9999px}.text-white{color:#fff}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:15px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-bold{font-weight:700}.font-black{font-weight:900}.font-mono{font-family:monospace}.thermal-paper{background:#fff;color:#111;width:100%;max-width:380px;margin:0 auto;padding:20px 18px;border-radius:10px;font-family:Courier New,Courier,monospace,Tajawal,sans-serif;font-size:12px;line-height:1.45;box-shadow:0 10px 25px #0006;direction:rtl;border:1px dashed #cbd5e1}.thermal-paper-kitchen{background:#fffdf5;border-top:4px solid var(--color-orange)}.thermal-paper-receipt{background:#fff;border-top:4px solid var(--color-green)}.thermal-divider{border:none;border-top:1px dashed #64748b;margin:8px 0}.thermal-double-divider{border:none;border-top:2px dashed #1e293b;margin:10px 0}@media print{body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}.printable-receipt-area,.printable-receipt-area *{visibility:visible!important}.printable-receipt-area{position:absolute!important;left:0!important;top:0!important;width:var(--print-paper-width, 80mm)!important;max-width:var(--print-paper-width, 80mm)!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;font-family:Courier New,Courier,monospace,Tajawal,sans-serif!important;font-size:var(--print-font-size, 11pt)!important;line-height:1.3!important;box-shadow:none!important;border:none!important;display:block!important;z-index:999999!important}.receipt-print-page{width:100%!important;box-sizing:border-box!important;padding-top:var(--print-margin-top, 2mm)!important;padding-bottom:var(--print-margin-bottom, 3mm)!important;padding-right:var(--print-margin-right, 3mm)!important;padding-left:var(--print-margin-left, 3mm)!important;page-break-inside:avoid!important;break-inside:avoid!important}.receipt-print-page.receipt-break{page-break-after:always!important;break-after:page!important}.receipt-tear-separator{display:none!important}@page{size:auto;margin:0}}.portal-container{flex:1;min-height:calc(100vh - 36px);background:var(--bg-app);position:relative}.org-portal-container{min-height:100%;padding:24px 32px 80px;background:var(--bg-app);color:var(--text-primary);display:flex;flex-direction:column;gap:20px;max-width:1240px;margin:0 auto;box-sizing:border-box}.org-header-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 4px 20px #0006}.org-header-right{display:flex;align-items:center;gap:18px}.org-brand-icon-box{width:58px;height:58px;border-radius:var(--radius-lg);background:#f272201f;border:1px solid rgba(242,114,32,.35);display:flex;align-items:center;justify-content:center;color:var(--color-orange);flex-shrink:0}.org-header-title-row{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.org-header-title{font-size:22px;font-weight:900;color:var(--text-white);letter-spacing:-.5px}.org-badge-approved{padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:800;background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#34d399;display:inline-flex;align-items:center;gap:6px}.org-header-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.org-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.org-btn-primary{background:var(--color-orange);color:var(--text-white);border:none;border-radius:var(--radius-md);padding:10px 22px;font-size:13px;font-weight:900;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 14px var(--color-orange-glow);transition:all .15s ease}.org-btn-primary:hover{background:var(--color-orange-hover);transform:translateY(-1px);box-shadow:0 6px 18px #f2722080}.org-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.org-btn-secondary{background:#241c17;color:var(--text-secondary);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s ease}.org-btn-secondary:hover{background:#2e231c;color:var(--text-white);border-color:#4a3a2d}.org-tabs-bar{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:8px;border-bottom:1px solid var(--border-main)}.org-tab-pill{padding:10px 22px;border-radius:12px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;background:#241c17;color:var(--text-secondary);border:1px solid var(--border-card);transition:all .15s ease;-webkit-user-select:none;user-select:none}.org-tab-pill:hover{background:#2d231d;color:var(--text-white);border-color:#4a392c}.org-tab-pill.active{background:var(--color-orange);color:var(--text-white);border-color:var(--color-orange);box-shadow:0 4px 16px var(--color-orange-glow)}.org-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.org-kpi-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;transition:transform .15s ease,border-color .15s ease}.org-kpi-card:hover{border-color:var(--color-orange);transform:translateY(-2px)}.org-kpi-header{display:flex;align-items:center;justify-content:space-between}.org-kpi-label{font-size:11px;font-weight:700;color:var(--text-muted)}.org-copy-icon-btn{background:#2a2019;border:1px solid #3d2f25;color:var(--text-muted);cursor:pointer;padding:5px 7px;border-radius:6px;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;transition:all .15s}.org-copy-icon-btn:hover{color:var(--color-orange);border-color:var(--color-orange);background:#f272201a}.org-kpi-val{font-size:16px;font-weight:900;color:var(--text-white);font-family:monospace}.org-kpi-sub{font-size:11px;color:var(--text-dark)}.org-section-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 16px #00000040}.org-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border-main)}.org-section-title-wrap{display:flex;align-items:center;gap:10px}.org-section-title{font-size:16px;font-weight:900;color:var(--text-white)}.org-section-subtitle{font-size:11px;color:var(--text-muted)}.org-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.org-field-group{display:flex;flex-direction:column;gap:6px}.org-field-label{font-size:12px;font-weight:800;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.org-input{width:100%;background:#1a1410;border:1px solid var(--border-card);border-radius:10px;padding:10px 14px;color:var(--text-white);font-size:13px;font-weight:600;outline:none;box-sizing:border-box;transition:all .15s ease}.org-input:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #f2722026;background:#1f1712}.org-input-readonly{background:#16110e;color:var(--text-muted);cursor:not-allowed;border-color:var(--border-main)}.org-info-box{background:#1a1410;border:1px solid var(--border-card);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.org-info-box-header{display:flex;align-items:center;justify-content:space-between}.org-info-box-title{font-size:13px;font-weight:800;color:var(--text-white)}.org-info-box-desc{font-size:11px;color:var(--text-muted);line-height:1.5}@media(max-width:1024px){.org-kpi-grid,.org-fields-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.org-portal-container{padding:16px 16px 60px}.org-kpi-grid,.org-fields-grid{grid-template-columns:1fr}.org-header-card{flex-direction:column;align-items:flex-start}}