:root{--brand-primary: #0088cc;--brand-primary-hover: #0077b5;--brand-gradient: linear-gradient(135deg, #0088cc 0%, #00b4d8 100%);--brand-glow: 0 4px 20px rgba(0, 136, 204, .35);--success: #10b981;--success-glow: 0 4px 18px rgba(16, 185, 129, .35);--warning: #f59e0b;--danger: #ef4444;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-full: 9999px;--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", sans-serif;--nav-height: 68px;--header-height: 56px;--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px));--safe-top: max(env(safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px));--app-height: var(--tg-viewport-height, 100dvh)}[data-theme=light],:root:not([data-theme=dark]){--bg-main: #f4f7fb;--bg-surface: #ffffff;--bg-surface-secondary: #f8fafc;--bg-card: #ffffff;--bg-input: #f1f5f9;--bg-modal: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--text-inverse: #ffffff;--border-subtle: #e2e8f0;--border-focus: #0088cc;--badge-bg: #e0f2fe;--badge-text: #0284c7;--shadow-sm: 0 2px 6px rgba(15, 23, 42, .04);--shadow-md: 0 6px 18px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 30px rgba(15, 23, 42, .1);--shadow-nav: 0 -4px 20px rgba(15, 23, 42, .05);--btn-primary-bg: var(--brand-primary);--btn-primary-text: #ffffff;--btn-secondary-bg: #e2e8f0;--btn-secondary-text: #1e293b;--splash-bg: linear-gradient(180deg, #f8fafc 0%, #e0f2fe 100%);--banner-bg: linear-gradient(135deg, #0284c7 0%, #0369a1 100%)}[data-theme=dark]{--bg-main: #070c14;--bg-surface: #0f1724;--bg-surface-secondary: #162235;--bg-card: #121c2c;--bg-input: #1a273b;--bg-modal: #111a28;--text-main: #f8fafc;--text-muted: #94a3b8;--text-light: #64748b;--text-inverse: #ffffff;--border-subtle: #1e2d42;--border-focus: #38bdf8;--badge-bg: rgba(0, 136, 204, .2);--badge-text: #38bdf8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-nav: 0 -4px 25px rgba(0, 0, 0, .5);--btn-primary-bg: #0088cc;--btn-primary-text: #ffffff;--btn-secondary-bg: #1e293b;--btn-secondary-text: #f1f5f9;--splash-bg: radial-gradient(circle at 50% 30%, #152945 0%, #070c14 70%);--banner-bg: linear-gradient(135deg, #0c2b48 0%, #0f3d64 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;scroll-behavior:smooth}body{width:100%;min-height:100%;margin:0;padding:0;font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden;overflow-y:visible;touch-action:pan-y;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;min-height:var(--app-height);background-color:var(--bg-main);position:relative;display:flex;flex-direction:column;box-shadow:0 0 50px #0000002e;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer;touch-action:manipulation;min-height:44px;min-width:44px;transition:transform .15s ease,opacity .15s ease,background-color .2s ease;display:inline-flex;align-items:center;justify-content:center}button:active{transform:scale(.97)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:14px 20px;background:var(--brand-gradient);color:#fff;font-weight:700;font-size:15px;border-radius:var(--radius-md);box-shadow:var(--brand-glow);transition:all .2s ease}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 10px #08c3}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:12px 20px;background:var(--bg-surface-secondary);color:var(--text-main);font-weight:600;font-size:15px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.btn-secondary:active{transform:scale(.98);background:var(--border-subtle)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--badge-bg);color:var(--badge-text)}.badge-status-pending{background:#f59e0b26;color:#f59e0b}.badge-status-delivered{background:#10b98126;color:#10b981}.badge-status-confirmed{background:#0284c726;color:#0284c7}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border-subtle) 37%,var(--bg-input) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.category-tab{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;padding:8px 16px!important;border-radius:var(--radius-full)!important;font-size:13px!important;line-height:1!important;min-height:44px!important;flex-shrink:0!important;cursor:pointer!important;touch-action:manipulation!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:2!important;box-sizing:border-box!important;border:1px solid var(--border-subtle)!important;background-color:var(--bg-card)!important;color:var(--text-main)!important;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease!important}.category-tab span{display:inline-block!important;color:inherit!important;opacity:1!important;visibility:visible!important;font-weight:600!important;pointer-events:none!important}.category-tab.active{background:var(--brand-primary)!important;background-color:var(--brand-primary)!important;border-color:var(--brand-primary)!important;color:#fff!important;box-shadow:0 4px 12px #0088cc52!important}.category-tab.active span{color:#fff!important;font-weight:700!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.animate-fade{animation:fadeIn .18s ease-out forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 360px){:root{--nav-height: 64px}.btn-primary,.btn-secondary{font-size:14px;padding:10px 14px}.category-tab{padding:6px 12px!important;font-size:12px!important}}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,16px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}