:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none;-webkit-overscroll-behavior:none;-webkit-overscroll-behavior-y:none;-webkit-overscroll-behavior-x:none;-ms-overscroll-behavior:none;-ms-overscroll-behavior-y:none;-ms-overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y;-webkit-touch-action:pan-y;-ms-touch-action:pan-y}img,[style*=background-image]{image-rendering:high-quality;-webkit-image-rendering:high-quality;-moz-image-rendering:high-quality;-o-image-rendering:high-quality;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overscroll-behavior:none;-webkit-overscroll-behavior-y:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.modern-menu-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.modern-menu-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.modern-menu-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s;z-index:1}.modern-menu-card:hover:before{left:100%}.category-button{transition:all .3s ease;position:relative;overflow:hidden}.category-button.active{animation:pulse 2s infinite}.add-button{background:linear-gradient(135deg,#e74c3c,#c0392b);background-size:200% 200%;animation:gradientShift 3s ease infinite;transition:all .3s ease;position:relative;overflow:hidden}.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e74c3c66}.add-button.added{background:linear-gradient(135deg,#27ae60,#2ecc71);animation:bounce .6s ease}.floating-cart{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1200;background:linear-gradient(135deg,#27ae60,#2ecc71);background-size:200% 200%;animation:gradientShift 4s ease infinite;box-shadow:0 8px 32px #27ae6066;border-radius:25px;transition:all .3s ease}.floating-cart:hover{transform:translate(-50%) translateY(-4px);box-shadow:0 12px 40px #27ae6080}.cart-badge{animation:bounce .6s ease}.item-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.item-modal .modal-content{border-radius:24px;overflow:hidden;box-shadow:0 24px 48px #0003;background:linear-gradient(145deg,#fff,#f8f9fa)}.quantity-controls{display:flex;align-items:center;gap:16px;justify-content:center;margin:20px 0}.quantity-button{width:48px;height:48px;border-radius:12px;background:#ecf0f1;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.quantity-button:hover{background:#d5dbdb;transform:scale(1.1)}.quantity-button:active{transform:scale(.95)}.hamburger-menu{background:linear-gradient(145deg,#2c3e50,#34495e);color:#fff}.menu-item{border-radius:12px;margin:4px 0;transition:all .3s ease}.menu-item:hover{background:#ffffff1a;transform:translate(8px)}.notification-enter{animation:slideInDown .3s ease}.notification-exit{animation:slideOutUp .3s ease}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){.modern-menu-card{margin-bottom:16px}.floating-cart{width:90%;max-width:300px}.category-button{padding:12px}}.image-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.social-icons{display:flex;gap:8px;margin-top:16px}.social-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.social-icon:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 6px 20px #0003}.social-icon.facebook{background:#3b5998;color:#fff}.social-icon.instagram{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);color:#fff}.social-icon.whatsapp{background:#25d366;color:#fff}.fade-in{animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.price-tag{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:1rem;box-shadow:0 4px 12px #e74c3c4d}.card-hover-effect{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-effect:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px #0000001f}.new-indicator{position:absolute;top:10px;right:10px;background:#ff4757;color:#fff;border-radius:12px;padding:4px 8px;font-size:.7rem;font-weight:700;z-index:2;animation:pulse 2s infinite}.rating-stars{display:flex;gap:2px;margin:8px 0}.star{color:gold;font-size:16px}.shiny-text{background:linear-gradient(45deg,#667eea,#764ba2,#667eea);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;font-weight:700}.modern-dashboard-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.modern-header{text-align:center;margin-bottom:2rem}.modern-title{font-weight:800!important;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem!important}.modern-subtitle{font-weight:400!important;color:#666!important}.modern-stat-card{border-radius:16px!important;border:1px solid rgba(0,0,0,.08)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.modern-stat-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 40px #00000026!important}.modern-table-card{border-radius:20px!important;border:2px solid #e0e0e0!important;margin-bottom:1.5rem!important;overflow:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;background:linear-gradient(135deg,#fff,#f8f9fa)!important}.modern-table-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #0000001a!important}.modern-table-card.has-pending{border-color:#ff6b35!important;background:linear-gradient(135deg,#fff5f2,#fff)!important;position:relative}.modern-table-card.has-pending:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b35,#f7931e)}.modern-table-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;padding:1.5rem!important;position:relative}.modern-table-header.pending{background:linear-gradient(135deg,#ff6b35,#f7931e)!important}.modern-table-header:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:20px;background:inherit;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.modern-batch-card{border-radius:12px!important;border:1px solid #e0e0e0!important;margin-bottom:1rem!important;transition:all .2s ease!important;background:linear-gradient(135deg,#f8f9fa,#fff)!important}.modern-batch-card:hover{transform:translateY(-1px)!important;box-shadow:0 4px 15px #00000014!important}.modern-batch-card.pending{border-color:#ff6b35!important;background:linear-gradient(135deg,#fff5f2,#fff)!important}.modern-request-card{border-radius:12px!important;border:1px solid #e0e0e0!important;margin-bottom:1rem!important;transition:all .3s ease!important;background:linear-gradient(135deg,#f9f9f9,#fff)!important;position:relative}.modern-request-card:hover{transform:translateY(-2px)!important;box-shadow:0 4px 15px #0000001a!important}.modern-request-card.server-pending{border-color:#4ecdc4!important;background:linear-gradient(135deg,#f0fdfc,#fff)!important}.modern-request-card.server-pending:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4ecdc4,#44a08d)}.modern-request-card.bill-pending{border-color:#45b7d1!important;background:linear-gradient(135deg,#f0f8ff,#fff)!important}.modern-request-card.bill-pending:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#45b7d1,#2196f3)}.modern-chip{font-weight:700!important;border-radius:8px!important}.modern-chip.pending{animation:pulse 2s infinite!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.modern-button{border-radius:10px!important;font-weight:700!important;text-transform:none!important;transition:all .2s ease!important}.modern-button:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #00000026!important}.modern-avatar{box-shadow:0 4px 12px #00000026!important;border:2px solid rgba(255,255,255,.2)!important}.modern-search-field{border-radius:12px!important}.modern-search-field .MuiOutlinedInput-root{border-radius:12px!important;background:#fffc!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.modern-dialog{border-radius:20px!important}.glassmorphism{background:#ffffffe6!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important}.fade-in{animation:fadeIn .5s ease-in-out!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out!important}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.modern-title{font-size:2rem!important}.modern-table-header{padding:1rem!important}.modern-stat-card{margin-bottom:1rem!important}}.modern-scrollbar::-webkit-scrollbar{width:8px}.modern-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modern-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.modern-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.modern-requests-section{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000000d;height:100%}.modern-requests-header{background:linear-gradient(135deg,#667eea15,#667eea08);border-radius:12px;padding:16px 20px;margin-bottom:16px;border:1px solid #667eea25;display:flex;align-items:center;justify-content:space-between}.modern-requests-list{max-height:400px;overflow-y:auto;padding-right:8px}.modern-request-card.pending{position:relative;box-shadow:0 6px 20px #4caf4f26}.modern-request-card.new-request{animation:slideInRight .5s ease-out,pulse 2s infinite .5s}.modern-request-card.handled{opacity:.8;background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.empty-requests-state{text-align:center;padding:32px 16px;background:#f8f9fa80;border-radius:12px;border:2px dashed #e0e0e0;margin:16px 0}.empty-requests-state .MuiAvatar-root{margin:0 auto 16px;background:#0000000d!important}@media (min-width: 1200px){.three-column-layout{display:grid;grid-template-columns:1fr 300px 300px;gap:16px;align-items:start}.orders-column{grid-column:1}.requests-column{grid-column:2}.bills-column{grid-column:3}}@media (max-width: 1199px) and (min-width: 900px){.two-column-layout{display:grid;grid-template-columns:1fr 400px;gap:24px;align-items:start}.requests-bills-column{display:flex;flex-direction:column;gap:16px}}.section-title{font-weight:700!important;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0!important}@media (min-width: 1024px){.server-calls-column,.bill-requests-column{position:relative!important;top:0!important;height:fit-content!important;max-height:100vh!important;overflow:visible!important}.orders-column{min-height:0!important}}@media (min-width: 1200px){.modern-table-header{padding:.6rem!important}.modern-table-header h5{font-size:.95rem!important;margin-bottom:.15rem!important;line-height:1.1!important}.modern-batch-card{margin-bottom:.3rem!important}.modern-table-header .MuiChip-root{font-size:.55rem!important;height:18px!important;padding:0 3px!important;margin:0 1px!important;line-height:1!important}.modern-batch-card .MuiCardContent-root{padding:6px 8px!important}.modern-table-header .MuiAvatar-root{width:32px!important;height:32px!important;font-size:.8rem!important}.modern-table-header .MuiButton-root{padding:2px 8px!important;font-size:.6rem!important;min-height:24px!important;border-radius:6px!important}.modern-batch-card .MuiAvatar-root{width:22px!important;height:22px!important;font-size:.7rem!important}.modern-batch-card .MuiChip-root{font-size:.55rem!important;height:16px!important;margin:0 1px!important;padding:0 2px!important}.modern-batch-card .MuiButton-root{padding:1px 4px!important;font-size:.6rem!important;min-width:60px!important;min-height:22px!important;border-radius:4px!important}.modern-batch-card .MuiIconButton-root{width:26px!important;height:26px!important;font-size:.8rem!important}.modern-table-header .MuiBox-root{gap:6px!important}.modern-batch-card .MuiTypography-body1{font-size:.75rem!important;margin-bottom:.1rem!important;line-height:1.2!important}.modern-batch-card .MuiTypography-caption{font-size:.65rem!important}.compact-batch-layout{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:4px!important}.compact-batch-info{display:flex!important;align-items:center!important;gap:6px!important;flex:1!important}.compact-batch-actions{display:flex!important;align-items:center!important;gap:3px!important}.modern-batch-card .MuiBox-root{margin-bottom:0!important}}@media (max-width: 1199px){.modern-table-card{margin-bottom:1rem!important}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}