:root{--bg-primary:#f2f5f6;--bg-secondary:#fff;--bg-tertiary:#e2e8e9;--bg-glass:#ffffffd9;--border-glass:#166a771a;--border-glass-focus:#166a7766;--primary:#166a77;--primary-light:#1e7e8d;--primary-hover:#0f4e58;--primary-glow:#166a771f;--accent:#bfae8f;--accent-light:#decfae;--accent-hover:#9b8a6a;--accent-glow:#bfae8f14;--text-primary:#121d20;--text-secondary:#3b4e53;--text-muted:#708488;--success:#16a34a;--success-bg:#16a34a14;--success-text:#16a34a;--warning:#ea580c;--warning-bg:#ea580c14;--warning-text:#ea580c;--danger:#dc2626;--danger-bg:#dc262614;--danger-text:#dc2626;--info:#1d6d7a;--info-bg:#1d6d7a14;--info-text:#1d6d7a;--header-height:72px;--bottom-nav-height:68px;--max-width:480px;--admin-max-width:1280px;--shadow-sm:0 1px 3px 0 #0f1d2008, 0 1px 2px 0 #0f1d2005;--shadow-md:0 4px 6px -1px #0f1d200d, 0 2px 4px -1px #0f1d2005;--shadow-lg:0 10px 15px -3px #0f1d200d, 0 4px 6px -2px #0f1d2005;--shadow-xl:0 20px 25px -5px #0f1d2014, 0 10px 10px -5px #0f1d200a;--shadow-glass:0 8px 30px 0 #0f1d200a;--blur-glass:20px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{width:100%;height:100%;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;width:100%;max-width:100vw;line-height:1.5;overflow:hidden auto}#root{width:100%;max-width:100vw;overflow-x:hidden}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px var(--primary-glow), inset 0 0 5px #ffffff05}50%{box-shadow:0 0 20px var(--primary-glow), inset 0 0 10px #e11d481a}}@keyframes alertPulse{0%,to{background-color:var(--bg-secondary);border-color:var(--border-glass)}50%{background-color:#e11d480d;border-color:#e11d484d;box-shadow:0 0 15px #e11d481a}}@keyframes rotateSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-container{max-width:var(--max-width);background-color:var(--bg-primary);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #0f172a0f}.admin-container{max-width:var(--admin-max-width);min-height:100vh;margin:0 auto;padding:2.5rem 1.5rem}.fade-in{animation:fadeIn var(--transition-normal) forwards}.slide-up{animation:slideUp var(--transition-normal) forwards}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);transition:border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal)}.glass-card:hover{border-color:var(--border-glass-focus);box-shadow:var(--shadow-md)}.glass-panel{-webkit-backdrop-filter:blur(var(--blur-glass));border-bottom:1px solid var(--border-glass);background:#ffffffd9}.input-group{margin-bottom:1.25rem}.input-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.input-field{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:.875rem 1rem;font-size:.95rem}.input-field:focus{border-color:var(--primary-light);box-shadow:0 0 0 4px var(--primary-glow);background:var(--bg-secondary)}.input-field::placeholder{color:var(--text-muted)}.input-field[type=checkbox]{cursor:pointer;width:auto;margin-right:.5rem}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-light), var(--primary));color:#fff;box-shadow:0 4px 14px var(--primary-glow);border:none}.btn-primary:hover{background:linear-gradient(135deg, var(--primary), var(--primary-hover));box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-glass);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.btn-accent{background:linear-gradient(135deg, var(--accent-light), var(--accent));color:#fff;box-shadow:0 4px 14px var(--accent-glow);border:none}.btn-accent:hover{background:linear-gradient(135deg, var(--accent), var(--accent-hover));transform:translateY(-1px)}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid #dc262633}.btn-danger:hover{border-color:var(--danger);background:#dc262626}.btn-disabled{opacity:.5;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.badge{border-radius:var(--radius-full);align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pending{background:var(--warning-bg);color:var(--warning-text)}.badge-preparing{background:var(--info-bg);color:var(--info-text)}.badge-on-way{background:var(--accent-glow);color:var(--accent)}.badge-delivered{background:var(--success-bg);color:var(--success-text)}.badge-cancelled{background:var(--danger-bg);color:var(--danger-text)}.spinner{border:3px solid #0f172a14;border-top-color:var(--primary);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite rotateSpinner}.flex-center{justify-content:center;align-items:center;display:flex}.admin-order-alert{border-width:1.5px;animation:2s infinite alertPulse}