:root{--espresso:#0F0A08;--bark:#2B160E;--amber:#D97724;--caramel:#F3A361;--cream:#F9F4EE;--latte:#EBE0D2;--foam:#FDFBF9;--text-main:#0F0A08;--text-mid:#5C4033;--text-light:#9B7B68;--green:#2A7A52;--green-bg:#E4F5EC;--green-dark:#1F5C3D;--blue:#1A6FA8;--blue-bg:#E3F0FA;--blue-dark:#124D77;--red:#C0392B;--red-bg:#FDECEA;--red-dark:#962D22;--purple:#6B3FA0;--purple-bg:#F0E8FA;--purple-dark:#4E2F77;--orange:#D35400;--orange-bg:#FCE5D8;--gold:#D4AF37;--gold-bg:#FCF8E8;--r-sm:12px;--r-md:20px;--r-lg:28px;--r-xl:48px;--sh-sm:0 4px 18px rgba(15,10,8,.04),0 1px 4px rgba(15,10,8,.02);--sh-md:0 8px 30px rgba(15,10,8,.08),0 2px 8px rgba(15,10,8,.04);--sh-lg:0 16px 50px rgba(15,10,8,.12),0 4px 14px rgba(15,10,8,.06);--transition:all .25s cubic-bezier(.34,1.2,.64,1)}[data-theme=dark]{--espresso:#070504;--bark:#1C110C;--amber:#E5924B;--caramel:#F0B27A;--cream:#18110D;--latte:#2A201A;--foam:#070504;--text-main:#F9F4EE;--text-mid:#C4B5A8;--text-light:#8B7B6B;--green:#3AAF7A;--green-bg:#1A3A2A;--blue:#5AAFE8;--blue-bg:#1A3040;--red:#E74C3C;--red-bg:#3A1A16;--purple:#9B6BD8;--purple-bg:#2A1A3A;--green-dark:#3AAF7A;--blue-dark:#4A9FD8;--red-dark:#E74C3C;--gold:#D4AF37;--gold-bg:#2A2410}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background:var(--latte);font-family:Cairo,system-ui,sans-serif;color:var(--text-main);min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;transition:background .3s}[data-lang=en],[data-lang=es],[data-lang=fr],[data-lang=zh]{font-family:Inter,Cairo,system-ui,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--amber);border-radius:10px}.shell{max-width:480px;margin:0 auto;background:var(--foam);display:flex;flex-direction:column;box-shadow:0 0 60px rgba(0,0,0,.15);position:relative;border:1px solid rgba(15,10,8,.05)}.admin-shell,.shell{width:100%;min-height:100dvh;transition:background .3s}.admin-shell{background:#F4F5F7;display:none;flex-direction:row}[data-theme=dark] .admin-shell{background:#0F0F1A}.admin-shell.show,.header{display:flex}.header{background:rgba(43,22,14,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;padding:12px 18px;flex-direction:column;gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:200;transition:background .3s;border-radius:0 0 var(--r-md) var(--r-md);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px rgba(15,10,8,.08)}.header-top{display:flex;justify-content:space-between;align-items:center}.logo-arabic{font-size:1.5rem;font-weight:900;letter-spacing:-.5px;line-height:1}.logo-num{font-size:1.7rem;font-weight:900;color:var(--caramel)}.logo-sub{font-size:.6rem;color:rgba(255,255,255,.5);letter-spacing:2px;text-transform:uppercase}.header-right{display:flex;align-items:center;gap:8px}.auth-header-btn,.lang-btn,.theme-btn{background:rgba(255,255,255,.12);border:none;color:#fff;font-family:inherit;font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:20px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:4px}.auth-header-btn:hover,.lang-btn:hover,.theme-btn:hover{transform:scale(1.05)}.auth-header-btn:active,.lang-btn:active,.theme-btn:active{transform:scale(.95)}.auth-header-btn{background:var(--amber)}.bottom-nav{background:rgba(43,22,14,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(5,1fr);padding:6px 2px;position:-webkit-sticky;position:sticky;bottom:8px;z-index:150;transition:background .3s;border-radius:var(--r-md);margin:0 10px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px rgba(15,10,8,.08)}.nav-btn{background:transparent;border:none;color:rgba(255,255,255,.5);font-family:inherit;font-size:.6rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 1px;transition:color .2s,transform .15s;position:relative}.nav-btn:hover{transform:translateY(-1px)}.nav-btn:active{transform:scale(.93)}.nav-btn .nav-icon{font-size:1.2rem}.nav-btn.active{color:var(--caramel)}.nav-badge{position:absolute;top:2px;right:8px;background:var(--red);color:#fff;font-size:.55rem;font-weight:900;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center}.view{flex:1 1;overflow-y:auto;padding:16px 14px 14px;display:none;scroll-behavior:smooth}.view.active{display:block}.section-title{font-size:.95rem;font-weight:700;color:var(--text-mid);margin-bottom:10px;display:flex;align-items:center;gap:6px}.hero-banner{background:linear-gradient(135deg,var(--bark),var(--espresso));border-radius:var(--r-md);padding:20px;color:#fff;margin-bottom:14px;position:relative;overflow:hidden}.hero-banner:after{content:"٧";position:absolute;left:-8px;bottom:-18px;font-size:7rem;font-weight:900;color:rgba(255,255,255,.05);line-height:1;pointer-events:none}.hero-greeting{font-size:.75rem;color:rgba(255,255,255,.6);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.hero-name{font-size:1.3rem;font-weight:900;margin-bottom:8px}.hero-streak{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.1);padding:4px 10px;border-radius:20px;font-size:.72rem}.smart-reorder{display:flex;gap:10px;overflow-x:auto;padding:4px 0 12px;margin-bottom:8px;scrollbar-width:none}.smart-reorder::-webkit-scrollbar{display:none}.reorder-chip{background:#fff;border:2px solid var(--latte);border-radius:var(--r-md);padding:10px 14px;min-width:140px;cursor:pointer;transition:var(--transition);box-shadow:var(--sh-sm);flex-shrink:0}.reorder-chip:hover{border-color:var(--caramel);transform:translateY(-2px);box-shadow:var(--sh-md)}.reorder-chip .reorder-title{font-size:.82rem;font-weight:700;margin-bottom:2px}.reorder-chip .reorder-meta{font-size:.65rem;color:var(--text-light)}.reorder-chip .reorder-price{font-size:.85rem;font-weight:900;color:var(--amber);margin-top:4px}.map-wrap{width:100%;border-radius:var(--r-md);overflow:hidden;margin-bottom:14px;background:#E8DDD0;position:relative;box-shadow:var(--sh-sm);transition:height .35s ease,opacity .35s;min-height:200px}.map-wrap.collapsed{height:0;opacity:0;margin-bottom:0;border-radius:0;padding:0;overflow:hidden;min-height:0}.map-wrap.expanded{height:250px;width:100%}.map-svg-el{width:100%;height:100%;display:block;object-fit:cover}.cafe-list{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.cafe-card{background:#fff;border-radius:var(--r-md);padding:12px 14px;border:2px solid transparent;display:flex;align-items:center;gap:11px;cursor:pointer;transition:var(--transition);box-shadow:var(--sh-sm);position:relative}.cafe-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px);border-color:var(--caramel)}.cafe-card.selected{border-color:var(--amber);background:#FFF8F2}[data-theme=dark] .cafe-card.selected{background:#2A1A0A}.cafe-card.closed-cafe{opacity:.5;pointer-events:none}.cafe-fav{position:absolute;top:8px;left:8px;background:rgba(255,255,255,.9);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;box-shadow:var(--sh-sm);z-index:2;transition:transform .2s}.cafe-fav:hover{transform:scale(1.15)}.cafe-fav.active{color:var(--red)}.cafe-avatar{width:48px;height:48px;border-radius:14px;background:var(--latte);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.cafe-meta{flex:1 1;min-width:0}.cafe-name{font-size:.92rem;font-weight:700}.cafe-sub{font-size:.7rem;color:var(--text-light);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cafe-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.cafe-rating{font-size:.7rem;background:var(--green-bg);color:var(--green)}.cafe-rating,.cafe-status-badge{font-weight:700;padding:2px 7px;border-radius:40px}.cafe-status-badge{font-size:.62rem}.cafe-status-badge.open{background:var(--green-bg);color:var(--green)}.cafe-status-badge.closed{background:var(--red-bg);color:var(--red)}.coffee-panel{background:#fff;border-radius:var(--r-md);padding:16px;box-shadow:var(--sh-sm);margin-bottom:14px;transition:background .3s;border:1px solid rgba(15,10,8,.05)}.coffee-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:9px;gap:9px;margin-top:12px}.coffee-btn{background:var(--cream);border:2px solid transparent;border-radius:var(--r-sm);padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:var(--transition);font-family:inherit;box-shadow:0 2px 6px rgba(0,0,0,.04)}.coffee-btn:hover{transform:translateY(-2px);border-color:var(--caramel);box-shadow:var(--sh-md)}.coffee-btn:active{transform:translateY(0) scale(.97)}.coffee-btn.selected{background:var(--amber);color:#fff;border-color:var(--bark)}.coffee-btn .icon{font-size:1.7rem}.coffee-btn .label{font-size:.72rem;font-weight:700;text-align:center}.coffee-btn .price{font-size:.68rem}.action-btn{width:100%;background:var(--amber);color:#fff;border:none;padding:12px;border-radius:var(--r-sm);font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .25s cubic-bezier(.34,1.2,.64,1),transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 8px rgba(192,105,42,.2)}.action-btn:hover{background:var(--bark);transform:translateY(-1px);box-shadow:0 4px 16px rgba(192,105,42,.3)}.action-btn:active{transform:translateY(0) scale(.98);box-shadow:0 1px 4px rgba(192,105,42,.15)}.action-btn.secondary{background:var(--latte);color:var(--text-main)}.action-btn.green-btn{background:var(--green)}.action-btn.red-btn{background:var(--red)}.action-btn.blue-btn{background:var(--blue)}.action-btn.purple-btn{background:var(--purple)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.wallet-hero{background:linear-gradient(145deg,var(--bark) 0,#3D1E12 40%,var(--espresso) 100%);border-radius:var(--r-md);padding:20px;margin-bottom:14px;color:#fff;position:relative;overflow:hidden}.wallet-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.08) 48%,rgba(255,255,255,.15) 52%,rgba(255,255,255,.08) 55%,transparent 68%);background-size:300% 100%;animation:shimmer 5s ease-in-out infinite;pointer-events:none}.wallet-hero:after{content:"";top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(255,215,0,.3) 50%,transparent 90%);content:"٧";position:absolute;left:-8px;bottom:-18px;font-size:7rem;font-weight:900;color:rgba(255,255,255,.05);line-height:1;pointer-events:none}.wallet-balance{font-size:2.6rem;font-weight:900;color:var(--caramel);line-height:1}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-top:16px}.wallet-action-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:var(--r-sm);padding:9px;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:.2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wallet-action-btn:hover{transform:scale(1.03);background:rgba(255,255,255,.16);border-color:rgba(255,215,0,.25)}.wallet-action-btn:active{transform:scale(.97)}.loyalty-hero{background:linear-gradient(135deg,var(--gold),#B8860B);border-radius:var(--r-md);padding:20px;margin-bottom:14px;color:#fff;position:relative;overflow:hidden}.loyalty-hero:before{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 55%,transparent 70%);background-size:300% 100%;animation:shimmer 4s ease-in-out infinite}.loyalty-hero:after,.loyalty-hero:before{content:"";position:absolute;inset:0;pointer-events:none}.loyalty-hero:after{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08) 0,transparent 60%)}@keyframes shimmer{0%{background-position:300% 0}to{background-position:-300% 0}}.loyalty-tier{font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.8;margin-bottom:6px}.loyalty-points{font-size:2.2rem;font-weight:900;margin-bottom:10px}.tier-progress{background:rgba(0,0,0,.15);height:8px;border-radius:40px;overflow:hidden;margin-bottom:8px}.tier-progress-fill{height:100%;background:#fff;border-radius:40px;transition:width 1s ease}.tier-next{font-size:.72rem;opacity:.9}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:14px}.badge-item{background:#fff;border-radius:var(--r-sm);padding:12px 6px;text-align:center;box-shadow:var(--sh-sm);transition:var(--transition);cursor:pointer}.badge-item:hover{transform:translateY(-2px)}.badge-item.locked{opacity:.4}.badge-icon{font-size:1.6rem;margin-bottom:4px}.badge-name{font-size:.6rem;font-weight:700;color:var(--text-mid)}.reward-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-bottom:14px}.reward-card{background:#fff;border-radius:var(--r-md);padding:14px;display:flex;align-items:center;gap:12px;margin-bottom:9px;box-shadow:var(--sh-sm);transition:var(--transition);cursor:pointer}.reward-grid .reward-card{margin-bottom:0}.reward-card:hover{box-shadow:var(--sh-md)}.reward-card.redeemed{background:var(--green-bg);border:1px solid var(--green)}.reward-icon{font-size:2rem}.reward-info{flex:1 1}.reward-title{font-size:.85rem;font-weight:800}.reward-desc{font-size:.68rem;color:var(--text-light);margin-top:2px}.reward-cost{font-size:.9rem;font-weight:900;color:var(--amber);white-space:nowrap}.group-banner{background:linear-gradient(135deg,var(--purple),var(--blue));border-radius:var(--r-md);padding:16px;color:#fff;margin-bottom:14px;text-align:center}.group-members{gap:-8px;margin:10px 0}.group-avatar,.group-members{display:flex;justify-content:center}.group-avatar{width:32px;height:32px;border-radius:50%;background:#fff;color:var(--purple);align-items:center;font-size:.75rem;font-weight:900;border:2px solid var(--purple);margin-left:-8px;position:relative}.group-avatar:first-child{margin-left:0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;margin-top:10px}.cal-day{background:#fff;border-radius:8px;padding:8px 2px;text-align:center;font-size:.75rem;font-weight:700;cursor:pointer;transition:.2s;border:2px solid transparent}.cal-day:hover{background:var(--cream)}.cal-day.selected{background:var(--amber);color:#fff;border-color:var(--bark)}.cal-day.has-order{position:relative}.cal-day.has-order:after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--green);border-radius:50%}.cal-day-label{text-align:center;font-size:.6rem;color:var(--text-light);margin-bottom:4px;font-weight:700}.voice-btn{width:80px;height:80px;border-radius:50%;background:var(--amber);color:#fff;border:none;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:20px auto;cursor:pointer;box-shadow:0 0 0 0 rgba(192,105,42,.4);animation:pulse 2s infinite;position:relative}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(192,105,42,.4)}70%{box-shadow:0 0 0 20px rgba(192,105,42,0)}to{box-shadow:0 0 0 0 rgba(192,105,42,0)}}.voice-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;margin:10px 0}.voice-bar{width:4px;background:var(--amber);border-radius:4px;animation:wave 1s ease-in-out infinite}.voice-bar:first-child{height:10px;animation-delay:0s}.voice-bar:nth-child(2){height:20px;animation-delay:.1s}.voice-bar:nth-child(3){height:30px;animation-delay:.2s}.voice-bar:nth-child(4){height:20px;animation-delay:.3s}.voice-bar:nth-child(5){height:10px;animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.chat-fab{position:fixed;bottom:90px;left:18px;width:56px;height:56px;border-radius:50%;background:var(--amber);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:var(--sh-md);z-index:400;display:flex;align-items:center;justify-content:center;transition:transform .3s}.chat-fab:hover{transform:scale(1.1)}.chat-window{position:fixed;bottom:155px;left:18px;width:320px;max-height:420px;background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-lg);z-index:400;display:none;flex-direction:column;overflow:hidden;border:1px solid var(--latte)}.chat-window.open{display:flex}.chat-header{background:var(--bark);color:#fff;padding:12px 14px;font-size:.82rem;font-weight:900;display:flex;justify-content:space-between;align-items:center}.chat-body{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-msg{max-width:85%;padding:10px 12px;border-radius:14px;font-size:.82rem;line-height:1.4;animation:popIn .3s ease}.chat-msg.bot{background:var(--foam);color:var(--text-main);border-bottom-right-radius:4px;align-self:flex-end}.chat-msg.user{background:var(--amber);color:#fff;border-bottom-left-radius:4px;align-self:flex-start}@keyframes popIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-input-wrap{display:flex;gap:8px;padding:10px;border-top:1px solid var(--latte)}.chat-input{flex:1 1;border:1.5px solid var(--latte);border-radius:20px;padding:8px 14px;font-family:inherit;font-size:.82rem;outline:none}.chat-send{background:var(--amber);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.chat-send:hover{transform:scale(1.12)}.chat-send:active{transform:scale(.9)}.notif-inbox{position:fixed;top:0;right:0;width:100%;max-width:380px;height:100dvh;background:var(--foam);z-index:600;transform:translateX(100%);transition:transform .35s cubic-bezier(.34,1.2,.64,1);box-shadow:var(--sh-lg);display:flex;flex-direction:column}.notif-inbox.open{transform:translateX(0)}.notif-inbox-header{padding:14px 18px;border-bottom:1px solid var(--latte);display:flex;justify-content:space-between;align-items:center;background:var(--bark);color:#fff}.notif-inbox-body{flex:1 1;overflow-y:auto;padding:12px}.notif-item{background:#fff;border-radius:var(--r-sm);padding:12px;margin-bottom:8px;box-shadow:var(--sh-sm);display:flex;gap:10px;align-items:flex-start;transition:.2s;cursor:pointer;border-right:3px solid transparent}.notif-item:hover{border-right-color:var(--amber)}.notif-item.unread{border-right-color:var(--blue);background:var(--blue-bg)}.notif-icon{font-size:1.3rem}.notif-content{flex:1 1}.notif-title{font-size:.82rem;font-weight:700;margin-bottom:2px}.notif-body{font-size:.72rem;color:var(--text-light);line-height:1.4}.notif-time{font-size:.6rem;color:var(--text-light);margin-top:4px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay.open{opacity:1;pointer-events:all}.modal-sheet{background:var(--foam);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:22px 18px max(22px,env(safe-area-inset-bottom));width:100%;max-width:480px;transform:translateY(100%);transition:transform .35s cubic-bezier(.34,1.2,.64,1);max-height:92dvh;overflow-y:auto}.modal-overlay.open .modal-sheet{transform:translateY(0)}.pay-method{flex:1 1;background:var(--cream);border:2px solid transparent;border-radius:var(--r-sm);padding:12px 8px;font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:.2s;text-align:center}.pay-method:hover{border-color:var(--caramel)}.pay-method.active{background:var(--amber);color:#fff;border-color:var(--bark)}.pay-method .pay-icon{font-size:1.3rem;display:block;margin-bottom:4px}.modal-handle{width:38px;height:4px;background:var(--latte);border-radius:4px;margin:0 auto 18px}.modal-title{font-size:1.05rem;font-weight:900;margin-bottom:14px;text-align:center}.modal-close,.notif-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:inherit;padding:4px;line-height:1;opacity:.6;transition:opacity .2s}.modal-close:hover,.notif-close:hover{opacity:1}.toast-container{position:fixed;bottom:78px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--espresso);color:#fff;padding:12px 22px;border-radius:40px;font-size:.88rem;font-weight:700;box-shadow:0 8px 30px rgba(0,0,0,.28);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s;opacity:0;transform:translateY(20px);pointer-events:all;max-width:92vw;white-space:nowrap}.toast.show{transform:translateY(0);opacity:1}.toast.success{background:var(--green)}.toast.error{background:var(--red)}.toast.info{background:var(--blue)}.pickup-ticket{background:var(--foam);border:2px dashed var(--amber);border-radius:var(--r-md);padding:20px;text-align:center;margin:16px 0;position:relative}.pickup-ticket:after,.pickup-ticket:before{content:"";position:absolute;width:20px;height:20px;background:var(--latte);border-radius:50%;top:50%;transform:translateY(-50%)}.pickup-ticket:before{left:-12px}.pickup-ticket:after{right:-12px}.pickup-code-display{font-size:2.5rem;font-weight:900;color:var(--bark);letter-spacing:8px;font-family:JetBrains Mono,monospace;margin:10px 0}.pipeline{display:flex;justify-content:space-between;align-items:center;margin:16px 0;position:relative}.pipeline:before{content:"";position:absolute;top:14px;left:20px;right:20px;height:3px;background:var(--latte);z-index:0}.pipeline-step{position:relative;z-index:1;flex-direction:column;gap:6px}.pipeline-dot,.pipeline-step{display:flex;align-items:center}.pipeline-dot{width:32px;height:32px;border-radius:50%;background:var(--latte);justify-content:center;font-size:.9rem;border:3px solid var(--latte);transition:.3s}.pipeline-dot.active{background:var(--amber);border-color:var(--amber);color:#fff;box-shadow:0 0 0 4px rgba(192,105,42,.2)}.pipeline-dot.completed{background:var(--green);border-color:var(--green);color:#fff}.pipeline-label{font-size:.6rem;font-weight:700;color:var(--text-light);white-space:nowrap}.pipeline-label.active{color:var(--amber)}.admin-sidebar{width:260px;min-height:100dvh;background:#1C1C2E;color:#fff;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;flex-shrink:0;overflow-y:auto;transition:background .3s}[data-theme=dark] .admin-sidebar{background:#0F0F1A}.admin-logo{padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-logo-mark{font-size:1.4rem;font-weight:900;color:var(--caramel)}.admin-role-badge{margin-top:8px;font-size:.6rem;background:var(--amber);color:#fff;padding:3px 9px;border-radius:40px;display:inline-block;font-weight:700}.admin-nav{flex:1 1;padding:10px 0}.admin-nav-section{padding:6px 18px 3px;font-size:.56rem;color:rgba(255,255,255,.25);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:8px 18px;cursor:pointer;transition:var(--transition);font-size:.8rem;color:rgba(255,255,255,.6);border-right:3px solid transparent}[data-lang=en] .admin-nav-item{border-right:none;border-left:3px solid transparent}.admin-nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.admin-nav-item.active{background:rgba(192,105,42,.15);color:var(--caramel);border-right-color:var(--amber)}[data-lang=en] .admin-nav-item.active{border-right-color:transparent;border-left-color:var(--amber)}.admin-bottom{padding:14px 18px;border-top:1px solid rgba(255,255,255,.06)}.admin-main{flex:1 1;overflow-y:auto;min-width:0}.admin-topbar{background:#fff;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:12px}[data-theme=dark] .admin-topbar{background:#161622;border-color:#2A2A3A}.admin-topbar-title{font-size:1.05rem;font-weight:800;color:#1C1C2E}[data-theme=dark] .admin-topbar-title{color:#F0F0F5}.admin-content{padding:22px 24px}.admin-page{display:block}.live-ticker{background:#fff;border-radius:var(--r-md);padding:12px 16px;margin-bottom:16px;box-shadow:var(--sh-sm);overflow:hidden;display:flex;align-items:center;gap:12px;border:1px solid var(--latte)}.ticker-label{font-size:.7rem;font-weight:900;color:var(--red);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.ticker-content{flex:1 1;overflow:hidden;position:relative;height:18px}.ticker-track{position:absolute;white-space:nowrap;font-size:.8rem;font-family:JetBrains Mono,monospace;color:var(--text-mid);animation:ticker 20s linear infinite}@keyframes ticker{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.kpi-card{background:#fff;border-radius:var(--r-md);padding:16px 18px;box-shadow:var(--sh-sm);border:1px solid rgba(15,10,8,.05);border-top:3px solid transparent;transition:var(--transition);position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.kpi-card.amber{border-top-color:var(--amber)}.kpi-card.green{border-top-color:var(--green)}.kpi-card.blue{border-top-color:var(--blue)}.kpi-card.red{border-top-color:var(--red)}.kpi-card.purple{border-top-color:var(--purple)}.kpi-icon{font-size:1.5rem;margin-bottom:8px}.kpi-label{font-size:.7rem;color:#6B7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.kpi-val{font-size:1.7rem;font-weight:900;color:#1C1C2E;margin-top:3px;line-height:1}.kpi-delta{font-size:.72rem;font-weight:700;margin-top:4px;display:inline-flex;align-items:center;gap:2px}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--red)}.canvas-wrap{background:#fff;border-radius:var(--r-md);padding:18px;box-shadow:var(--sh-sm);margin-bottom:20px}.canvas-wrap canvas{width:100%;height:200px}.admin-table-wrap{background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-sm);overflow:hidden;margin-bottom:20px}.admin-table-header{padding:14px 18px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.admin-table-title{font-size:.92rem;font-weight:800;color:#1C1C2E}.admin-search{padding:7px 12px;border:1.5px solid #e5e7eb;border-radius:var(--r-sm);font-family:inherit;font-size:.8rem;outline:none;transition:.2s;min-width:160px;background:#fff;color:var(--text-main)}.admin-search:focus{border-color:var(--amber)}.admin-table{width:100%;border-collapse:collapse;font-size:.8rem}.admin-table th{padding:10px 14px;text-align:right;font-size:.68rem;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f3f4f6;background:#FAFAFA;white-space:nowrap}[data-lang=en] .admin-table th,[data-lang=es] .admin-table th,[data-lang=fr] .admin-table th,[data-lang=zh] .admin-table th{text-align:left}.admin-table td{padding:10px 14px;border-bottom:1px solid #f9fafb;vertical-align:middle}.admin-table tr:hover td{background:#FAFAFA}.table-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:40px;white-space:nowrap}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-amber{background:#FFF4E0;color:var(--amber)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.admin-tabs{display:flex;gap:6px;margin-bottom:16px;border-bottom:2px solid #f3f4f6;padding-bottom:0}.admin-tab,.btn-tab{background:none;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:700;color:#6B7280;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:.2s}.admin-tab:hover,.btn-tab:hover{transform:scale(1.05)}.admin-tab:active,.btn-tab:active{transform:scale(.95)}.admin-tab.active,.btn-tab.active{color:var(--amber);border-bottom-color:var(--amber)}.admin-tab-content{display:none}.admin-tab-content.active{display:block}.coffee-input,.form-input{width:100%;padding:11px 14px;border:1.5px solid var(--latte);border-radius:var(--r-sm);font-family:inherit;font-size:.82rem;background:var(--cream);outline:none;transition:border-color .2s ease;color:var(--text-main);margin-bottom:10px}select.coffee-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a08878' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;padding-left:32px;cursor:pointer}[data-lang=en] select.coffee-input,[data-lang=es] select.coffee-input,[data-lang=fr] select.coffee-input,[data-lang=zh] select.coffee-input{background-position:right 14px center;padding-left:14px;padding-right:32px}.coffee-input:focus,.form-input:focus{border-color:var(--amber)}.form-input.error{border-color:var(--red);background:var(--red-bg)}.form-label{font-size:.72rem;font-weight:700;color:var(--text-mid);margin-bottom:4px;display:block}.segment-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:14px}.segment-label{font-size:.75rem;font-weight:700;color:#374151;margin-bottom:4px;display:block}.reach-estimator{background:var(--blue-bg);border:1px solid var(--blue);border-radius:var(--r-sm);padding:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.reach-estimator .reach-val{font-size:1.2rem;font-weight:900;color:var(--blue)}.audit-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--latte);font-size:.82rem}.audit-time{color:var(--text-light);font-size:.7rem;font-family:JetBrains Mono,monospace;white-space:nowrap}.audit-action{flex:1 1}.audit-user{font-weight:700;color:var(--bark)}.audit-badge{font-size:.65rem;padding:2px 8px;border-radius:20px;background:var(--purple-bg);color:var(--purple);font-weight:700}.rbac-grid{display:grid;grid-template-columns:180px repeat(6,1fr);grid-gap:1px;gap:1px;background:var(--latte);border-radius:var(--r-sm);overflow:hidden;margin-bottom:20px;font-size:.75rem}.rbac-cell{background:#fff;padding:10px;text-align:center;font-weight:700}.rbac-cell.header{background:#FAFAFA;color:#6B7280;text-transform:uppercase;font-size:.65rem;letter-spacing:.5px}.rbac-cell.yes{color:var(--green);font-size:1.1rem}.rbac-cell.no{color:var(--text-light);font-size:1.1rem}.rbac-cell.role{font-weight:900;color:var(--bark);text-align:right;padding-right:14px}[data-lang=en] .rbac-cell.role{text-align:left;padding-right:10px;padding-left:14px}.gauge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.gauge-card{background:#fff;border-radius:var(--r-md);padding:16px;text-align:center;box-shadow:var(--sh-sm)}.gauge-ring{position:relative;width:80px;height:80px;margin:0 auto 10px}.gauge-ring svg{transform:rotate(-90deg)}.gauge-ring-bg{fill:none;stroke:var(--latte);stroke-width:8}.gauge-ring-fill{fill:none;stroke:var(--amber);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.gauge-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900}.gauge-label{font-size:.72rem;color:var(--text-light);font-weight:700}.heatmap-container{position:relative;width:100%;height:300px;background:#E8DDD0;border-radius:var(--r-md);overflow:hidden;margin-bottom:20px}.heatmap-canvas{width:100%;height:100%}.inv-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.inv-card{background:#fff;border-radius:var(--r-sm);padding:12px;box-shadow:var(--sh-sm);border-left:4px solid var(--green)}.inv-card.low{border-left-color:var(--red);background:var(--red-bg)}.inv-card.medium{border-left-color:var(--amber);background:var(--orange-bg)}.inv-name{font-size:.8rem;font-weight:700}.inv-level{font-size:.66rem;color:var(--text-light);margin-top:2px}.inv-bar{background:var(--latte);height:5px;border-radius:10px;margin-top:5px;overflow:hidden}.inv-bar-fill{height:100%;border-radius:10px;transition:width .5s ease}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--red);color:#fff;text-align:center;padding:8px;font-size:.78rem;font-weight:700;z-index:1000;transform:translateY(-100%);transition:transform .35s cubic-bezier(.34,1.2,.64,1)}.offline-banner.show{transform:translateY(0)}.pwa-prompt{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(200px);background:var(--bark);color:#fff;padding:14px 18px;border-radius:var(--r-md);box-shadow:var(--sh-lg);z-index:450;display:flex;align-items:center;gap:12px;transition:transform .5s cubic-bezier(.34,1.2,.64,1);max-width:90vw}.pwa-prompt.show{transform:translateX(-50%) translateY(0)}.lang-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:6px}.lang-option{background:var(--foam);border:2px solid transparent;border-radius:var(--r-sm);padding:14px;cursor:pointer;text-align:center;transition:.2s}.lang-option:hover{border-color:var(--caramel)}.lang-option.selected-lang{border-color:var(--amber);background:#FFF8F2}.lang-flag{font-size:1.8rem;margin-bottom:4px}.lang-name{font-size:.88rem;font-weight:700}.ops-stats-container{background:#fff;border-radius:var(--r-md);padding:16px;box-shadow:var(--sh-sm);margin-bottom:16px}.ops-stat-row{display:flex;gap:10px;margin-bottom:10px}.ops-stat-row:last-child{margin-bottom:0}.ops-stat-card{flex:1 1;background:var(--foam);border-radius:var(--r-sm);padding:12px;text-align:center;border:1px solid var(--latte);transition:var(--transition)}.ops-stat-label{font-size:.68rem;color:var(--text-light);font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.ops-stat-value{font-size:1.2rem;font-weight:900}.ops-green,.ops-online{color:var(--green)}.ops-red{color:var(--red)}.ops-amber{color:var(--amber)}.hidden{display:none!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-in{animation:slideUp .4s ease forwards}.animate-fade{animation:fadeIn .4s ease forwards}.animate-scale{animation:scaleIn .3s ease forwards}@media(max-width:900px){.admin-shell{flex-direction:column}.admin-sidebar{width:100%;min-height:auto;flex-direction:row;align-items:center;padding:8px 12px;overflow-x:auto}.admin-logo{padding:0;border:none}.admin-nav{display:flex;gap:4px;padding:0}.admin-nav-section{display:none}.admin-nav-item{border:none;padding:8px 12px;border-radius:var(--r-sm);white-space:nowrap;font-size:.75rem}.admin-nav-item.active{border:none;background:rgba(192,105,42,.2)}.admin-bottom{display:none}.rbac-grid{overflow-x:auto}}@media(max-width:480px){.shell{padding:8px;box-shadow:0 2px 16px rgba(0,0,0,.1)}.header{padding:10px 12px;gap:8px}.logo-arabic{font-size:1.3rem}.logo-num{font-size:1.4rem}.auth-header-btn,.lang-btn,.theme-btn{padding:5px 10px;font-size:.68rem}.bottom-nav{padding:4px 0;gap:2px;margin:0 4px}.nav-btn{font-size:.58rem;padding:4px 0}.nav-btn .nav-icon{font-size:1.1rem}.view{padding:12px 10px}.section-title{font-size:.85rem;margin-bottom:8px}.hero-banner{padding:14px;margin-bottom:10px}.hero-name{font-size:1.15rem}.hero-streak{font-size:.65rem;padding:3px 8px}.smart-reorder{gap:8px;margin-bottom:6px}.reorder-chip{min-width:120px;padding:8px 10px}.reorder-title{font-size:.75rem}.reorder-meta{font-size:.6rem}.reorder-price .price{font-size:.8rem}.map-wrap{min-height:140px;margin-bottom:10px}.map-wrap.expanded{height:180px}.cafe-list{gap:7px;margin-bottom:14px}.cafe-card{padding:10px 12px;gap:9px}.cafe-avatar{width:40px;height:40px;font-size:1.3rem;border-radius:12px}.cafe-name{font-size:.85rem}.cafe-sub{font-size:.62rem}.cafe-right{gap:2px}.cafe-rating{font-size:.62rem;padding:2px 5px}.cafe-status-badge{font-size:.58rem;padding:2px 5px}.coffee-panel{padding:12px;margin-bottom:10px}.coffee-grid{gap:6px;margin-top:10px}.coffee-btn{padding:10px 4px}.coffee-btn .icon{font-size:1.5rem}.coffee-btn .label{font-size:.65rem}.coffee-btn .price{font-size:.62rem}.action-btn{padding:10px;border-radius:var(--r-sm);font-size:.85rem;margin-top:3px}.wallet-hero{padding:14px;margin-bottom:10px}.wallet-balance{font-size:2rem}.wallet-actions{gap:6px;margin-top:12px}.wallet-action-btn{padding:8px;font-size:.75rem}.loyalty-hero{padding:14px;margin-bottom:10px}.loyalty-points{font-size:1.8rem;margin-bottom:8px}.tier-progress{height:6px;margin-bottom:6px}.tier-next{font-size:.64rem}.badge-grid{gap:6px;margin-bottom:10px}.badge-item{padding:10px 4px}.badge-icon{font-size:1.4rem;margin-bottom:2px}.badge-name{font-size:.55rem}.reward-grid{gap:6px;margin-bottom:10px}.reward-card{padding:10px;gap:8px;margin-bottom:6px}.reward-icon{font-size:1.6rem}.reward-title{font-size:.78rem}.reward-desc{font-size:.62rem;margin-top:1px}.reward-cost{font-size:.78rem}.group-banner{padding:12px;margin-bottom:10px}.group-avatar{width:28px;height:28px;font-size:.68rem;margin-left:-6px;border-width:2px}.sub-card{padding:12px;margin-bottom:8px}.sub-name{font-size:.85rem}.sub-price{font-size:.95rem}.sub-desc{font-size:.68rem;margin-bottom:8px}.sub-features{gap:4px}.sub-feature{font-size:.6rem;padding:2px 6px}.cal-grid{gap:3px;margin-top:8px}.cal-day{padding:6px 1px;font-size:.7rem}.cal-day-label{font-size:.58rem;margin-bottom:3px}.cal-day.has-order:after{bottom:2px;width:3px;height:3px}.voice-btn{width:60px;height:60px;font-size:1.5rem;margin:14px auto}.chat-fab{bottom:78px;left:12px;width:48px;height:48px;font-size:1.3rem}.chat-window{bottom:135px;left:12px;width:280px;max-height:340px}.notif-inbox{max-width:320px}.notif-item{padding:10px;margin-bottom:6px}.notif-title{font-size:.78rem}.notif-body{font-size:.66rem;line-height:1.3}.notif-time{font-size:.55rem}.modal-sheet{padding:16px 14px max(16px,env(safe-area-inset-bottom))}.pay-method{padding:10px 6px;font-size:.75rem}.pay-addon-grid{gap:8px}.pay-addon-btn{padding:10px 2px;font-size:.72rem}.pay-addon-icon{font-size:1.1rem}.pay-addon-name{font-size:.68rem;margin:1px 0}.pay-addon-price{font-size:.65rem}.pay-addon-total{font-size:.68rem;margin-top:3px}.pay-wallet-info{font-size:.75rem;padding:6px 10px;margin-bottom:8px;font-size:.72rem;padding:8px 10px;margin-bottom:10px}.pay-cafe-badge{gap:6px;padding:8px 10px;margin-bottom:8px}.pay-cafe-icon{font-size:1.1rem}.pay-cafe-name{font-weight:700;font-size:.78rem}.pay-cafe-sub{font-size:.64rem}.pay-cart-detail{font-weight:700;font-size:.85rem}.pay-cart-qty{font-size:.66rem}.pay-cart-price{font-weight:900;font-size:.9rem}.pay-total{font-size:.9rem;padding:6px 0 0}.pay-loyalty-note{font-size:.68rem}.pay-sub-discount{font-size:.72rem;padding:2px 0}.pay-confirm-btn{padding:12px;font-size:.92rem}.day-chip{padding:4px 8px;font-size:.64rem}.cal-nav-btn{padding:3px 8px;font-size:.66rem}.cal-month-label{font-size:.75rem}.cal-grid-mini{gap:1px;font-size:.62rem}.cal-day-header{padding:2px 0;font-size:.58rem}.cal-cell{padding:4px 0;font-size:.64rem}.cal-cell.selected{font-size:.68rem}.sub-price-detail{font-size:.64rem;padding:6px 0}.currency-sym{display:inline;transform:scale(.85)}.reorder-price .price{color:#111}.add-order-btn,.map-hide,.voice-label{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gender-option .gender-icon{font-size:1.15rem;margin-bottom:2px}.gender-select{gap:6px;margin-bottom:8px}.gender-option{padding:10px;font-size:.68rem;font-weight:700}.upload-dashed{gap:6px;padding:6px 10px;font-size:.75rem}.cal-card{padding:12px;box-shadow:var(--sh-sm)}.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cal-nav-row{gap:4px;margin-bottom:6px;align-items:center}.cal-nav-row .action-btn{padding:3px 8px;font-size:.65rem;width:auto}.cal-month-name{font-size:.72rem;padding:2px 6px}.cal-grid-mini{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;font-size:.66rem}.cal-cell{text-align:center;padding:5px 0;cursor:pointer;border-radius:6px;font-size:.68rem;transition:var(--transition)}.cal-cell:hover{background:var(--hover-light)}.cal-cell.selected{background:var(--amber);color:#fff;font-weight:900}.cal-cell.future{opacity:1}.cal-cell.past{opacity:.4;cursor:default}.cal-cell.day-selected{background:var(--foam)}.sub-price-detail{font-size:.7rem;color:var(--text-mid);padding:8px 0;text-align:center}.profile-hero{padding:20px 14px 16px;margin-bottom:10px}.profile-hero:hover{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 8px 24px rgba(15,10,8,.12)}.profile-avatar{width:60px;height:60px;font-size:1.8rem;margin-bottom:10px}.profile-name{font-size:1.2rem;margin-bottom:6px}.profile-stats{gap:6px;margin-bottom:10px}.stat-card{padding:8px;gap:8px}.stat-icon{width:26px;height:26px;font-size:1.1rem}.stat-value{font-size:1.2rem;font-weight:700}.stat-label{font-size:.62rem;margin-top:2px}.setting-group{padding:10px 12px;margin-bottom:6px}.setting-icon{width:26px;height:26px;font-size:1rem}.setting-content{flex:1 1;min-width:0}.setting-title{font-size:.78rem;margin-bottom:2px}.setting-desc{font-size:.64rem}.logout-btn{padding:12px;font-size:.78rem}.export-btn{padding:8px 12px;font-size:.68rem}.order-code-display{font-size:.9rem;letter-spacing:2px;margin:6px 0;padding:6px 10px}.emp-card{padding:10px 12px;margin-bottom:6px}.emp-name{font-size:.8rem}.emp-role{font-size:.66rem}.emp-delete-btn{width:26px;height:26px;font-size:.9rem}.emp-add-form{padding:12px;margin-bottom:10px}.item-toggle{width:36px;height:20px}.item-toggle-slider:before{width:12px;height:12px;top:3px;left:3px}.item-toggle input:checked+.item-toggle-slider:before{transform:translateX(15px)}.rbac-grid{overflow-x:auto}.kpi-grid{gap:10px;margin-bottom:16px}.kpi-card{padding:12px 14px;box-shadow:var(--sh-xs);border-top-width:2px}.kpi-icon{font-size:1.3rem;margin-bottom:6px}.kpi-label{font-size:.65rem;margin-bottom:4px}.kpi-val{font-size:1.4rem;margin-top:2px}.kpi-delta{font-size:.66rem;margin-top:3px}.kpi-delta svg{width:12px;height:12px}.ops-stat-row{margin-bottom:8px}.live-ticker{padding:10px 12px;margin-bottom:12px}.ticker-label{margin-bottom:4px}.ticker-track{font-size:.7rem}.ops-desk{padding:8px 12px;font-size:.78rem}.admin-nav-item{padding:6px 10px;font-size:.68rem;gap:8px}.ops-stats-container{padding:14px;margin-bottom:12px;padding:12px}.ops-stat-value{font-size:1.1rem}.live-ticker{padding:8px 10px;margin-bottom:8px;box-shadow:var(--sh-xs)}.ticker-label{font-size:.65rem;margin-bottom:3px}.ops-desk,.ticker-track{font-size:.68rem}.ops-desk{padding:6px 10px;margin-bottom:6px}.ops-stats-container{padding:10px}.ops-stat-value{font-size:.95rem}.ops-stat-card{padding:6px;gap:6px}.ops-stat-row{gap:4px;margin-bottom:4px}.ops-stat-label{font-size:.6rem}.ops-stat-row{gap:6px;margin-bottom:6px}.ops-stat-label{margin-bottom:3px}.ops-stat-value{font-size:1.05rem;font-size:1rem}.ops-stat-card{padding:8px}.ops-stat-label{font-size:.64rem;margin-bottom:2px}.ops-stat-value{font-size:.9rem}.ops-stats-container{padding:8px;box-shadow:var(--sh-xs);padding:6px}.ops-stat-row{box-shadow:var(--sh-xs);padding:5px;font-size:.8rem}.ops-stat-label{font-size:.58rem;margin-top:4px}.ops-stat-value{font-size:.85rem;margin-top:4px}.ops-stats-container{background:var(--cream);border-radius:var(--r-sm);box-shadow:var(--sh-sm);margin-bottom:14px}.ops-stat-row{display:flex;gap:8px;margin-bottom:10px}.ops-stat-row:last-child{margin-bottom:0}.ops-stat-card{flex:1 1;background:var(--foam);border-radius:var(--r-sm);padding:10px;text-align:center;border:1px solid var(--latte);transition:var(--transition)}.ops-stat-label{font-size:.68rem;color:var(--text-light);font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.ops-stat-value{font-size:1.2rem;font-weight:900}.ops-green,.ops-online{color:var(--green)}.ops-red{color:var(--red)}.ops-amber{color:var(--amber)}.hidden{display:none!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-in{animation:slideUp .4s ease forwards}.animate-fade{animation:fadeIn .4s ease forwards}.animate-scale{animation:scaleIn .3s ease forwards}.profile-hero{background:linear-gradient(135deg,var(--bark),#5C2E1A);border-radius:var(--r-md);padding:28px 18px 22px;margin-bottom:14px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 32px rgba(15,10,8,.12);transition:var(--transition)}.profile-hero:hover{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 12px 40px rgba(15,10,8,.16)}}.order-timer-container{background:linear-gradient(135deg,var(--bark),var(--espresso));border-radius:var(--r-md);padding:16px 20px;margin-bottom:14px;color:#fff;text-align:center;position:relative;overflow:hidden}.order-timer-container:after{content:"⏱️";position:absolute;left:-8px;bottom:-18px;font-size:4.5rem;opacity:.04;line-height:1;pointer-events:none}.timer-label{font-size:.7rem;color:rgba(255,255,255,.5);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px}.timer-display{font-size:2rem;font-weight:900;color:var(--amber);font-family:JetBrains Mono,monospace;line-height:1;letter-spacing:2px}.timer-sub{font-size:.72rem;color:rgba(255,255,255,.4);margin-top:5px}.timer-warning{color:var(--red)!important;animation:pulse 1s infinite}.timer-ready{color:var(--green)!important}.price{display:inline-flex;align-items:baseline;direction:ltr;unicode-bidi:bidi-override;font-size:1.35em;font-weight:800;color:#111;outline:none}.price:active,.price:focus{color:#fff!important}.coffee-btn .price{font-size:.85rem;color:var(--amber);font-weight:700}.action-btn .price,.coffee-btn.selected .price{color:#fff}.cart-item .price{font-size:1.15rem;font-weight:800}.reorder-price .price,.stat-card .price{font-size:1.1rem}.currency-sym{font-size:1.15em;font-weight:700;-webkit-margin-end:1px;margin-inline-end:1px;font-family:Segoe UI,DejaVu Sans,DejaVu Sans Mono,Arial Unicode MS,Roboto,sans-serif;letter-spacing:1px;line-height:1.2;position:relative;top:0;display:inline-block}.time-wheel-container{background:#fff;border-radius:var(--r-md);padding:10px 0;margin-bottom:14px;box-shadow:var(--sh-sm);position:relative;overflow:hidden}[data-theme=dark] .time-wheel-container{border-color:rgba(255,255,255,.04)}.time-wheel-container:after,.time-wheel-container:before{content:"";position:absolute;left:0;right:0;height:44px;pointer-events:none;z-index:2}.time-wheel-container:before{top:0;background:linear-gradient(to bottom,var(--cream) 0,rgba(255,255,255,0) 100%)}.time-wheel-container:after{bottom:0;background:linear-gradient(to top,var(--cream) 0,rgba(255,255,255,0) 100%)}.time-wheel-mask{height:132px;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.time-wheel-mask::-webkit-scrollbar{display:none}.time-wheel-item{height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;font-size:.92rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:color .15s,font-size .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:JetBrains Mono,monospace;letter-spacing:1px}.time-wheel-item.selected{color:var(--bark);font-size:1.2rem;font-weight:800}.time-wheel-highlight{position:absolute;left:12px;right:12px;top:44px;height:44px;border-radius:var(--r-sm);background:var(--cream);pointer-events:none;z-index:0;border:1px solid var(--latte)}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--latte);animation:fadeSlideIn .3s ease both}.cart-item:last-child{border-bottom:none}.qty-control{gap:6px}.qty-btn,.qty-control{display:flex;align-items:center}.qty-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--amber);background:var(--cream);color:var(--amber);font-weight:900;cursor:pointer;justify-content:center;font-size:.95rem;transition:var(--transition)}.qty-btn:hover{background:var(--amber);color:#fff;transform:scale(1.1);box-shadow:0 2px 8px rgba(200,146,75,.25)}.qty-btn:active{transform:scale(.85)}.qty-value{font-weight:900;font-size:.95rem;min-width:22px;text-align:center}.cart-total-row{display:flex;justify-content:space-between;padding:12px 0;border-top:2px solid var(--latte);margin-top:6px;font-size:1rem;font-weight:900;color:var(--text-main)}.gender-select{display:flex;gap:10px;margin-bottom:10px}.gender-option{flex:1 1;background:var(--cream);border:2px solid transparent;border-radius:var(--r-sm);padding:12px;text-align:center;cursor:pointer;transition:var(--transition);font-size:.82rem;font-weight:700;box-shadow:var(--sh-sm)}[data-theme=dark] .gender-option{border-color:rgba(255,255,255,.04)}.gender-option:hover{border-color:var(--caramel)}.gender-option.selected{background:var(--amber);color:#fff;border-color:var(--bark)}.gender-option .gender-icon{font-size:1.3rem;display:block;margin-bottom:4px}.order-code-display{background:var(--bark);color:var(--caramel);padding:8px 14px;border-radius:var(--r-sm);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:900;letter-spacing:3px;text-align:center;margin:8px 0}.emp-card{background:var(--cream);border-radius:var(--r-sm);padding:12px 14px;justify-content:space-between;box-shadow:var(--sh-sm);margin-bottom:8px}.emp-card,.emp-delete-btn{display:flex;align-items:center}.emp-delete-btn{background:var(--red-bg);color:var(--red);border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:.95rem;justify-content:center;transition:var(--transition)}.emp-delete-btn:hover{background:var(--red);color:#fff;transform:scale(1.08)}.emp-add-form{background:#fff;border-radius:var(--r-md);padding:16px;box-shadow:var(--sh-sm);margin-bottom:14px}.item-toggle{position:relative;width:40px;height:22px}.item-toggle input{opacity:0;width:0;height:0}.item-toggle-slider{position:absolute;inset:0;border-radius:40px;cursor:pointer;transition:all .25s ease;background:var(--latte)}.item-toggle input:checked+.item-toggle-slider{background:var(--green)}.item-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;transition:all .25s ease}.item-toggle input:checked+.item-toggle-slider:before{transform:translateX(20px)}.sub-card{background:#fff;border-radius:var(--r-md);padding:16px;margin-bottom:10px;box-shadow:var(--sh-sm);border:2px solid transparent;transition:var(--transition);cursor:pointer}.sub-card:hover{border-color:var(--caramel)}.sub-card.active{border-color:var(--green);background:var(--green-bg)}.sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sub-name{font-size:.95rem;font-weight:900}.sub-price{font-size:1.1rem;font-weight:900;color:var(--green)}.sub-desc{font-size:.75rem;color:var(--text-light);margin-bottom:10px}.sub-features{display:flex;flex-wrap:wrap;gap:6px}.sub-feature{font-size:.65rem;background:var(--latte);padding:3px 8px;border-radius:20px;font-weight:700}.truncate-text{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.history-item{background:var(--cream);border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--sh-sm);margin-bottom:10px;display:flex;gap:12px;align-items:center;cursor:pointer;border:1px solid var(--latte);transition:var(--transition);animation:fadeSlideIn .35s ease both}[data-theme=dark] .history-item{border-color:rgba(255,255,255,.04)}.history-item:hover{box-shadow:var(--sh-md);transform:translateY(-2px);border-color:var(--amber)}.history-icon{font-size:1.3rem;width:38px;height:38px;background:var(--foam);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-info{flex:1 1;min-width:0}.history-title{font-size:.85rem;font-weight:700}.history-meta{font-size:.68rem;color:var(--text-light);margin-top:1px}.history-status{font-size:.62rem;color:var(--green);margin-top:2px;font-weight:700}.history-right{text-align:right;flex-shrink:0}.history-price{font-size:.85rem;font-weight:900;color:var(--amber)}.history-code{font-size:.6rem;color:var(--text-light);margin-top:2px}.history-code strong{color:var(--bark)}.txn-item{background:var(--cream);border-radius:var(--r-sm);padding:12px 14px;box-shadow:var(--sh-sm);display:flex;align-items:center;gap:12px;border:1px solid var(--latte);transition:var(--transition);animation:fadeSlideIn .35s ease both}[data-theme=dark] .txn-item{border-color:rgba(255,255,255,.04)}.txn-item:hover{box-shadow:var(--sh-md);transform:translateY(-1px);border-color:var(--amber)}.txn-icon{width:34px;height:34px;font-size:1rem}.txn-info{flex:1 1;min-width:0}.txn-title{font-size:.8rem}.txn-date{font-size:.66rem}.txn-amount{font-size:.85rem}.notif-item-mini{background:var(--cream);border-radius:var(--r-sm);padding:12px 14px;box-shadow:var(--sh-sm);display:flex;gap:12px;align-items:flex-start;border:1px solid var(--latte);transition:var(--transition)}[data-theme=dark] .notif-item-mini{border-color:rgba(255,255,255,.04)}.notif-item-mini:hover{box-shadow:var(--sh-md);border-color:var(--amber)}.notif-item-mini.unread{border-left:3px solid var(--amber);background:var(--foam)}.notif-item-mini .notif-icon{font-size:1.15rem;flex-shrink:0}.notif-item-mini .notif-content{flex:1 1;min-width:0}.notif-item-mini .notif-title{font-size:.82rem}.notif-item-mini .notif-title.unread{font-weight:700}.notif-item-mini .notif-body{font-size:.7rem;margin-top:2px;color:var(--text-mid)}.notif-item-mini .notif-time{font-size:.58rem;margin-top:4px;font-weight:600;color:var(--text-light)}.notif-mark-read{background:none;border:none;cursor:pointer;font-size:.68rem;color:var(--amber);font-weight:700;flex-shrink:0}.auth-tabs{display:flex;gap:0;margin-bottom:14px;border-radius:10px;overflow:hidden;border:2px solid var(--latte)}.auth-tab{flex:1 1;padding:9px 6px;border:none;background:transparent;color:var(--text-mid);font-weight:700;font-size:.8rem;cursor:pointer;transition:var(--transition);font-family:inherit}.auth-tab.active{background:var(--amber);color:#fff}.auth-tab:hover:not(.active){background:var(--hover-light)}.upload-dashed{display:flex;align-items:center;gap:8px;padding:8px 12px;border:2px dashed var(--latte);border-radius:10px;cursor:pointer;font-size:.8rem}.upload-dashed span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-card{background:var(--cream);border-radius:var(--r-md);padding:14px;box-shadow:var(--sh-sm);border:1px solid var(--latte);transition:var(--transition)}[data-theme=dark] .cal-card{border-color:rgba(255,255,255,.04)}.cal-card:hover{box-shadow:var(--sh-md);border-color:var(--amber)}.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cal-nav-btn{width:auto;padding:4px 10px;font-size:.68rem}.cal-month-label{font-size:.88rem;font-weight:800}.flex-row{display:flex;gap:8px}.flex-row .action-btn{font-size:.78rem;padding:10px 14px}.notif-empty{padding:24px;color:var(--text-light);font-size:.82rem}.center-text,.notif-empty{text-align:center}.mt-10{margin-top:10px}.mb-16{margin-bottom:16px}.pay-section{background:var(--cream);border-radius:var(--r-sm);padding:14px 16px;margin-bottom:14px;box-shadow:var(--sh-sm);border:1px solid var(--latte);transition:var(--transition)}[data-theme=dark] .pay-section{border-color:rgba(255,255,255,.04)}.pay-section:hover{box-shadow:var(--sh-md);border-color:var(--amber)}.pay-section-title{font-size:.82rem;font-weight:800;margin-bottom:8px;text-align:center}.pay-addon-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.pay-addon-btn{padding:12px 8px;font-size:.78rem;min-width:0;text-align:center}.pay-addon-icon{font-size:1.2rem}.pay-addon-name{font-weight:700;font-size:.75rem;margin:2px 0}.pay-addon-price{font-size:.72rem;font-weight:600;color:var(--amber)}.pay-addon-total{font-size:.78rem;font-weight:700;text-align:right;margin-top:6px;padding:4px 0 0;border-top:1px solid var(--latte)}.pay-method-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.pay-wallet-info{font-size:.8rem;padding:8px 12px;border-radius:var(--r-sm);text-align:center;margin-bottom:12px;font-weight:700}.pay-wallet-info.sufficient{background:var(--green-bg);color:var(--green)}.pay-wallet-info.insufficient{background:var(--red-bg);color:var(--red)}.pay-cafe-badge{display:flex;align-items:center;gap:8px;background:var(--foam);border-radius:var(--r-sm);padding:10px 12px;margin-bottom:12px}.pay-cafe-icon{font-size:1.2rem}.pay-cafe-name{font-weight:700;font-size:.82rem}.pay-cafe-sub{font-size:.68rem;color:var(--text-light)}.pay-cart-item{display:flex;align-items:center;gap:8px}.pay-cart-icon{font-size:1.4rem}.pay-cart-detail{font-weight:700;font-size:.92rem}.pay-cart-qty{font-size:.72rem;font-weight:600}.pay-cart-price{font-weight:900;font-size:.95rem;color:var(--bark)}.pay-total{font-size:1rem;font-weight:900;padding:8px 0 0;border-top:1px solid var(--latte)}.pay-total-label{display:flex;justify-content:space-between;align-items:center}.pay-loyalty-note{font-size:.75rem;font-weight:600;color:var(--amber)}.pay-sub-discount{font-size:.8rem;padding:4px 0;color:var(--green)}.pay-confirm-btn{width:100%;padding:14px;font-size:1rem}.day-chip{width:auto;padding:5px 9px;font-size:.68rem;border-radius:20px;background:var(--foam);color:var(--text-main);border:1px solid var(--latte);font-family:inherit;font-weight:700;cursor:pointer;transition:var(--transition)}.day-chip:hover{box-shadow:var(--sh-sm);transform:translateY(-1px);border-color:var(--amber)}.day-chip.selected{background:var(--amber);color:#fff;border-color:transparent;transform:translateY(-1px)}.cal-nav-row{display:flex;gap:6px;margin-bottom:8px;align-items:center}.cal-nav-row .action-btn{padding:4px 10px;font-size:.7rem;width:auto}.cal-month-name{font-size:.8rem;font-weight:700;padding:4px 8px}.cal-grid-mini{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;font-size:.66rem}.cal-day-header{text-align:center;font-weight:700;color:var(--text-light);padding:3px 0}.cal-cell{text-align:center;padding:5px 0;cursor:pointer;border-radius:6px;font-size:.68rem;transition:var(--transition)}.cal-cell:hover{background:var(--hover-light)}.cal-cell.selected{background:var(--amber);color:#fff;font-weight:900}.cal-cell.future{opacity:1}.cal-cell.past{opacity:.4;cursor:default}.cal-cell.day-selected{background:var(--foam)}.sub-price-detail{font-size:.7rem;color:var(--text-mid);padding:8px 0;text-align:center}.profile-hero{background:linear-gradient(135deg,var(--bark),#5C2E1A);border-radius:var(--r-md);padding:28px 18px 22px;margin-bottom:14px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 32px rgba(15,10,8,.12);transition:var(--transition)}.profile-hero:hover{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 12px 40px rgba(15,10,8,.16)}.profile-avatar{width:76px;height:76px;border-radius:50%;background:var(--amber);color:#fff;font-size:2rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;border:3px solid rgba(255,255,255,.25);position:relative;transition:var(--transition)}.profile-avatar:hover{transform:scale(1.05);border-color:rgba(255,255,255,.4)}.profile-avatar-badge{position:absolute;bottom:-2px;right:-2px;background:var(--gold);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;border:2px solid #fff}.profile-name{font-size:1.15rem;font-weight:900}.profile-email{font-size:.75rem;color:rgba(255,255,255,.55);margin-top:3px}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.stat-card{background:#fff;border-radius:var(--r-md);padding:16px 10px;text-align:center;box-shadow:0 0 0 1px rgba(15,10,8,.04),0 4px 12px rgba(15,10,8,.06);transition:var(--transition)}.stat-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}[data-theme=dark] .stat-card{border-color:rgba(255,255,255,.04)}.stat-value{font-size:1.3rem;font-weight:900;color:var(--amber)}.stat-label{font-size:.65rem;color:var(--text-light);margin-top:3px}.setting-group{background:#fff;border-radius:var(--r-md);padding:6px 14px;box-shadow:0 0 0 1px rgba(15,10,8,.04),0 4px 12px rgba(15,10,8,.06);margin-bottom:10px;transition:var(--transition)}.setting-group:hover{box-shadow:var(--sh-md)}[data-theme=dark] .setting-group{border-color:rgba(255,255,255,.04)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--latte)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:.85rem;font-weight:500}.setting-btn{padding:4px 14px;font-size:.7rem;width:auto}.complaint-section{margin-top:14px}.complaint-textarea{min-height:80px;resize:vertical;margin-bottom:8px}.logout-wrap{margin-top:24px;margin-bottom:8px;text-align:center}.logout-btn{padding:8px 28px;font-size:.82rem;display:inline-flex;gap:6px;align-items:center}.ios-switch{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.ios-switch input{opacity:0;width:0;height:0;position:absolute}.ios-switch .slider{position:absolute;inset:0;border-radius:15.5px;cursor:pointer;transition:var(--transition)}.ios-switch .slider:after{content:"";position:absolute;left:2px;bottom:2px;width:27px;height:27px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(0,0,0,.2),0 0 0 .5px rgba(0,0,0,.04)}.ios-switch input:checked+.slider:after{transform:translateX(20px)}.ios-switch input:checked+.slider{background:var(--green)}.history-pills{display:flex;gap:8px;margin-bottom:14px}.history-pill{flex:1 1;border:none;background:var(--latte);color:var(--text-mid);font-family:inherit;font-size:.78rem;font-weight:700;padding:9px 6px;border-radius:40px;cursor:pointer;transition:var(--transition)}.history-pill:hover{background:var(--cream);transform:translateY(-1px)}.history-pill.active{background:var(--bark);color:#fff;box-shadow:0 2px 12px rgba(43,22,14,.2)}.history-pill:active{transform:scale(.97)}.order-card{background:#fff;border-radius:var(--r-md);padding:14px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;gap:7px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.order-card:hover{box-shadow:var(--sh-md)}.order-card:active{transform:scale(.985)}.order-card-top{display:flex;justify-content:space-between;align-items:center}.order-id{font-size:.72rem;color:var(--text-light);font-weight:600}.order-id strong{color:var(--text-mid);font-weight:800;font-family:monospace}.order-date{font-size:.68rem;color:var(--text-light)}.order-status{font-size:.65rem;font-weight:800;padding:2px 10px;border-radius:40px;display:inline-block;text-transform:capitalize}.order-status.pending{background:var(--orange-bg);color:var(--orange)}.order-status.preparing{background:var(--blue-bg);color:var(--blue)}.order-status.ready{background:var(--green-bg);color:var(--green)}.order-status.completed{background:var(--green-bg);color:var(--green-dark)}.order-status.cancelled{background:var(--red-bg);color:var(--red)}.order-items{display:flex;flex-wrap:wrap;gap:4px 8px}.order-item-chip{font-size:.72rem;background:var(--latte);padding:3px 10px;border-radius:40px;color:var(--text-mid);font-weight:600;white-space:nowrap}.order-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.order-total{font-size:1rem;font-weight:900;color:var(--amber)}.reorder-btn{background:var(--bark);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.reorder-btn:hover{transform:scale(1.1);background:var(--amber)}.reorder-btn:active{transform:scale(.9)}.txn-card{background:#fff;border-radius:var(--r-sm);padding:10px 12px;box-shadow:var(--sh-sm);display:flex;align-items:center;gap:10px;transition:var(--transition)}.txn-card:hover{box-shadow:var(--sh-md)}.txn-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.txn-icon.credit{background:var(--green-bg)}.txn-icon.debit{background:var(--red-bg)}.txn-body{flex:1 1;min-width:0}.txn-title{font-size:.82rem;font-weight:700}.txn-date{font-size:.68rem;color:var(--text-light);margin-top:1px}.txn-amount{font-size:.88rem;font-weight:900;flex-shrink:0}.txn-amount.credit{color:var(--green)}.txn-amount.debit{color:var(--red)}[data-theme=dark] .shell{box-shadow:none}[data-theme=dark] .chat-msg.bot{background:#3a2a2c;color:var(--text-main)}[data-theme=dark] .typing-indicator{background:#3a2a2c}[data-theme=dark] .history-icon,[data-theme=dark] .pay-cafe-badge{background:rgba(255,255,255,.04)}[data-theme=dark] .recent-tx-container{background:var(--cream)}[data-theme=dark] .reorder-chip{background:var(--cream);border-color:var(--latte)}[data-theme=dark] .admin-table-wrap,[data-theme=dark] .badge-item,[data-theme=dark] .cafe-card,[data-theme=dark] .cal-day,[data-theme=dark] .canvas-wrap,[data-theme=dark] .chat-window,[data-theme=dark] .coffee-panel,[data-theme=dark] .emp-add-form,[data-theme=dark] .gauge-card,[data-theme=dark] .inv-card,[data-theme=dark] .kpi-card,[data-theme=dark] .live-ticker,[data-theme=dark] .notif-item,[data-theme=dark] .ops-stats-container,[data-theme=dark] .order-card,[data-theme=dark] .reward-card,[data-theme=dark] .setting-group,[data-theme=dark] .stat-card,[data-theme=dark] .sub-card,[data-theme=dark] .time-wheel-container,[data-theme=dark] .txn-card{background:var(--cream)}[data-theme=dark] .admin-search{background:var(--cream);border-color:var(--latte)}[data-theme=dark] .price{color:var(--text-main)}.price:focus,[data-theme=dark] .price:active{color:var(--amber)!important}[data-theme=dark] .kpi-val{color:var(--text-main)}[data-theme=dark] .kpi-label{color:var(--text-light)}[data-theme=dark] .admin-table-title{color:var(--text-main)}[data-theme=dark] .audit-user,[data-theme=dark] .segment-label{color:var(--text-mid)}[data-theme=dark] .rbac-cell{background:var(--cream)}[data-theme=dark] .rbac-cell.header{background:rgba(255,255,255,.04);color:var(--text-light)}[data-theme=dark] .pay-cart-price,[data-theme=dark] .rbac-cell.role{color:var(--text-main)}[data-theme=dark] .pickup-code-display{color:var(--caramel)}[data-theme=dark] .loyalty-tier{color:rgba(255,255,255,.9)}[data-theme=dark] .admin-table th{background:rgba(255,255,255,.04);color:var(--text-light);border-bottom-color:var(--latte)}[data-theme=dark] .admin-table td{border-bottom-color:rgba(255,255,255,.04)}[data-theme=dark] .admin-table tr:hover td{background:rgba(255,255,255,.04)}[data-theme=dark] .admin-table-header,[data-theme=dark] .admin-tabs{border-bottom-color:var(--latte)}[data-theme=dark] .lang-option.selected-lang{background:#2A1A0A}[data-theme=dark] .badge-amber{background:rgba(229,146,75,.15);color:var(--amber)}.cal-card,.notif-item-mini,.pay-section,.txn-item,[data-theme=dark] .history-item,[data-theme=dark] .rbac-grid{border-color:var(--latte)}[data-theme=dark] .emp-card{border-color:rgba(255,255,255,.04)}[data-theme=dark] .time-wheel-item.selected{color:var(--caramel)}.btn-tab,[data-theme=dark] .admin-tab{color:var(--text-light)}.btn-tab.active,[data-theme=dark] .admin-tab.active{color:var(--amber)}