:root{--bg-primary:#0f0a1a;--bg-secondary:#1a0a2e;--bg-card:#ffffff0d;--bg-glass:#ffffff14;--border-glass:#ffffff1f;--purple:#a855f7;--pink:#ec4899;--gradient:linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-subtle:linear-gradient(135deg, #a855f726 0%, #ec489926 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--cyan:#06b6d4;--gold:#fbbf24;--silver:#94a3b8;--bronze:#d97706;--radius:16px;--radius-lg:22px;--content-max:480px;--radius-sm:10px;--shadow:0 8px 32px #0000004d;--sidebar-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(14px,2.8vw,16px)}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100%;min-height:100dvh;font-family:Tajawal,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#a855f71f 0%,#0000 50%),radial-gradient(at 80% 80%,#ec489914 0%,#0000 50%);position:fixed;inset:0}html.is-android body:before,html.is-touch body:before{display:none}#root{z-index:1;width:100%;min-height:100dvh;position:relative;overflow-x:hidden}a{color:var(--purple);text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);border-radius:var(--radius-sm);width:100%;padding:12px 16px;font-family:inherit;transition:border-color .2s,box-shadow .2s}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}select option{color:#1a0a2e;background-color:#fff}select option:checked,select option:hover{color:#fff;background-color:#a855f7}input:focus,select:focus,textarea:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #a855f733}textarea{resize:vertical;min-height:100px}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 15px #a855f74d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a855f766}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#ffffff1f}.btn-danger{background:var(--error);color:#fff}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-icon{border-radius:50%;padding:10px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow)}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{font-size:1.1rem;font-weight:700}.glass-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.glass-card:before{content:"";background:var(--gradient);height:2px;position:absolute;top:0;left:0;right:0}.stat-card{background:var(--gradient-subtle);border:1px solid var(--border-glass);border-radius:var(--radius);flex-direction:column;gap:8px;padding:20px;display:flex}.stat-value{color:var(--purple);font-size:2rem;font-weight:800}.stat-label{color:var(--text-secondary);font-size:.9rem}html.is-android .stat-value,html.is-touch .stat-value,html.is-android .store-welcome-card h1,html.is-touch .store-welcome-card h1,html.is-android .auth-logo h1,html.is-touch .auth-logo h1,html.is-android .auth-logo h2,html.is-touch .auth-logo h2,html.is-android .page-title-gradient,html.is-touch .page-title-gradient{-webkit-text-fill-color:var(--purple)!important;color:var(--purple)!important;background:0 0!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}.badge{border-radius:20px;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-pending{color:#fbbf24;background:#f59e0b33}.badge-active,.badge-delivered{color:#34d399;background:#10b98133}.badge-suspended,.badge-cancelled{color:#f87171;background:#ef444433}.badge-info{color:#60a5fa;background:#3b82f633}.badge-purple{color:#c084fc;background:#a855f733}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.9rem;font-weight:500;display:block}.form-error{color:var(--error);margin-top:4px;font-size:.85rem}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.app-layout{width:100%;max-width:100vw;min-height:100dvh;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-left:1px solid var(--border-glass);z-index:100;flex-direction:column;height:100vh;padding:24px 16px;transition:transform .3s;display:flex;position:fixed;top:0;right:0}.main-content{margin-right:var(--sidebar-width);flex:1;width:100%;max-width:100%;min-height:100dvh;padding:24px;overflow-x:hidden}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:4px}.brand-logo{object-fit:contain;-webkit-user-select:none;user-select:none;display:block}.brand-logo-full{width:100%;max-width:280px;height:auto;margin:0 auto}.brand-logo-icon{object-fit:contain;width:48px;height:auto}.auth-logo-img{filter:drop-shadow(0 2px 16px #a855f759);max-width:260px}.sidebar-logo{border-bottom:1px solid var(--border-glass);justify-content:center;align-items:center;margin-bottom:24px;padding:8px 12px 24px;display:flex}.sidebar-logo-img{width:100%;max-width:210px;height:auto}.logo-icon{background:var(--gradient);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.logo-text{font-size:1.1rem;font-weight:800}.logo-sub{color:var(--text-muted);font-size:.75rem}.nav-list{flex:1;list-style:none}.nav-item{margin-bottom:4px}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{background:var(--gradient-subtle);color:var(--text-primary)}.nav-link.active{border-right:3px solid var(--purple)}.sidebar-footer{border-top:1px solid var(--border-glass);padding-top:16px}.user-info{align-items:center;gap:12px;padding:8px;display:flex}.user-avatar{background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.table-wrapper{border-radius:var(--radius);-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%}.data-table-row-clickable{cursor:pointer}th,td{text-align:right;border-bottom:1px solid var(--border-glass);padding:14px 16px}th{color:var(--text-secondary);white-space:nowrap;background:#0003;font-size:.85rem;font-weight:600}tr:hover td{background:#ffffff08}.data-table-mobile{display:none}.modal-overlay{z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius);width:100%;max-width:520px;max-height:90vh;padding:28px;animation:.3s slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-size:1.25rem;font-weight:700}.modal-close{background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-sm);text-align:center;min-width:280px;padding:14px 24px;font-weight:500;animation:.3s slideDown}.toast-success{color:#fff;background:#10b981e6}.toast-error{color:#fff;background:#ef4444e6}.toast-info{color:#fff;background:#3b82f6e6}.toast-warning{color:#fff;background:#f59e0be6}.timeline{padding-right:24px;position:relative}.timeline:before{content:"";background:var(--border-glass);width:2px;position:absolute;top:0;bottom:0;right:8px}.timeline-item{padding-bottom:20px;padding-right:24px;position:relative}.timeline-item:before{content:"";background:var(--purple);border:2px solid var(--bg-secondary);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:-20px}.timeline-time{color:var(--text-muted);font-size:.8rem}.timeline-label{margin:2px 0;font-weight:600}.timeline-user{color:var(--text-secondary);font-size:.85rem}.loading-spinner{border:3px solid var(--border-glass);border-top-color:var(--purple);border-radius:50%;width:40px;height:40px;margin:40px auto;animation:.8s linear infinite spin}.loading-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.auth-page{background:radial-gradient(ellipse 80% 50% at 50% -10%, #a855f738, transparent 55%), radial-gradient(ellipse 60% 40% at 90% 80%, #06b6d41f, transparent 50%), var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:20px 20px 16px;display:flex}.auth-page .login-install-banner{width:100%;max-width:420px}.auth-page .app-branding-footer.auth,.auth-page .auth-hero{max-width:420px}.auth-page .auth-card.login-card{width:100%;max-width:420px;padding:24px 22px}.auth-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);width:100%;max-width:440px;padding:40px 32px}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo h1,.auth-logo h2{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.auth-tabs{border-radius:var(--radius-sm);background:#0003;gap:8px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{color:var(--text-secondary);background:0 0;border-radius:8px;flex:1;padding:10px;font-weight:600;transition:all .2s}.auth-tab.active{background:var(--gradient);color:#fff}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state svg{opacity:.3;margin-bottom:16px}.barcode-container{border-radius:var(--radius-sm);background:#fff;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.barcode-container canvas,.barcode-container svg{max-width:100%}.store-scan-card{background:0 0;border:none;max-width:480px;margin:0 auto 16px;padding:12px}.scanner-wrap{width:100%}.scanner-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.scanner-head h3{align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.scanner-error{color:var(--warning);text-align:center;background:#f59e0b1a;border-radius:12px;margin-bottom:16px;padding:12px}.scanner-manual{margin-top:16px}.store-scan-hints{background:var(--bg-glass);border:1px solid var(--border-glass);max-width:480px;color:var(--text-secondary);border-radius:12px;margin:0 auto;padding:12px 14px;font-size:.82rem;line-height:1.6}.store-scan-hints p{margin:0}.scanner-container{border-radius:var(--radius);isolation:isolate;background:#000;width:100%;max-width:400px;min-height:260px;margin:0 auto;position:relative;overflow:hidden}.scanner-container video{border-radius:var(--radius);display:block;object-fit:cover!important;width:100%!important;height:100%!important}html.is-ios .scanner-container{min-height:280px}html.is-ios .modal{max-height:calc(100dvh - 40px);overflow-y:auto}.mobile-menu-btn{z-index:200;background:var(--gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:none;position:fixed;top:16px;right:16px}.sidebar-overlay{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.instant-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700;animation:2s infinite pulse}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.form-full-width{width:100%;max-width:100%}@media (width<=768px){.sidebar{width:min(280px,88vw);transform:translate(100%);box-shadow:-8px 0 32px #0006}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#0000008c;display:block;position:fixed;inset:0}.main-content{padding:max(60px, env(safe-area-inset-top,0px) + 50px) 10px max(16px, env(safe-area-inset-bottom,0px));width:100%;max-width:100vw;margin-right:0}.mobile-menu-btn{width:44px;height:44px;display:flex;top:10px;right:10px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:10px}.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.page-title{font-size:1.35rem;line-height:1.3}.page-subtitle{font-size:.85rem}.page-header .btn,.page-header .search-box,.page-header form{width:100%!important;max-width:100%!important}.filters-row{width:100%;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.filters-row input[type=date]{width:100%}.card,.glass-card{border-radius:12px;padding:14px}.card-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.stat-card{padding:14px}.stat-value{font-size:1.45rem}.data-table-desktop{display:none}.data-table-mobile{flex-direction:column;gap:10px;display:flex}.data-card{border:1px solid var(--border-glass);background:#ffffff0a;border-radius:12px;padding:12px 14px}.data-card-clickable{cursor:pointer;transition:background .15s}.data-card-clickable:active{background:#a855f71f}.data-card-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.data-card-row:last-child{border-bottom:none;padding-bottom:0}.data-card-row-full{flex-direction:column;align-items:stretch;gap:8px}.data-card-row-full .data-card-value{text-align:right}.data-card-label{color:var(--text-secondary);flex-shrink:0;font-size:.78rem;font-weight:600}.data-card-value{text-align:left;word-break:break-word;flex:1;font-size:.9rem}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:92dvh;padding:20px 14px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;margin-bottom:16px}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 14px;font-size:.82rem}.btn{padding:10px 16px;font-size:.88rem}.btn-sm{padding:8px 12px;font-size:.82rem}.auth-card{padding:28px 20px}.toast{width:calc(100vw - 32px);min-width:auto}}.notif-badge{background:var(--error);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;left:-4px}.tabs{border-bottom:1px solid var(--border-glass);gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.tab{color:var(--text-secondary);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;padding:12px 20px;font-weight:600;transition:all .2s}.tab.active{color:var(--purple);border-bottom-color:var(--purple)}.tab:hover{color:var(--text-primary)}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--gradient);border-radius:4px;height:100%;transition:width .5s}.search-box{position:relative}.search-box input{padding-right:44px}.search-box svg{color:var(--text-muted);position:absolute;top:50%;right:14px;transform:translateY(-50%)}[data-theme=light]{--bg-primary:#f0f2f8;--bg-secondary:#fff;--bg-card:#ffffffe6;--bg-glass:#fffffff2;--border-glass:#00000014;--text-primary:#1a1a2e;--text-secondary:#5a5a7a;--text-muted:#8a8aa0;--gradient-subtle:linear-gradient(135deg, #a855f714 0%, #ec489914 100%)}[data-theme=light] body:before{opacity:.3}[data-theme=light] select option{color:#1a1a2e;background:#fff}.mobile-app{--app-header-h:56px;--app-nav-h:72px;flex-direction:column;width:100%;max-width:100vw;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-header{padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));border-bottom:1px solid var(--border-glass);z-index:120;background:#1a0a2efa;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}[data-theme=light] .app-header{background:#fff;border-bottom-color:#00000014;box-shadow:0 2px 12px #0000000f}.app-header-right,.app-header-left{flex:1;align-items:center;gap:8px;display:flex}.app-header-left{justify-content:flex-end}.app-header-logo{width:auto;height:36px}.app-header-store{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;max-width:min(160px,38vw);font-size:.82rem;font-weight:600;overflow:hidden}.header-icon-btn{background:var(--gradient-subtle);border:1px solid var(--border-glass);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.header-badge{background:var(--error);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-2px;left:-2px}.app-main{min-height:0;padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow:hidden auto}.app-content-shell{width:100%;max-width:var(--content-max);margin:0 auto}.bottom-nav{padding:8px 8px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--border-glass);z-index:110;background:#1a0a2efa;flex-shrink:0;justify-content:space-around;align-items:flex-end;display:flex;position:relative}[data-theme=light] .bottom-nav{background:#fff;border-top-color:#00000014;box-shadow:0 -2px 12px #0000000f}.bottom-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;font-size:.68rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.bottom-nav-item.active{color:var(--purple)}.bottom-nav-fab{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-28px;transition:transform .2s;display:flex;box-shadow:0 4px 20px #a855f780}.bottom-nav-fab:active{transform:scale(.95)}.drawer-overlay{z-index:210;background:#0000008c;position:fixed;inset:0}.side-drawer{background:var(--bg-secondary);z-index:220;flex-direction:column;width:min(300px,85vw);animation:.25s slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #0003}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-profile{padding:24px 16px 16px;padding-top:max(24px, env(safe-area-inset-top,24px));border-bottom:1px solid var(--border-glass);align-items:center;gap:12px;display:flex}.drawer-avatar{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:800;display:flex}.drawer-greeting{color:var(--text-muted);font-size:.8rem}.drawer-name{font-size:1rem;font-weight:700}.drawer-menu{flex:1;padding:8px 0;overflow-y:auto}.drawer-menu-item{color:var(--text-primary);cursor:pointer;border:none;border-bottom:1px solid var(--border-glass);background:0 0;align-items:center;gap:14px;width:100%;padding:14px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.drawer-menu-item:hover,.drawer-menu-item:active{background:var(--gradient-subtle)}.drawer-menu-item.logout{color:var(--error);margin-top:auto}.notifications-drawer{background:var(--bg-secondary);z-index:220;flex-direction:column;width:min(340px,90vw);animation:.25s slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:16px;display:flex}.drawer-header h3{align-items:center;gap:8px;font-size:1rem;display:flex}.drawer-body{flex:1;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border-glass);cursor:pointer;padding:14px 16px;transition:background .15s}.notif-item.unread{background:var(--gradient-subtle);border-right:3px solid var(--purple)}.notif-title{margin-bottom:4px;font-size:.9rem;font-weight:700}.notif-msg{color:var(--text-secondary);font-size:.85rem}.notif-time{color:var(--text-muted);margin-top:4px;font-size:.75rem}.home-slider{background:var(--bg-glass);border:1px solid var(--border-glass);aspect-ratio:16/7;border-radius:18px;min-height:140px;max-height:200px;margin-bottom:18px;position:relative;overflow:hidden}.home-slider-track{direction:ltr;height:100%;transition:transform .45s;display:flex}.home-slider-slide{flex-shrink:0;min-width:100%;height:100%;position:relative}.home-slider-slide img{object-fit:cover;width:100%;height:100%;display:block}.home-slider-fallback{background:linear-gradient(135deg,#a855f759,#ec489940);width:100%;height:100%}.home-slider-overlay{background:linear-gradient(#0000 0%,#0000001a 45%,#000000bf 100%);align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.home-slider-overlay p{color:#fff;text-shadow:0 2px 8px #00000080;margin:0;font-size:1rem;font-weight:800;line-height:1.4}.home-slider-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.home-slider-dot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:8px;height:8px;padding:0}.home-slider-dot.active{background:#fff;border-radius:4px;width:20px}.slider-admin-list{flex-direction:column;gap:12px;display:flex}.slider-admin-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.slider-admin-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:96px;height:56px}.slider-admin-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.slider-admin-info strong{font-size:.9rem}.slider-admin-info span{color:var(--text-muted);font-size:.78rem}.slider-admin-actions{flex-shrink:0;gap:6px;display:flex}.admin-quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-quick-card{text-align:center;color:var(--text-primary);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;padding:18px 10px;text-decoration:none;transition:transform .15s;display:flex}.admin-quick-card:active{transform:scale(.97)}.admin-quick-card.primary{background:var(--gradient-subtle);color:var(--purple);border-color:#a855f759}.admin-quick-card strong{font-size:.82rem;font-weight:800;line-height:1.3}.admin-quick-card span{color:var(--text-muted);font-size:.72rem}.preprinted-banner{text-align:center;background:#10b9811f;border:1px solid #10b98159;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:.88rem}.receipt-preview-wrap{background:#e2e8f0;border-radius:14px;justify-content:center;width:100%;padding:12px;display:flex;overflow:hidden}.receipt-preview-responsive .nb-receipt-sheet{aspect-ratio:2/3;width:min(100mm,100%);height:auto;max-height:70vh}.receipt-preview-wrap .nb-receipt-sheet,.nb-receipt-sheet{color:#000;background:#fff;border:1.5px solid #000;flex-direction:column;width:100mm;height:150mm;margin:0 auto;padding:3.5mm 4.5mm;font-family:Tajawal,Arial,sans-serif;display:flex;overflow:hidden}.nb-receipt-header{justify-content:space-between;align-items:flex-start;gap:2mm;margin-bottom:1.5mm;display:flex}.nb-receipt-logo-full{width:32mm;height:auto;display:block}.nb-receipt-slogan{color:#000;flex:1;max-width:38mm;font-size:6.8pt;font-weight:700;line-height:1.4}.nb-receipt-no{text-align:left;color:#000;direction:ltr;margin-bottom:1.5mm;font-size:8.5pt;font-weight:700}.nb-receipt-terms{color:#000;margin-bottom:2mm;padding-right:2.5mm;font-size:6.2pt;line-height:1.5;list-style:outside}.nb-receipt-terms li{margin-bottom:.5mm}.nb-receipt-fields-row{gap:2mm;margin-bottom:2mm;display:flex}.nb-receipt-panel{border:1px solid #000;border-radius:2mm;flex-direction:column;flex:1;min-height:20mm;display:flex;overflow:hidden}.nb-receipt-panel h4{color:#fff;text-align:center;background:#000;border-radius:2mm 2mm 0 0;padding:1.2mm 1mm;font-size:6.8pt;font-weight:700}.nb-receipt-panel .panel-body{color:#000;flex:1;padding:1.5mm 2mm;font-size:6.2pt}.nb-receipt-panel .panel-body p{margin-bottom:2mm;line-height:1.5}.field-line{vertical-align:bottom;border-bottom:1px dotted #333;min-width:24mm;min-height:3.5mm;display:inline-block}.notes-box{min-height:12mm}.nb-receipt-qr-row{flex:1;gap:2mm;min-height:0;display:flex}.nb-receipt-qr-box{color:#000;border:1px solid #000;border-radius:2mm;flex-direction:column;flex:1;display:flex;overflow:hidden}.nb-receipt-qr-box h4{color:#fff;text-align:center;background:#000;border-radius:2mm 2mm 0 0;padding:1.2mm 1mm;font-size:6.8pt;font-weight:700}.nb-receipt-qr-body{flex:1;align-items:center;gap:1.5mm;padding:1.5mm 2mm 2mm;display:flex}.qr-frame{background:#fff;border:1.5px dashed #666;flex-shrink:0;justify-content:center;align-items:center;width:23mm;height:23mm;display:flex}.qr-frame svg,.qr-frame img{width:22mm!important;height:22mm!important}.nb-receipt-qr-box ol{flex:1;margin:0;padding-left:0;padding-right:3mm;font-size:5.8pt;line-height:1.45;list-style:decimal}.nb-receipt-qr-box li{margin-bottom:.8mm}.nb-receipt-footer-block{text-align:center;color:#000;margin-top:auto;padding-top:1mm}.nb-receipt-footer-url{letter-spacing:.4px;font-size:7pt;font-weight:800}.driver-settlement-panel{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;margin-bottom:16px;padding:14px}.settlement-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:.88rem;display:flex}.settlement-row.highlight strong{color:var(--purple);font-size:1rem}.settlement-hint{color:var(--warning);text-align:center;margin:8px 0;font-size:.8rem}.settlement-admin-list{flex-direction:column;gap:12px;display:flex}.slider-upload-preview{object-fit:cover;border:1px solid var(--border-glass);border-radius:12px;width:100%;max-height:160px;margin-top:8px}.store-welcome-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#a855f724,#ec489914);border:1px solid #a855f747;margin-bottom:18px;padding:16px 18px;position:relative;overflow:hidden}.store-welcome-glow{pointer-events:none;background:radial-gradient(circle,#a855f759,#0000 70%);width:140px;height:140px;position:absolute;inset:-40% auto auto -20%}.store-welcome-inner{align-items:center;gap:14px;display:flex;position:relative}.store-welcome-emoji{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.store-welcome-card h1{color:var(--purple);background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 2px;font-size:1.15rem;font-weight:800}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.store-welcome-card h1{-webkit-text-fill-color:currentColor;background:0 0}}.store-welcome-card p{color:var(--text-secondary);margin:0;font-size:.8rem}.all-orders-link{color:var(--purple);align-items:center;gap:4px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.home-section-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.home-section-head h2{flex:1;margin:0;font-size:1rem;font-weight:800}.home-section-head svg{color:var(--purple);flex-shrink:0}.home-section-link{color:var(--purple);align-items:center;gap:2px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.home-section-badge{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:.72rem;font-weight:700;display:flex}.lb-arena{border-radius:var(--radius-lg);background:linear-gradient(165deg,#1a0a2ef2,#0f0a1ae0);border:1px solid #a855f752;margin-bottom:22px;padding:18px 14px 16px;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000040,inset 0 1px #ffffff0f}[data-theme=light] .lb-arena{background:linear-gradient(165deg,#fff,#f8f4ff);box-shadow:0 12px 40px #a855f71f}.lb-arena-bg{pointer-events:none;background:radial-gradient(circle at 15% 10%,#fbbf242e,#0000 42%),radial-gradient(circle at 85% 20%,#a855f733,#0000 45%),radial-gradient(circle at 50% 100%,#06b6d41f,#0000 50%);position:absolute;inset:0}.lb-arena-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex;position:relative}.lb-arena-title{align-items:center;gap:12px;display:flex}.lb-arena-icon{background:var(--gradient);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 6px 20px #a855f773}.lb-arena-title h2{margin:0;font-size:1.05rem;font-weight:800}.lb-arena-title p{color:var(--text-secondary);margin:2px 0 0;font-size:.72rem}.lb-rank-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:5px;padding:9px 14px;font-size:.72rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.lb-rank-btn:active{transform:scale(.96)}[data-theme=light] .lb-rank-btn{color:var(--purple);background:#a855f71a;border-color:#a855f740}.lb-top3-hint{text-align:center;color:var(--text-secondary);margin:0 0 10px;font-size:.72rem;font-weight:700}.lb-see-all-btn{border:1px dashed var(--border-glass);width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:.8rem;font-weight:700;transition:background .15s,color .15s;display:flex}.lb-see-all-btn:hover{color:var(--purple);background:#a855f71a}.lb-gap-chip{color:var(--text-secondary);background:#06b6d41f;border:1px solid #06b6d440;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:3px;margin-top:4px;padding:4px 10px;font-size:.68rem;font-weight:700;line-height:1.35;display:inline-flex}.lb-gap-chip em{color:var(--cyan);font-size:.88rem;font-style:normal;font-weight:900}.lb-gap-chip small{width:100%;color:var(--text-secondary);opacity:.9;font-size:.58rem;font-weight:600;display:block}.lb-gap-chip.top-1{background:#fbbf241a;border-color:#fbbf2466}.lb-gap-chip.top-1 em{color:var(--gold)}.lb-gap-chip.top-2{border-color:#94a3b866}.lb-gap-chip.top-2 em{color:var(--silver)}.lb-gap-chip.top-3{border-color:#d9770659}.lb-gap-chip.top-3 em{color:var(--bronze)}.lb-gap-chip.ahead{border-color:var(--border-glass);color:var(--text-secondary);opacity:.75;background:#ffffff0d;font-size:.65rem}.lb-list-body .lb-gap-chip{justify-content:flex-start;margin-top:2px;padding:3px 8px;font-size:.72rem;display:flex}.lb-list-body .lb-gap-chip small{width:auto;margin-right:2px;display:inline}.lb-list-body .lb-gap-chip em{font-size:.82rem}.lb-ranking-modal{max-width:440px;padding:20px 18px}.lb-ranking-note{color:var(--text-secondary);background:#a855f714;border:1px solid #a855f726;border-radius:10px;margin:-8px 0 14px;padding:8px 10px;font-size:.72rem;line-height:1.5}.lb-ranking-scroll{max-height:40vh;padding-left:2px;overflow-y:auto}.lb-climb-path{background:#06b6d414;border:1px solid #06b6d438;border-radius:14px;margin-bottom:14px;padding:12px}.lb-climb-path.top-only{color:var(--gold);background:linear-gradient(135deg,#fbbf2426,#f59e0b0f);border:1px solid #fbbf2459;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:12px;font-size:.82rem;font-weight:700;display:flex}.lb-climb-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.lb-climb-head svg{color:var(--cyan);flex-shrink:0}.lb-climb-head strong{font-size:.85rem;font-weight:800;display:block}.lb-climb-head span{color:var(--text-secondary);font-size:.7rem}.lb-climb-list{flex-direction:column;gap:5px;max-height:180px;padding-left:2px;display:flex;overflow-y:auto}.lb-climb-row{background:#ffffff0a;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.lb-climb-row.next{background:#a855f71f;border-color:#a855f74d}.lb-climb-row.top-1 .lb-climb-rank{color:var(--gold)}.lb-climb-row.top-2 .lb-climb-rank{color:var(--silver)}.lb-climb-row.top-3 .lb-climb-rank{color:var(--bronze)}.lb-climb-rank{color:var(--purple);font-size:.82rem;font-weight:900}.lb-climb-need{color:var(--text-secondary);white-space:nowrap;font-size:.72rem;font-weight:600}.lb-climb-need em{color:var(--cyan);font-size:.95rem;font-style:normal;font-weight:900}.lb-climb-row.next .lb-climb-need em{color:var(--purple)}.lb-tabs-premium{z-index:1;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid;position:relative}.lb-tab-p{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:11px 8px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.lb-tab-p em{opacity:.85;font-size:.65rem;font-style:normal;font-weight:600}.lb-tab-p.active{background:var(--gradient);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 8px 24px #a855f759}.lb-hero-stats{z-index:1;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid;position:relative}.lb-hero-stat{border:1px solid var(--border-glass);background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.lb-hero-stat svg{color:var(--cyan);flex-shrink:0}.lb-hero-stat span{color:var(--text-secondary);font-size:.68rem;display:block}.lb-hero-stat strong{font-size:1.15rem;font-weight:800}.lb-hero-stat.gold svg,.lb-hero-stat.gold strong{color:var(--gold)}.lb-next-goal{z-index:1;background:linear-gradient(135deg,#06b6d424,#a855f71f);border:1px solid #06b6d459;border-radius:16px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex;position:relative;box-shadow:0 6px 20px #06b6d41a}.lb-next-goal.top{background:linear-gradient(135deg,#fbbf2433,#f59e0b14);border-color:#fbbf2473}.lb-next-goal.top svg{color:var(--gold);flex-shrink:0}.lb-next-goal.top strong{color:var(--gold);font-size:.92rem;font-weight:800;display:block}.lb-next-goal.top span{color:var(--text-secondary);font-size:.72rem}.lb-next-goal-icon{width:40px;height:40px;color:var(--cyan);background:#06b6d433;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lb-next-goal-text{flex:1;min-width:0}.lb-next-goal-label{color:var(--text-secondary);margin-bottom:3px;font-size:.68rem;font-weight:600;display:block}.lb-next-goal-text strong{font-size:.88rem;font-weight:700;line-height:1.45}.lb-next-goal-text em{color:var(--cyan);padding:0 2px;font-size:1.15rem;font-style:normal;font-weight:900}.lb-next-goal-text b{color:var(--purple)}.lb-next-goal-arrow{color:var(--cyan);opacity:.85;flex-shrink:0}.lb-podium-stage{z-index:1;margin-bottom:16px;padding:8px 0 4px;position:relative}.lb-podium-row{justify-content:center;align-items:flex-end;gap:6px;min-height:200px;display:flex}.lb-podium-slot{flex-direction:column;flex:1;align-items:center;max-width:118px;display:flex}.lb-podium-slot.empty{visibility:hidden}.lb-podium-card{border:1px solid var(--border-glass);text-align:center;background:#ffffff0f;border-radius:18px 18px 12px 12px;width:100%;margin-bottom:6px;padding:12px 8px 10px;position:relative}.lb-podium-card.champion{background:linear-gradient(#fbbf2447,#f59e0b0f);border-color:#fbbf248c;transform:scale(1.05);box-shadow:0 12px 32px #f59e0b47}.lb-podium-slot.silver .lb-podium-card{background:linear-gradient(#cbd5e12e,#94a3b80d);border-color:#94a3b873}.lb-podium-slot.bronze .lb-podium-card{background:linear-gradient(#d9770633,#b453090d);border-color:#d9770666}.lb-podium-slot.is-me .lb-podium-card{outline:2px solid var(--cyan);outline-offset:2px}.lb-champion-badge{color:#1a0a2e;white-space:nowrap;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.58rem;font-weight:800;display:inline-flex;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #fbbf2480}.lb-avatar-ring{width:52px;margin:8px auto;position:relative}.lb-avatar{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 4px 16px #a855f766}.lb-podium-slot.gold .lb-avatar{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.lb-podium-slot.silver .lb-avatar{color:#1e293b;background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.lb-podium-slot.bronze .lb-avatar{background:linear-gradient(135deg,#f59e0b,#b45309)}.lb-rank-chip{border:2px solid var(--gold);width:22px;height:22px;color:var(--gold);background:#1a0a2e;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:800;display:flex;position:absolute;bottom:-4px;right:-4px}.lb-podium-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.75rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.lb-score-chip{background:#0003;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.lb-score-chip small{opacity:.8;font-size:.62rem;font-weight:600}.lb-score-chip svg{color:#f97316}.lb-you-pill{background:var(--cyan);color:#fff;border-radius:10px;margin-top:6px;padding:2px 8px;font-size:.6rem;font-weight:800;display:inline-block}.lb-you-pill.sm{flex-shrink:0;margin-top:0}.lb-pedestal{color:#ffffffe6;border-radius:8px 8px 4px 4px;justify-content:center;align-items:flex-end;width:100%;padding-bottom:6px;font-size:.85rem;font-weight:800;display:flex}.lb-podium-slot.gold .lb-pedestal{background:linear-gradient(#fbbf24,#d97706)}.lb-podium-slot.silver .lb-pedestal{background:linear-gradient(#cbd5e1,#64748b)}.lb-podium-slot.bronze .lb-pedestal{background:linear-gradient(#f59e0b,#92400e)}.lb-rank-list{z-index:1;margin-bottom:12px;position:relative}.lb-list-heading{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:.78rem;font-weight:800}.lb-list-row{border:1px solid var(--border-glass);background:#ffffff0a;border-radius:14px;align-items:center;gap:10px;margin-bottom:6px;padding:11px 12px;display:flex}.lb-list-row.is-me{background:linear-gradient(90deg,#06b6d424,#a855f71a);border-color:#06b6d466;box-shadow:0 4px 16px #06b6d41f}.lb-list-rank{min-width:36px;color:var(--purple);align-items:center;gap:3px;font-size:.82rem;font-weight:800;display:flex}.lb-list-rank.top-1{color:var(--gold)}.lb-list-rank.top-2{color:var(--silver)}.lb-list-rank.top-3{color:var(--bronze)}.lb-list-avatar{background:var(--gradient-subtle);border:1px solid var(--border-glass);width:36px;height:36px;color:var(--purple);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.lb-list-body{flex:1;min-width:0}.lb-list-body strong{font-size:.85rem;font-weight:700;display:block}.lb-list-body span{color:var(--text-secondary);font-size:.72rem}.lb-empty-premium{z-index:1;text-align:center;padding:32px 16px;position:relative}.lb-empty-icon{background:var(--gradient-subtle);border:1px dashed var(--border-glass);width:72px;height:72px;color:var(--purple);opacity:.7;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.lb-empty-premium h3{margin:0 0 4px;font-size:.95rem}.lb-empty-premium p{color:var(--text-secondary);margin:0;font-size:.8rem}.lb-prizes{z-index:1;border-top:1px solid #ffffff14;margin-top:14px;padding-top:14px;position:relative}.lb-prizes-title{margin:0 0 10px;font-size:.88rem;font-weight:800}.lb-prizes-grid{flex-direction:column;gap:8px;display:flex}.lb-prize-card{border:1px solid var(--border-glass);background:#ffffff0a;border-radius:14px;padding:12px 14px;animation:.4s both lbFadeIn}@keyframes lbFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lb-prize-card.ready{background:linear-gradient(135deg,#10b9811f,#06b6d40f);border-color:#10b98173}.lb-prize-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.lb-prize-num{background:var(--gradient);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.lb-prize-head strong{font-size:.85rem;display:block}.lb-prize-head span{color:var(--gold);font-size:.78rem;font-weight:800}.lb-prize-bar{background:#00000026;border-radius:7px;height:7px;margin-bottom:4px;overflow:hidden}.lb-prize-fill{background:linear-gradient(90deg, var(--purple), var(--cyan), var(--gold));border-radius:7px;height:100%}.lb-prize-card p{color:var(--text-secondary);margin:0;font-size:.7rem}.reward-quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.reward-quick-btn{color:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:120px;padding:22px 12px;text-decoration:none;transition:transform .15s;display:flex}.reward-quick-btn:active{transform:scale(.97)}.reward-quick-btn.tasks{background:linear-gradient(135deg,#0d9488 0%,#06b6d4 50%,#22d3ee 100%);box-shadow:0 8px 24px #06b6d459}.reward-quick-btn.earnings{background:linear-gradient(135deg,#d97706 0%,#f59e0b 50%,#fbbf24 100%);box-shadow:0 8px 24px #f59e0b59}.reward-quick-title{font-size:.95rem;font-weight:800}.reward-quick-sub{opacity:.92;font-size:.78rem;font-weight:600}.reward-earnings-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reward-earn-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;align-items:center;gap:10px;padding:14px 12px;display:flex}.reward-earn-card.total{grid-column:1/-1}.reward-earn-card svg{flex-shrink:0}.reward-earn-card.earned svg{color:#10b981}.reward-earn-card.pending svg{color:#f59e0b}.reward-earn-card.total svg{color:var(--purple)}.reward-earn-card span{color:var(--text-muted);margin-bottom:2px;font-size:.75rem;display:block}.reward-earn-card strong{color:var(--text-primary);font-size:.95rem;font-weight:800}.today-tasks{flex-direction:column;gap:8px;display:flex}.task-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;padding:14px}.task-card.collect{background:#f59e0b0f;border-color:#f59e0b59}.task-card-top{align-items:center;gap:10px;display:flex}.task-icon{background:var(--gradient-subtle);width:40px;height:40px;color:var(--purple);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-icon.collect{color:#f59e0b;background:#f59e0b26}.task-info{flex:1;min-width:0}.task-info strong{margin-bottom:2px;font-size:.9rem;font-weight:700;display:block}.task-info span{color:var(--text-muted);font-size:.78rem}.task-remaining{color:var(--purple);background:var(--gradient-subtle);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.task-progress{margin-top:10px}.task-progress-bar{background:var(--border-glass);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.task-progress-fill{background:linear-gradient(90deg, var(--purple), #ec4899);border-radius:3px;height:100%;transition:width .3s}.task-progress>span{color:var(--text-muted);font-size:.72rem}.task-hint{color:#f59e0b;margin:8px 0 0;font-size:.78rem}.empty-tasks{text-align:center;background:var(--bg-glass);border:1px dashed var(--border-glass);color:var(--text-muted);border-radius:14px;padding:24px 16px}.empty-tasks svg{color:var(--purple);opacity:.7;margin-bottom:8px}.empty-tasks p{margin:0;font-size:.85rem}.reward-tasks-group{margin-bottom:16px}.reward-tasks-group:last-child{margin-bottom:0}.reward-tasks-group-title{border-radius:12px;align-items:center;gap:8px;margin:0 0 10px;padding:8px 12px;font-size:.82rem;font-weight:800;display:flex}.reward-tasks-group-title.monthly{color:var(--purple);background:#a855f71a;border:1px solid #a855f740}.reward-tasks-group-title.general{color:var(--cyan);background:#06b6d41a;border:1px solid #06b6d440}.reward-tasks-count{background:#ffffff1f;border-radius:8px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-right:auto;font-size:.72rem;font-weight:900;display:inline-flex}.reward-tasks-list{flex-direction:column;gap:10px;display:flex}.reward-tasks-page{flex-direction:column;gap:20px;display:flex}.reward-task-card{border:1px solid var(--border-glass);background:#ffffff0a;border-radius:16px;padding:14px;box-shadow:0 4px 16px #00000014}[data-theme=light] .reward-task-card{background:#ffffffd9;box-shadow:0 4px 14px #0000000d}.reward-task-card.collect{background:linear-gradient(135deg,#f59e0b1a,#fbbf240a);border-color:#f59e0b66}.reward-task-card.upcoming{opacity:.92;background:#3b82f60d;border-color:#3b82f64d}.reward-task-top{align-items:flex-start;gap:12px;display:flex}.reward-task-body{flex:1;min-width:0}.reward-task-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.reward-type-pill{border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:.62rem;font-weight:800;display:inline-flex}.reward-type-pill.monthly{color:var(--purple);background:#a855f726}.reward-type-pill.general{color:var(--cyan);background:#06b6d426}.reward-task-name{margin-bottom:8px;font-size:.92rem;font-weight:800;line-height:1.35;display:block}.reward-task-meta{flex-wrap:wrap;gap:8px 12px;margin-bottom:6px;display:flex}.reward-task-prize,.reward-task-goal{color:var(--text-secondary);align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:inline-flex}.reward-task-prize{color:var(--purple)}.reward-task-period{color:var(--text-secondary);opacity:.9;align-items:flex-start;gap:5px;font-size:.68rem;line-height:1.45;display:flex}.reward-task-footer{margin-top:12px}.reward-task-bar{background:#ffffff14;border-radius:6px;height:6px;margin-bottom:6px;overflow:hidden}.reward-task-bar-fill{background:linear-gradient(90deg, var(--cyan), var(--purple));border-radius:6px;height:100%;transition:width .3s}.reward-task-stats{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.reward-task-stats em{color:var(--cyan);font-size:.88rem;font-style:normal;font-weight:900}.reward-task-hint{color:#f59e0b;background:#f59e0b1f;border-radius:10px;margin:10px 0 0;padding:8px 10px;font-size:.75rem;font-weight:600;line-height:1.45}.reward-task-hint.upcoming{color:#3b82f6;background:#3b82f61a}.reward-counter{flex-shrink:0;width:56px;height:56px;position:relative}.reward-counter-svg{width:56px;height:56px;transform:rotate(-90deg)}.reward-counter-track{fill:none;stroke:#ffffff1a;stroke-width:3px}.reward-counter-fill{fill:none;stroke:var(--purple);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .4s}.reward-task-card.general .reward-counter-fill{stroke:var(--cyan)}.reward-task-card.collect .reward-counter-fill{stroke:#f59e0b}.reward-counter-inner{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.reward-counter-inner strong{font-size:.95rem;font-weight:900}.reward-counter-inner small{color:var(--text-secondary);font-size:.58rem;font-weight:700}.orders-category-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.order-cat-card{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 8px;text-decoration:none;transition:transform .15s;display:flex;position:relative}.order-cat-card:active{transform:scale(.97)}.order-cat-card.wide{grid-column:span 3;min-height:108px}.order-cat-card.compact{grid-column:span 2;min-height:92px}.order-cat-icon{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.order-cat-card.compact .order-cat-icon{border-radius:13px;width:44px;height:44px}.order-cat-card.compact .order-cat-label{font-size:.72rem}.order-cat-label{text-align:center;font-size:.8rem;font-weight:700;line-height:1.35}.order-cat-badge{background:var(--error);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.category-card{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100px;padding:20px 12px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.category-card:active{transform:scale(.97)}.category-icon{background:var(--gradient-subtle);width:52px;height:52px;color:var(--purple);border-radius:14px;justify-content:center;align-items:center;display:flex}.category-label{text-align:center;font-size:.82rem;font-weight:700;line-height:1.3}.category-badge{background:var(--error);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.summary-cards{flex-direction:column;gap:8px;display:flex}.summary-card,.account-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.summary-card.highlight,.account-card.primary{background:var(--gradient-subtle);border-color:#a855f74d}.summary-label,.account-card span{color:var(--text-secondary);font-size:.85rem}.summary-value,.account-card strong{color:var(--purple);font-size:1rem;font-weight:800}.page-header-compact{margin-bottom:16px}.page-header-compact .page-title{font-size:1.3rem}.section-title{margin-bottom:12px;font-size:1rem;font-weight:700}.card-flat{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;padding:14px}.login-page{background:#0a0612;min-height:100dvh;position:relative;overflow:hidden}.login-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.login-bg-img{object-fit:cover;object-position:center 30%;width:100%;height:100%;animation:22s ease-in-out infinite alternate loginBgKen;transform:scale(1.02)}@keyframes loginBgKen{0%{transform:scale(1.02)translateY(0)}to{transform:scale(1.08)translateY(-1.5%)}}.login-bg-overlay{background:linear-gradient(#0a06128c 0%,#0a0612b8 35%,#0a0612e0 70%,#0a0612f2 100%),radial-gradient(90% 60% at 50% 0,#a855f747,#0000 55%),radial-gradient(50% 40% at 85% 90%,#06b6d426,#0000 50%);position:absolute;inset:0}[data-theme=light] .login-bg-overlay{background:linear-gradient(#ffffff59 0%,#f8fafcbf 40%,#f8fafceb 100%),radial-gradient(80% 50% at 50% 0,#a855f72e,#0000 55%)}.login-bg-shimmer{background:linear-gradient(105deg,#0000 40%,#ffffff0a 50%,#0000 60%);animation:8s ease-in-out infinite loginShimmer;position:absolute;inset:-50%}@keyframes loginShimmer{0%,to{opacity:.4;transform:translate(-30%)rotate(12deg)}50%{opacity:.8;transform:translate(30%)rotate(12deg)}}.login-bg-orbs .orb{opacity:.45;border-radius:50%;animation:7s ease-in-out infinite loginOrbFloat;position:absolute}.login-bg-orbs .orb-1{background:#a855f759;width:180px;height:180px;top:8%;right:-40px}.login-bg-orbs .orb-2{background:#06b6d440;width:140px;height:140px;animation-delay:-2.5s;bottom:25%;left:-30px}.login-bg-orbs .orb-3{background:#ec489933;width:100px;height:100px;animation-delay:-4s;top:45%;right:20%}@keyframes loginOrbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.06)}}.login-shell{z-index:1;flex-direction:column;align-items:center;gap:12px;min-height:100dvh;padding:16px 20px 20px;display:flex;position:relative}.login-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;width:100%;max-width:400px;display:flex}.login-theme-btn{top:max(16px, env(safe-area-inset-top));cursor:pointer;z-index:10;color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s;display:flex;position:fixed;left:16px;box-shadow:0 4px 20px #00000040}[data-theme=light] .login-theme-btn{color:var(--text-primary);background:#ffffffbf;border-color:#00000014}.login-theme-btn:active{transform:scale(.92)}.login-install-banner{flex-shrink:0;width:100%;max-width:400px;margin-top:44px}.auth-hero{text-align:center;width:100%;padding:4px 0 0;position:relative}.auth-hero-aura{pointer-events:none;background:radial-gradient(circle,#a855f759,#0000 68%);width:200px;height:200px;animation:4s ease-in-out infinite authAuraPulse;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes authAuraPulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.08)}}.auth-hero-brand{z-index:1;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.auth-hero-car{justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative}.auth-hero-car-orbit{border:1px dashed #a855f759;border-radius:50%;width:96px;height:96px;animation:12s linear infinite authOrbitSpin;position:absolute}@keyframes authOrbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-hero-car-ring{color:#fff;background:linear-gradient(145deg,#a855f759,#06b6d433);border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:3.5s ease-in-out infinite authCarFloat;display:flex;box-shadow:0 0 40px #a855f773,0 12px 32px #0000004d,inset 0 1px #fff3}@keyframes authCarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-hero-car-badge{background:var(--gradient);color:#fff;white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:5px 11px;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;bottom:-4px;right:-20px;box-shadow:0 4px 16px #a855f780}.auth-hero-title{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#e9d5ff 45%,#67e8f9 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px #a855f766);-webkit-background-clip:text;margin:0 0 10px;font-size:clamp(1.85rem,7vw,2.25rem);font-weight:900;line-height:1.15}[data-theme=light] .auth-hero-title{background:linear-gradient(135deg,#581c87 0%,#7c3aed 50%,#0891b2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.auth-hero-tagline{color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}[data-theme=light] .auth-hero-tagline{color:var(--text-secondary);background:#ffffffa6;border-color:#0000000f}.auth-hero-slogan{color:#ffffffa6;letter-spacing:.3px;margin:0;font-size:.78rem}[data-theme=light] .auth-hero-slogan{color:var(--text-secondary)}.login-card{width:100%;position:relative;overflow:hidden}.login-card-magic{background:#1a0a2eeb;border:1px solid #ffffff24;border-radius:24px;padding:24px 20px 20px;box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff1f}[data-theme=light] .login-card-magic{background:#ffffffd1;border-color:#ffffffe6;box-shadow:0 20px 50px #a855f71f}.login-card-magic:before{content:"";background:linear-gradient(90deg, transparent, var(--purple), var(--cyan), transparent);height:2px;position:absolute;top:0;left:0;right:0}.login-card-head{color:#fffffff2;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;font-size:.95rem;font-weight:700;display:flex}[data-theme=light] .login-card-head{color:var(--text-primary)}.login-card-head svg{color:var(--cyan)}.login-form{flex-direction:column;gap:4px;display:flex}.login-field{margin-bottom:14px!important}.login-field .form-label{color:#ffffffbf;margin-bottom:8px;font-size:.8rem;font-weight:600}[data-theme=light] .login-field .form-label{color:var(--text-secondary)}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#a855f7d9;pointer-events:none;z-index:1;position:absolute;right:14px}.login-input-wrap input{width:100%;font-size:.95rem;transition:border-color .2s,box-shadow .2s;color:#fff!important;background:#00000040!important;border:1px solid #ffffff1a!important;border-radius:14px!important;padding:13px 44px 13px 14px!important}[data-theme=light] .login-input-wrap input{color:var(--text-primary)!important;background:#ffffffe6!important;border-color:#00000014!important}.login-input-wrap input:focus{outline:none;box-shadow:0 0 0 3px #a855f733;border-color:#a855f799!important}.login-input-wrap input::placeholder{color:#ffffff59}[data-theme=light] .login-input-wrap input::placeholder{color:#94a3b8}.login-btn-magic{border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:15px 20px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 28px #a855f773}.login-btn-magic:not(:disabled):active{transform:scale(.98);box-shadow:0 4px 16px #a855f759}.login-register{text-align:center;color:#ffffffa6;margin-top:18px;font-size:.86rem}[data-theme=light] .login-register{color:var(--text-secondary)}.login-register a{color:var(--cyan);font-weight:800;text-decoration:none}.login-page .app-branding-footer.auth{width:100%;max-width:400px;margin-top:auto}.login-page .app-branding-footer.auth .abf-badge,.login-page .app-branding-footer.auth .abf-dev-line,.login-page .app-branding-footer.auth .abf-copy{color:#ffffffb3}[data-theme=light] .login-page .app-branding-footer.auth .abf-badge,[data-theme=light] .login-page .app-branding-footer.auth .abf-dev-line,[data-theme=light] .login-page .app-branding-footer.auth .abf-copy{color:var(--text-secondary)}.install-app-banner{text-align:center;background:linear-gradient(135deg,#a855f72e,#06b6d41f);border:1px solid #a855f759;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:14px 16px 12px;display:flex;position:relative}.install-app-dismiss{background:var(--bg-glass);border:1px solid var(--border-glass);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:8px}.install-app-icon-wrap{background:#fff;border-radius:14px;width:56px;height:56px;padding:6px;box-shadow:0 4px 16px #00000026}.install-app-icon{object-fit:contain;width:100%;height:100%}.install-app-text{flex-direction:column;gap:2px;display:flex}.install-app-text strong{font-size:.95rem;font-weight:800}.install-app-text span{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.install-app-btn{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.88rem;font-weight:700;display:inline-flex}.install-app-btn:disabled{opacity:.65;cursor:wait}.install-app-ios-hint,.install-app-desktop-hint{color:var(--text-secondary);background:var(--bg-glass);border:1px dashed var(--border-glass);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:.78rem;line-height:1.45;display:flex}.install-app-desktop-hint{font-size:.72rem}.app-branding-footer.auth{text-align:center;width:100%;max-width:400px;margin-top:auto;padding:12px 8px 4px}.app-branding-footer.auth .abf-badge{color:var(--purple);background:#a855f71a;border:1px solid #a855f740;border-radius:20px;justify-content:center;align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.app-branding-footer.auth .abf-dev-line{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;display:flex}.app-branding-footer.auth .abf-phone{color:var(--cyan);font-weight:700;text-decoration:none}.app-branding-footer.auth .abf-copy{color:var(--text-muted,var(--text-secondary));opacity:.85;font-size:.72rem}.app-branding-footer.drawer{border-top:1px solid var(--border-glass);text-align:center;margin-top:16px;padding:14px 12px 8px}.app-branding-footer.drawer .abf-site{margin-bottom:4px;font-size:.82rem;font-weight:800}.app-branding-footer.drawer .abf-license-sm{color:var(--purple);margin-bottom:6px;font-size:.7rem;font-weight:600;line-height:1.4}.app-branding-footer.drawer .abf-dev-sm{color:var(--text-secondary);justify-content:center;align-items:center;gap:4px;font-size:.68rem;display:flex}.app-branding-footer.drawer .abf-dev-sm a{color:var(--cyan);text-decoration:none}.order-type-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.order-type-card{background:var(--gradient-subtle);border:2px solid var(--border-glass);cursor:pointer;color:var(--text-primary);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;transition:all .2s;display:flex}.order-type-card.instant{border-color:#ec489966}.order-type-card:active{border-color:var(--purple);transform:scale(.97)}.order-type-card span{font-size:.9rem;font-weight:700}.profile-card,.support-card{text-align:center;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:32px 20px}.profile-avatar-lg{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:2rem;font-weight:800;display:flex}.profile-info-list{text-align:right;margin-top:20px}.profile-info-list div{border-bottom:1px solid var(--border-glass);justify-content:space-between;padding:10px 0;display:flex}.support-link{background:var(--gradient-subtle);color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:8px 0;padding:12px;font-weight:600;text-decoration:none;display:flex}.settings-list{flex-direction:column;gap:4px;display:flex}.settings-item{background:var(--bg-glass);border:1px solid var(--border-glass);cursor:pointer;width:100%;color:var(--text-primary);border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:.95rem;display:flex}.settings-value{color:var(--text-muted);margin-right:auto;font-size:.85rem}.order-select-list{flex-direction:column;gap:6px;max-height:200px;margin-bottom:16px;display:flex;overflow-y:auto}.order-select-item{border:1px solid var(--border-glass);cursor:pointer;color:var(--text-primary);background:#ffffff0a;border-radius:10px;justify-content:space-between;width:100%;padding:10px 12px;display:flex}.order-select-item.active{border-color:var(--purple);background:var(--gradient-subtle)}.receipt-preview .receipt{color:#333;background:#fff;border-radius:8px;padding:16px}.order-form{flex-direction:column;gap:0;display:flex}.form-action-top{align-self:flex-start;margin-bottom:12px}.form-paste-box{margin-bottom:16px}.parse-preview{background:var(--gradient-subtle);border-radius:10px;margin-bottom:12px;padding:12px}.parse-preview-head{color:var(--purple);align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.parse-preview-body{color:var(--text-secondary);font-size:.85rem}.amount-breakdown{background:var(--gradient-subtle);border:1px solid var(--border-glass);border-radius:12px;margin-bottom:16px;padding:14px}.amount-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:.92rem;display:flex}.amount-row.deduct strong{color:var(--error)}.amount-row.discount strong,.amount-row.discount span{color:#10b981}.welcome-delivery-banner{background:linear-gradient(135deg,#10b98124,#06b6d41a);border:1px solid #10b98159;border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.welcome-delivery-banner svg{color:#10b981;flex-shrink:0;margin-top:2px}.welcome-delivery-banner strong{margin-bottom:3px;font-size:.85rem;font-weight:800;display:block}.welcome-delivery-banner span{color:var(--text-secondary);font-size:.72rem;line-height:1.45}.welcome-delivery-card{background:linear-gradient(135deg,#10b98126,#06b6d414);border:1px solid #10b98159;border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex;box-shadow:0 6px 20px #10b9811a}.welcome-delivery-icon{color:#10b981;background:#10b98133;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.welcome-delivery-card strong{margin-bottom:4px;font-size:.9rem;font-weight:800;display:block}.welcome-delivery-card p{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.45}.amount-row.total{border-top:1px solid var(--border-glass);margin-top:4px;padding-top:12px;font-weight:700}.amount-row.total strong{color:var(--purple);font-size:1.05rem}.btn-block{width:100%;margin-top:8px;padding:14px}.account-card.full-width{grid-column:1/-1}.accounts-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.order-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.order-detail-grid{grid-template-columns:1fr}.modal[style*="720px"]{max-width:100%!important}}.page-header-compact .page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.home-section{border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0f;margin-bottom:20px;padding:14px}[data-theme=light] .home-section{background:#ffffffb3;border-color:#0000000f}.lb-arena.home-section{background:0 0;border:none;padding:18px 14px}.glass-card,.card-flat,.task-card,.order-cat-card{box-shadow:0 4px 20px #0000001f}[data-theme=light] .glass-card,[data-theme=light] .card-flat,[data-theme=light] .task-card{box-shadow:0 4px 16px #0000000f}.page-header-compact .page-title{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.summary-card,.account-card{border-radius:14px;transition:transform .15s}.summary-card:active,.account-card:active{transform:scale(.99)}.bottom-nav{box-shadow:0 -8px 32px #0003}[data-theme=light] .bottom-nav{box-shadow:0 -2px 12px #0000000f}.bottom-nav-item.active{color:var(--purple);position:relative}.bottom-nav-item.active:after{content:"";background:var(--gradient);border-radius:3px;width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-header{box-shadow:0 4px 24px #00000026}[data-theme=light] .app-header{box-shadow:0 2px 12px #0000000f}.header-icon-btn{transition:transform .15s,background .15s}.header-icon-btn:active{transform:scale(.92)}.tabs .tab.active{box-shadow:0 4px 14px #a855f740}.loading-page{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}@media (width<=420px){.orders-category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.order-cat-card.wide,.order-cat-card.compact{grid-column:span 1;gap:8px;min-height:86px;padding:12px 6px}.order-cat-card.wide .order-cat-icon,.order-cat-card.compact .order-cat-icon{border-radius:12px;width:42px;height:42px}.order-cat-label{font-size:.7rem}.reward-quick-btn{min-height:100px;padding:16px 10px}.reward-quick-title{font-size:.88rem}.home-slider-overlay p{font-size:.9rem}.app-main{padding:10px 10px calc(var(--app-nav-h) + env(safe-area-inset-bottom,0px) + 10px);padding-top:calc(var(--app-header-h) + env(safe-area-inset-top,0px) + 10px)}}@media (width<=360px){.lb-podium-row{gap:4px}.lb-podium-slot{max-width:100px}.lb-avatar{width:44px;height:44px;font-size:.85rem}.order-cat-card.wide{min-height:96px}}.blank-receipt-warning{color:var(--text-primary);background:#f59e0b1f;border:1px solid #f59e0b66;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px;display:flex}.blank-receipt-warning svg{color:var(--warning);flex-shrink:0;margin-top:2px}.blank-receipt-warning strong{margin-bottom:4px;font-size:.92rem;display:block}.blank-receipt-warning p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.5}.blank-receipt-info{color:var(--text-secondary);background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:.85rem}.blank-receipt-info p{margin:0}.preprinted-flow-hint{color:var(--text-secondary);background:#3b82f61a;border:1px solid #3b82f647;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:.85rem;line-height:1.5}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-header,.bottom-nav,.side-drawer,.modal-overlay{background:#1a0a2ef7}[data-theme=light] .app-header,[data-theme=light] .bottom-nav{background:#fff}}.fab-scan-step{flex-direction:column;gap:14px;display:flex}.fab-scan-hint{color:var(--text-secondary);text-align:center;margin:0;font-size:.85rem;line-height:1.5}.fab-skip-scan{margin-top:4px}.regions-admin-list{flex-direction:column;gap:10px;display:flex}.region-admin-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}[data-theme=light] .region-admin-card{background:#fff;border-color:#00000014}.region-admin-card.inactive{opacity:.55}.region-admin-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.region-admin-info svg{color:var(--purple);flex-shrink:0}.region-admin-info strong{font-size:.92rem;display:block}.region-admin-info span{color:var(--text-muted);font-size:.72rem}.region-admin-actions{flex-shrink:0;gap:6px;display:flex}.admin-nav{padding-top:10px}.mobile-app .stat-card,.mobile-app .admin-quick-card,.mobile-app .card-flat,.mobile-app .data-card,.mobile-app .data-table,.mobile-app .region-admin-card,.mobile-app .regions-admin-list{background:var(--bg-secondary)!important;filter:none!important;will-change:auto!important;transform:none!important}.mobile-app .stat-value{-webkit-text-fill-color:var(--purple)!important;color:var(--purple)!important;background:0 0!important}.mobile-app .admin-quick-card.primary{background:linear-gradient(135deg,#a855f733,#ec48991f)!important}[data-theme=light] .mobile-app .stat-card,[data-theme=light] .mobile-app .card-flat,[data-theme=light] .mobile-app .data-card,[data-theme=light] .mobile-app .region-admin-card{background:#fff!important}html.is-android .mobile-app .app-main,html.is-touch .mobile-app .app-main{-webkit-overflow-scrolling:touch;transform:none!important}html.is-android .live-popup,html.is-touch .live-popup{background:var(--bg-secondary)!important;animation:none!important}.live-popup-stack{top:max(12px, env(safe-area-inset-top));z-index:500;pointer-events:none;max-width:var(--content-max);flex-direction:column;gap:10px;margin:0 auto;display:flex;position:fixed;left:12px;right:12px}.live-popup{pointer-events:auto;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;animation:.35s popupSlideIn;display:flex;position:relative;box-shadow:0 12px 40px #00000073}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.live-popup-warning{background:linear-gradient(135deg,#f59e0b26,#1a0a2ef2);border-color:#f59e0b80}.live-popup-success{background:linear-gradient(135deg,#10b98126,#1a0a2ef2);border-color:#10b98180}.live-popup-icon{background:var(--gradient-subtle);width:42px;height:42px;color:var(--purple);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.live-popup-warning .live-popup-icon{color:var(--warning);background:#f59e0b33}.live-popup-success .live-popup-icon{color:var(--success);background:#10b98133}.live-popup-body{flex:1;min-width:0}.live-popup-body strong{margin-bottom:4px;font-size:.92rem;display:block}.live-popup-body p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.live-popup-time{color:var(--text-muted);margin-top:4px;font-size:.7rem;display:block}.live-popup-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:8px}.live-popup-action{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-self:center;padding:8px 14px;font-size:.78rem;font-weight:700}.order-tracker-section{margin-bottom:18px}.order-tracker-empty{text-align:center;background:var(--bg-glass);border:1px dashed var(--border-glass);color:var(--text-muted);border-radius:16px;padding:28px 16px}.order-tracker-empty svg{opacity:.5;margin-bottom:8px}.order-tracker-list{flex-direction:column;gap:12px;display:flex}.order-track-card{text-align:right;background:var(--bg-glass);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);cursor:pointer;border-radius:18px;padding:16px;transition:transform .15s,border-color .15s}.order-track-card:active{transform:scale(.98)}.order-track-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.order-track-number{font-size:.95rem;font-weight:800;display:block}.order-track-customer{color:var(--text-secondary);font-size:.8rem}.order-track-steps{justify-content:space-between;gap:4px;margin-bottom:14px;display:flex;position:relative}.order-track-steps:before{content:"";background:var(--border-glass);z-index:0;height:2px;position:absolute;top:7px;left:8%;right:8%}.order-track-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;position:relative}.order-track-dot{background:var(--bg-secondary);border:2px solid var(--border-glass);border-radius:50%;width:14px;height:14px;transition:all .25s}.order-track-step.done .order-track-dot{background:var(--purple);border-color:var(--purple);box-shadow:0 0 8px #a855f780}.order-track-step.active .order-track-dot{background:var(--pink);border-color:var(--pink);transform:scale(1.15);box-shadow:0 0 12px #ec489999}.order-track-step span{color:var(--text-muted);font-size:.62rem;font-weight:700}.order-track-step.done span,.order-track-step.active span{color:var(--text-primary)}.order-track-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.78rem;display:flex}.order-track-meta span{align-items:center;gap:4px;display:inline-flex}.order-track-team{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.order-track-person{border:1px solid var(--border-glass);background:#ffffff0a;border-radius:12px;align-items:flex-start;gap:8px;padding:10px;display:flex}.order-track-person.courier svg{color:var(--cyan);flex-shrink:0;margin-top:2px}.order-track-person.driver svg{color:var(--purple);flex-shrink:0;margin-top:2px}.order-track-person small{color:var(--text-muted);font-size:.65rem;display:block}.order-track-person strong{font-size:.78rem;font-weight:700;display:block}.order-track-person a{color:var(--cyan);align-items:center;gap:3px;margin-top:2px;font-size:.7rem;text-decoration:none;display:inline-flex}.order-track-more{color:var(--purple);align-items:center;gap:2px;font-size:.75rem;font-weight:700;display:inline-flex}.notif-drawer-hint{color:var(--text-muted);margin:2px 0 0;font-size:.72rem;font-weight:500}.notif-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.notif-empty svg{opacity:.4;margin-bottom:10px}.notif-empty span{margin-top:6px;font-size:.78rem;display:block}.notif-item{align-items:flex-start;gap:12px;display:flex}.notif-item-icon{background:var(--gradient-subtle);width:36px;height:36px;color:var(--purple);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-item-success .notif-item-icon{color:var(--success);background:#10b98126}.notif-item-warning .notif-item-icon{color:var(--warning);background:#f59e0b26}.notif-item-content{flex:1;min-width:0}.tracking-home-card{color:var(--text-primary);background:linear-gradient(135deg,#a855f72e 0%,#06b6d41f 100%);border:1px solid #a855f759;border-radius:18px;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.tracking-home-card:active{transform:scale(.98)}.tracking-home-icon{background:var(--gradient);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tracking-home-text{flex:1;min-width:0}.tracking-home-text strong{font-size:1rem;font-weight:800;display:block}.tracking-home-text p{color:var(--text-secondary);margin:2px 0 0;font-size:.75rem}.tracking-home-badge{color:var(--purple);white-space:nowrap;background:#a855f740;border-radius:20px;padding:6px 10px;font-size:.72rem;font-weight:700}.tracking-home-arrow{color:var(--text-muted);flex-shrink:0}.tracking-back-link{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:8px;font-size:.8rem;text-decoration:none;display:inline-flex}.tracking-toolbar{margin-bottom:16px}.tracking-toolbar-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tracking-toolbar-row select{flex:1;width:auto;min-width:140px;max-width:200px}.tracking-count{color:var(--text-muted);margin:10px 0 0;font-size:.75rem;font-weight:600}html.is-android,html.is-touch{-webkit-tap-highlight-color:transparent}html.is-android .card,html.is-android .glass-card,html.is-android .toast,html.is-android .modal-content,html.is-android .login-card-magic,html.is-android .login-theme-toggle,html.is-android .live-popup,html.is-android .lb-rank-btn,html.is-android .drawer-overlay,html.is-android .sidebar-overlay,html.is-android .modal-overlay,html.is-touch .card,html.is-touch .glass-card,html.is-touch .toast,html.is-touch .modal-content,html.is-touch .login-card-magic,html.is-touch .login-theme-toggle,html.is-touch .live-popup,html.is-touch .lb-rank-btn,html.is-touch .drawer-overlay,html.is-touch .sidebar-overlay,html.is-touch .modal-overlay,html.is-android .app-header,html.is-android .bottom-nav,html.is-touch .app-header,html.is-touch .bottom-nav{-webkit-backdrop-filter:none!important}html.is-android[data-theme=light] .app-header,html.is-touch[data-theme=light] .app-header,html.is-android[data-theme=light] .bottom-nav,html.is-touch[data-theme=light] .bottom-nav{background:#fff!important}html.is-android .drawer-overlay,html.is-android .sidebar-overlay,html.is-android .modal-overlay,html.is-touch .drawer-overlay,html.is-touch .sidebar-overlay,html.is-touch .modal-overlay{background:#000000b8!important}html.is-android .region-admin-card,html.is-touch .region-admin-card{isolation:isolate;background:var(--bg-secondary)!important;filter:none!important;transform:none!important}html.is-android[data-theme=light] .region-admin-card,html.is-touch[data-theme=light] .region-admin-card{background:#fff!important}html.is-android .login-bg-orbs .orb,html.is-touch .login-bg-orbs .orb{opacity:.5;filter:none!important}