body{margin:0;padding:0;background-color:#f8fafc;font-family:Inter,sans-serif}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:slideUp .3s ease-out forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-zoom-in{animation:zoomIn .2s ease-out forwards}@keyframes pulseNewOrder{0%,to{box-shadow:0 0 #f973168c,0 1px 2px #0000000d;border-color:#fdba74}50%{box-shadow:0 0 0 6px #f9731600,0 1px 2px #0000000d;border-color:#f97316}}.pulse-new-order{animation:pulseNewOrder 1.8s ease-in-out infinite;border-width:2px!important}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:slideInRight .3s ease-out forwards}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes auto-cycle{0%{opacity:0;transform:translateY(10px)}5%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}35%{opacity:0;transform:translateY(-10px)}to{opacity:0;transform:translateY(-10px)}}.animate-auto{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;animation:auto-cycle 6s linear infinite}