.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.login-card{width:100%;max-width:400px;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a}.login-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.logo{width:60px;height:80px;background-color:#000;border:2px solid white;box-shadow:0 0 0 2px #000;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.logo-letter{color:#fff;font-size:4rem;line-height:1;font-weight:700}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.9rem;color:#333}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#333}.login-button{margin-top:1rem;padding:.75rem 1rem;background-color:#222;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#000}.login-button:disabled{background-color:#999;cursor:not-allowed}.error-message{background-color:#ffecec;color:#f44336;padding:.75rem;border-radius:4px;font-size:.9rem;border:1px solid #f8d7da}@media (max-width: 480px){.login-card{width:90%;padding:1.5rem}}.mesas-container{padding:25px;max-width:1200px;margin:0 auto;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748;background-color:#f8fafc;border-radius:12px;box-shadow:0 5px 15px #0000000d}.mesas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid #e2e8f0;padding-bottom:18px}.mesas-header h2{font-size:28px;margin:0;color:#1a202c;font-weight:600;position:relative}.mesas-header h2:after{content:"";position:absolute;bottom:-6px;left:0;width:50px;height:3px;background:linear-gradient(to right,#f05b41,#f78361)}.piso-selector{display:flex;gap:10px}.piso-selector button{padding:10px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px;letter-spacing:.3px;background-color:#e2e8f0;color:#4a5568;box-shadow:0 2px 4px #0000000d}.piso-selector button:hover{background-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.piso-selector button.active{background-color:#2d3748;color:#fff;box-shadow:0 4px 8px #00000026}.mesas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:25px}@media (max-width: 1024px){.mesas-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.mesas-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.mesas-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:15px}.mesas-header h2{font-size:22px}.piso-selector{width:100%}.piso-selector button{flex:1;text-align:center;padding:8px 10px;font-size:13px}.mesa-item{min-height:90px;padding:10px 8px}.mesa-numero{font-size:20px;margin-bottom:4px}.mesa-capacidad{font-size:12px;margin-bottom:4px}.mesa-estado{font-size:11px;padding:3px 6px}.mesa-mesero{font-size:11px;margin-top:6px;padding-top:5px}.indicador-productos-listos{font-size:11px;padding:3px 6px}}@media (max-width: 480px){.mesas-grid{grid-template-columns:repeat(3,1fr);gap:6px}.mesa-item{min-height:80px;padding:8px 6px}.mesa-numero{font-size:18px}.mesa-capacidad{font-size:11px}.mesa-estado{font-size:10px;padding:2px 5px;letter-spacing:0}.mesas-container{padding:10px}}.mesa-item{border-radius:20px;padding:18px;box-shadow:0 4px 15px #0000000d;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-height:140px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mesa-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translate(-150%);transition:transform .6s ease;pointer-events:none}.mesa-item:hover:after{transform:translate(150%)}.mesa-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 25px #0000001f}.mesa-item:active{transform:translateY(0) scale(.98);transition-duration:.1s}.mesa-libre{background:linear-gradient(145deg,#e6fffa,#c6f6d5);border-color:#9ae6b4}.mesa-ocupada{background:linear-gradient(145deg,#fff5f5,#fed7d7);border-color:#feb2b2}.mesa-pendiente{background:linear-gradient(145deg,#fffaf0,#feebc8);border-color:#fbd38d}.mesa-numero{font-size:32px;font-weight:800;text-align:center;margin-bottom:2px;color:#1a202c;text-shadow:0 2px 4px rgba(255,255,255,.5)}.mesa-capacidad{text-align:center;font-size:13px;margin-bottom:12px;color:#4a5568;font-weight:600}.mesa-estado{text-align:center;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.8px;padding:6px 14px;border-radius:100px;display:inline-block;margin:0 auto;box-shadow:0 3px 8px #0000001a;color:#fff}.mesa-libre .mesa-estado{background:linear-gradient(135deg,#48bb78,#38a169)}.mesa-ocupada .mesa-estado{background:linear-gradient(135deg,#f56565,#e53e3e)}.mesa-pendiente .mesa-estado{background:linear-gradient(135deg,#ed8936,#dd6b20)}.mesa-mesero{text-align:center;font-size:13px;margin-top:12px;color:#718096;border-top:1px solid rgba(0,0,0,.08);padding-top:8px}.detalle-mesa{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:450px;background-color:#fff;box-shadow:0 10px 30px #00000040;padding:30px;border-radius:12px;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.detalle-mesa h3{margin-top:0;font-size:24px;color:#1a202c;margin-bottom:16px;position:relative;padding-bottom:12px}.detalle-mesa h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:#f05b41}.detalle-mesa p{margin:10px 0;font-size:15px;color:#4a5568}.acciones-mesa h4,.acciones-pedidos h4{font-size:18px;color:#2d3748;margin-top:20px;margin-bottom:12px}.botones-estado{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.botones-estado button{padding:10px 8px;border:none;border-radius:8px;cursor:pointer;font-weight:500;color:#fff;transition:all .3s ease;font-size:14px;box-shadow:0 2px 4px #0000001a}.botones-estado button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-libre{background-color:#38a169}.btn-libre:hover:not(:disabled){background-color:#2f855a;transform:translateY(-2px);box-shadow:0 4px 8px #38a1694d!important}.btn-ocupada{background-color:#e53e3e}.btn-ocupada:hover:not(:disabled){background-color:#c53030;transform:translateY(-2px);box-shadow:0 4px 8px #e53e3e4d!important}.btn-pendiente{background-color:#f6ad55!important;color:#7b341e!important}.btn-pendiente:hover:not(:disabled){background-color:#ed8936!important;transform:translateY(-2px);box-shadow:0 4px 8px #ed89364d!important}.select-mesero{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;margin-bottom:20px;transition:all .3s ease;color:#4a5568;background-color:#f8fafc;font-family:inherit}.select-mesero:focus{border-color:#f05b41;outline:none;box-shadow:0 0 0 3px #f05b411a}.acciones-pedidos button{width:100%;padding:12px 16px;margin-top:10px;border:none;border-radius:8px;background-color:#0ca8df;color:#fff;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease;box-shadow:0 2px 4px #0ca8df33}.acciones-pedidos button:hover:not(:disabled){background-color:#0b95c8;transform:translateY(-2px);box-shadow:0 4px 8px #0ca8df4d}.acciones-pedidos button:disabled{background-color:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.btn-cerrar{width:100%;padding:12px 16px;margin-top:25px;border:none;border-radius:8px;background-color:#e2e8f0;color:#4a5568;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease}.btn-cerrar:hover{background-color:#cbd5e0}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1a202cb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;animation:fadeIn .2s ease}.mensaje-actualizacion{background-color:#38a169;color:#fff;padding:12px 16px;border-radius:8px;margin:10px 0 20px;text-align:center;font-weight:500;animation:fadeInOut 3s forwards;box-shadow:0 2px 8px #38a1694d;position:relative}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px);display:none}}.error{color:#e53e3e;margin:20px 0;padding:16px;background-color:#fff5f5;border-radius:8px;font-weight:500;text-align:center;box-shadow:0 2px 8px #e53e3e26}.no-mesas{text-align:center;padding:40px 20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;color:#718096;font-size:16px}.mesa-con-productos-listos{background-color:#fff0da!important;border:2px solid #ff8c00!important;box-shadow:0 0 12px #ff8c0066}.indicador-productos-listos{background-color:#f05b41;color:#fff;font-weight:600;font-size:13px;text-align:center;padding:6px 8px;border-radius:20px;display:inline-block;margin:5px auto 0;box-shadow:0 2px 4px #f05b414d;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes parpadeo{0%{box-shadow:0 0 12px #ff8c0066}50%{box-shadow:0 0 20px #ff8c00b3}to{box-shadow:0 0 12px #ff8c0066}}.parpadeo{animation:parpadeo 1.5s infinite}.btn-nuevo-pedido{background-color:#f05b41!important;box-shadow:0 2px 4px #f05b4133!important}.btn-nuevo-pedido:hover:not(:disabled){background-color:#e05039!important;box-shadow:0 4px 8px #f05b414d!important}.btn-ver-pedidos{background-color:#3498db!important;box-shadow:0 2px 4px #3498db33!important}.btn-ver-pedidos:hover:not(:disabled){background-color:#2980b9!important;box-shadow:0 4px 8px #3498db4d!important}.fab-pedido-directo{position:fixed;bottom:28px;right:28px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f05b41,#f78361);color:#fff;border:none;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:500;box-shadow:0 4px 16px #f05b4173,0 2px 6px #0000002e;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.fab-pedido-directo:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 8px 24px #f05b418c,0 4px 10px #0003}.fab-pedido-directo:active{transform:scale(.95);box-shadow:0 2px 8px #f05b4159}.fab-pedido-directo:before{content:"Pedido Directo";position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1a202ce0;color:#fff;white-space:nowrap;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;font-family:Poppins,sans-serif;opacity:0;pointer-events:none;transition:opacity .2s ease .1s;letter-spacing:.2px}.fab-pedido-directo:hover:before{opacity:1}@keyframes fabEntrada{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.fab-pedido-directo{animation:fabEntrada .4s cubic-bezier(.34,1.56,.64,1) forwards}@media (max-width: 768px){.fab-pedido-directo{bottom:18px;right:18px;width:50px;height:50px;font-size:22px}.fab-pedido-directo:before{display:none}}.pedidos-container{padding:25px;max-width:1200px;margin:0 auto;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748;background-color:#f8fafc;border-radius:12px;box-shadow:0 5px 15px #0000000d}.pedidos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid #e2e8f0;padding-bottom:18px}.pedidos-header h2{font-size:28px;margin:0;color:#1a202c;font-weight:600;position:relative}.pedidos-header h2:after{content:"";position:absolute;bottom:-6px;left:0;width:50px;height:3px;background:linear-gradient(to right,#f05b41,#f78361)}.header-actions{display:flex;gap:12px}.btn-nuevo{background-color:#38a169;color:#fff;display:flex;align-items:center;gap:8px}.btn-nuevo:hover{background-color:#2f855a}.btn-volver{background-color:#3498db;color:#fff;display:flex;align-items:center;gap:8px}.btn-volver:hover{background-color:#2980b9}.btn-crear-pedido{background-color:#f05b41;color:#fff;padding:14px;width:100%;font-weight:600;font-size:16px;margin-top:20px;border-radius:8px;box-shadow:0 4px 10px #f05b4140;transition:all .3s ease}.btn-crear-pedido:hover{background-color:#e04b33;transform:translateY(-2px);box-shadow:0 6px 15px #f05b414d}.btn-crear-pedido:active{transform:translateY(0);box-shadow:0 2px 5px #f05b4133}.estado-pendiente{color:#744210;background-color:#fefcbf;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.estado-preparacion{color:#0c5460;background-color:#d1ecf1;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.estado-listo{color:#155724;background-color:#d4edda;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.estado-entregado{color:#1b1e21;background-color:#d6d8d9;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.estado-cancelado{color:#721c24;background-color:#f8d7da;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.estado-pagado{color:#004085;background-color:#cce5ff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lista-pedidos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.pedido-card{border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:all .3s ease;background-color:#fff;border-left:4px solid #f05b41}.pedido-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.pedido-id{font-weight:600;font-size:16px;color:#1a202c}.pedido-estado{text-transform:uppercase;font-size:12px;font-weight:600}.pedido-tiempo{margin-bottom:12px;font-size:14px;color:#4a5568;display:flex;align-items:center;gap:6px}.pedido-resumen{display:flex;justify-content:space-between;border-top:1px solid #e2e8f0;padding-top:12px;font-weight:600;color:#1a202c}.sin-pedidos{text-align:center;padding:60px 0;color:#718096;font-style:italic;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;margin-top:20px}.nuevo-pedido-grid{display:grid;grid-template-columns:1fr 380px;gap:25px}@media (max-width: 768px){.nuevo-pedido-grid{grid-template-columns:1fr;gap:16px}.nuevo-pedido-grid>*{width:100%;min-width:0;box-sizing:border-box}.resumen-pedido{max-height:none;order:-1;width:100%;min-width:0;padding:16px}.productos-section{width:100%;min-width:0;overflow:hidden}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:45vh}.categorias-tabs{-webkit-overflow-scrolling:touch}.pedidos-header{flex-direction:column;align-items:flex-start;gap:12px}.pedidos-header h2{font-size:22px}.pedidos-container{padding:12px;border-radius:0}.lista-pedidos{grid-template-columns:1fr;gap:10px}.pedido-card{padding:12px 14px}.pedido-id{font-size:14px}.pedido-tiempo{font-size:13px;margin-bottom:8px}.pedido-header{margin-bottom:10px}}.categorias-tabs{display:flex;overflow-x:auto;margin-bottom:18px;padding-bottom:5px;gap:8px;scrollbar-width:thin}.categorias-tabs::-webkit-scrollbar{height:4px}.categorias-tabs::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:4px}.categorias-tabs button{white-space:nowrap;background-color:#edf2f7;color:#4a5568;padding:8px 16px;font-weight:500;box-shadow:none;transition:all .25s ease;flex-shrink:0}.categorias-tabs button:hover{background-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.categorias-tabs button.active{background-color:#f05b41;color:#fff;position:relative}.productos-section{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000f}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;max-height:65vh;overflow-y:auto;padding-right:8px;scrollbar-width:thin}.productos-grid::-webkit-scrollbar{width:5px}.productos-grid::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:10px}.producto-card{background-color:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .25s ease;border:1px solid #edf2f7;display:flex;flex-direction:column;justify-content:space-between;height:100%}.producto-card:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#e2e8f0}.producto-nombre{font-weight:600;margin-bottom:8px;color:#2d3748;font-size:15px}.producto-precio{color:#f05b41;font-weight:700;font-size:16px;margin-bottom:8px}.producto-stock{font-size:13px;color:#718096;display:flex;align-items:center;gap:4px}.resumen-pedido{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000f;max-height:70vh;display:flex;flex-direction:column}.resumen-pedido h3{font-size:20px;margin-top:0;margin-bottom:20px;color:#1a202c;position:relative;padding-bottom:10px}.resumen-pedido h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:#f05b41}.pedido-vacio{display:flex;align-items:center;justify-content:center;height:200px;background-color:#f8fafc;border-radius:8px;color:#718096;font-style:italic;text-align:center;padding:20px;border:1px dashed #e2e8f0}.items-pedido{flex:1;overflow-y:auto;margin-bottom:15px;scrollbar-width:thin}.items-pedido::-webkit-scrollbar{width:5px}.items-pedido::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:10px}.item-pedido{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f7}.item-info{grid-column:1 / 3;display:flex;justify-content:space-between;margin-bottom:6px}.item-nombre{font-weight:500;color:#2d3748}.item-precio{color:#718096}.item-controles{grid-column:1 / 2;display:flex;align-items:center;gap:10px}.item-subtotal{grid-column:2 / 3;text-align:right;font-weight:600;color:#f05b41}.btn-cantidad{width:28px;height:28px;font-size:16px;line-height:1;background-color:#edf2f7;display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;transition:all .2s ease;color:#4a5568}.btn-cantidad:hover{background-color:#e2e8f0;transform:translateY(-1px)}.item-cantidad{font-weight:500;min-width:24px;text-align:center}.btn-eliminar{width:28px;height:28px;font-size:18px;line-height:1;background-color:#fed7d7;color:#e53e3e;display:flex;align-items:center;justify-content:center;padding:0;margin-left:auto;border-radius:6px;transition:all .2s ease}.btn-eliminar:hover{background-color:#e53e3e;color:#fff;transform:translateY(-1px)}.observaciones{margin-bottom:20px}.observaciones label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#4a5568}.observaciones textarea{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:12px;resize:vertical;font-family:inherit;font-size:14px;transition:border-color .3s}.observaciones textarea:focus{border-color:#f05b41;outline:none;box-shadow:0 0 0 3px #f05b411a}.total-pedido{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:2px solid #edf2f7;margin-top:5px}.total-pedido .label{font-weight:600;font-size:16px;color:#2d3748}.total-pedido .monto{font-weight:700;font-size:20px;color:#f05b41}.mensaje-confirmacion{background-color:#38a169;color:#fff;padding:12px 16px;text-align:center;border-radius:8px;margin-bottom:20px;font-weight:500;animation:fadeInOut 3s forwards;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #38a1694d}.caja-cerrada-aviso{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;text-align:center;padding:40px}.caja-cerrada-aviso h3{font-size:1.4rem;color:#e53e3e;margin:0}.caja-cerrada-aviso p{color:#666;font-size:1rem;margin:0}.btn-ir-caja{margin-top:8px;padding:10px 28px;background-color:#f05b41;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-ir-caja:hover{background-color:#d94f38}@media (max-width: 768px){.header-actions{width:100%;justify-content:space-between}}.filtros-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000000f}.filtro-estado,.buscador-container{flex:1;min-width:200px}.filtro-estado label,.buscador-container label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#4a5568}.filtro-estado select,.buscador-container input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;color:#2d3748;transition:all .3s ease}.filtro-estado select:focus,.buscador-container input:focus{border-color:#f05b41;outline:none;box-shadow:0 0 0 3px #f05b411a}.input-busqueda{position:relative}.btn-limpiar{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#718096;font-size:18px;cursor:pointer;padding:5px;box-shadow:none;transition:color .2s ease}.btn-limpiar:hover{color:#e53e3e;transform:translateY(-50%);box-shadow:none}@media (max-width: 768px){.filtros-container{flex-direction:column;gap:15px}.filtro-estado,.buscador-container{width:100%}}@media (max-width: 480px){.productos-grid{grid-template-columns:repeat(2,1fr);gap:8px}.producto-card{padding:8px}.producto-nombre{font-size:13px}.producto-precio{font-size:14px}.resumen-pedido{padding:14px}.btn-crear-pedido{padding:12px;font-size:15px}.pedido-card{padding:10px 12px}}.filtro-fechas{flex:2;min-width:280px}.filtro-fechas label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#4a5568}.rango-fechas{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rango-fechas input[type=date]{padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;color:#2d3748;transition:all .3s ease;flex:1;min-width:130px;box-sizing:border-box}.rango-fechas input[type=date]:focus{border-color:#f05b41;outline:none;box-shadow:0 0 0 3px #f05b411a}.separador-fechas{color:#718096;font-size:16px;flex-shrink:0}.btn-buscar-fechas{padding:9px 16px;background-color:#f05b41;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.btn-buscar-fechas:hover:not(:disabled){background-color:#dc4c34;transform:translateY(-1px);box-shadow:0 3px 8px #f05b414d}.btn-buscar-fechas:disabled{background-color:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.btn-volver-activos{padding:9px 14px;background-color:#fff5f5;color:#e53e3e;border:1.5px solid #feb2b2;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.btn-volver-activos:hover{background-color:#e53e3e;border-color:#e53e3e;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #e53e3e40}.badge-modo-busqueda{background-color:#ebf8ff;border:1px solid #90cdf4;color:#2b6cb0;padding:10px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge-modo-busqueda .sin-refresco{color:#718096;font-style:italic;font-size:12px}@media (max-width: 768px){.filtro-fechas{width:100%;min-width:auto}.rango-fechas{flex-direction:column;align-items:stretch}.separador-fechas{text-align:center;display:block}.btn-buscar-fechas,.btn-volver-activos{width:100%;text-align:center}}.kitchen-bar-panel{padding:25px;max-width:1200px;margin:0 auto;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748;background-color:#f8fafc;border-radius:12px;box-shadow:0 5px 15px #0000000d;display:flex;flex-direction:column;gap:25px}.mensaje-exito{background-color:#38a169;color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:10px;font-weight:500;animation:fadeInOut 3s forwards;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #38a1694d}.panel-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;transition:all .3s ease;overflow:hidden}.panel-section.minimizado{margin-bottom:0;max-height:70px}.panel-section:not(.minimizado){flex:1}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.panel-header h2{font-size:24px;margin:0;color:#1a202c;font-weight:600;position:relative}.panel-header h2:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background:linear-gradient(to right,#f05b41,#f78361)}.panel-stats{display:flex;gap:15px;margin-left:auto;margin-right:20px}.panel-stats span{font-size:14px;color:#4a5568;font-weight:500}.btn-minimizar{padding:8px 14px;background-color:#2d3748;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px;display:flex;align-items:center;gap:5px}.btn-minimizar:hover{background-color:#1a202c;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-minimizar:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.panel-content{padding:15px 20px}.no-productos{text-align:center;padding:25px;color:#718096;font-style:italic}.estado-pendiente,.estado-pendiente-pagado{background-color:#fff3e0;border-left:4px solid #ff9800}.estado-en-prep,.estado-en-prep-pagado{background-color:#e3f2fd;border-left:4px solid #2196f3}.estado-listo,.estado-listo-pagado{background-color:#e8f5e9;border-left:4px solid #4caf50}.pedido-directo{position:relative}.tiempo-normal{color:#2d3748;font-weight:500}.tiempo-advertencia{color:#ed8936;font-weight:600}.tiempo-critico{color:#e53e3e;font-weight:700;animation:parpadeo 1s infinite}@keyframes parpadeo{0%{opacity:1}50%{opacity:.5}to{opacity:1}}tr[data-tiempo-transcurrido=critico]{background-color:#e53e3e0d}.acciones{white-space:nowrap}.btn-en-preparacion{padding:8px 12px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .25s ease;font-size:12.5px;font-weight:500;letter-spacing:.3px}.btn-en-preparacion:hover:not(:disabled){background-color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 8px #2196f333}.btn-listo{padding:8px 12px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .25s ease;font-size:12.5px;font-weight:500;letter-spacing:.3px}.btn-listo:hover:not(:disabled){background-color:#43a047;transform:translateY(-2px);box-shadow:0 4px 8px #4caf5033}.btn-entregado{padding:8px 12px;background-color:#9c27b0;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .25s ease;font-size:12.5px;font-weight:500;letter-spacing:.3px}.btn-entregado:hover:not(:disabled){background-color:#7b1fa2;transform:translateY(-2px);box-shadow:0 4px 8px #9c27b033}button:disabled{background-color:#e2e8f0!important;color:#a0aec0!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.notas-producto-container{position:relative;cursor:pointer;display:inline-block;padding:3px 6px;background-color:#f8fafc;border-radius:4px;font-size:12px;transition:all .2s ease}.notas-producto-container:hover{background-color:#edf2f7}.notas-producto-container:hover .nota-tooltip{visibility:visible;opacity:1;transform:translateY(0)}.tiene-notas{color:#2196f3;font-weight:500;display:flex;align-items:center;gap:3px}.tiene-notas:before{content:"📝";font-size:12px}.nota-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:0;transform:translateY(10px);padding:12px;background-color:#2d3748;color:#fff;border-radius:6px;font-size:13px;white-space:normal;min-width:200px;max-width:300px;z-index:100;box-shadow:0 4px 15px #00000026;transition:all .3s ease;line-height:1.5;word-break:break-word}.nota-tooltip:after{content:"";position:absolute;top:100%;left:15px;border-width:6px;border-style:solid;border-color:#2d3748 transparent transparent transparent}.error{color:#e53e3e;margin-bottom:20px;padding:16px;background-color:#fff5f5;border-radius:8px;font-weight:500;text-align:center}@media (max-width: 992px){.panel-stats{flex-direction:column;gap:5px;margin-right:10px}}@media (max-width: 768px){.kitchen-bar-panel{padding:15px;border-radius:0}.panel-header{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.panel-stats{flex-direction:row;width:100%;justify-content:space-between;margin:10px 0}.btn-minimizar{align-self:flex-end}.panel-content{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px}.tabla-productos{width:100%;min-width:650px;white-space:nowrap}.tabla-productos th,.tabla-productos td{padding:10px 12px;font-size:12px}.nota-tooltip{min-width:150px;max-width:250px}}.inventory-container{padding:20px;max-width:100%;overflow-x:hidden}.inventory-title{color:#333;margin-bottom:20px;font-size:28px;border-bottom:2px solid #ddd;padding-bottom:10px}.low-stock-alert{background-color:#fff3cd;border:1px solid #ffeeba;border-left:5px solid #ffc107;padding:15px;margin-bottom:20px;border-radius:4px}.low-stock-alert h3{color:#856404;margin-top:0;margin-bottom:10px;font-size:18px}.low-stock-alert ul{margin:0;padding-left:20px}.low-stock-alert li{margin-bottom:5px}.success-message{background-color:#d4edda;color:#155724;padding:12px 15px;margin-bottom:20px;border-radius:4px;animation:fadeOut 5s forwards}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;margin-bottom:20px;border-radius:4px}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.inventory-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.tab-button{padding:10px 20px;background:none;border:none;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s;border-bottom:3px solid transparent}.tab-button:hover{background-color:#f8f9fa}.tab-button.active{color:#333;border-bottom:3px solid #333;font-weight:600}.inventory-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-container{flex:1;max-width:400px}.search-input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px}.action-buttons{display:flex;gap:10px}.add-button{background-color:#333;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s;font-weight:500}.add-button:hover{background-color:#555}.inventory-table{width:100%;border-collapse:collapse;margin-bottom:30px}.inventory-table th,.inventory-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.inventory-table th{background-color:#f8f9fa;font-weight:600;color:#333}.inventory-table tr:hover{background-color:#f8f9fa}.low-stock-row{background-color:#fff3cd}.low-stock-row:hover{background-color:#ffecb5}.action-btn{padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:500;font-size:14px;border:none;transition:all .3s}.adjust-btn{background-color:#e9ecef;color:#495057}.adjust-btn:hover{background-color:#ced4da}.view-btn{background-color:#e3f2fd;color:#0d6efd}.view-btn:hover{background-color:#cfe2ff}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#666}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:25px;border-radius:6px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative}.close{position:absolute;top:15px;right:20px;font-size:28px;cursor:pointer;color:#666}.close:hover{color:#000}.form-row{display:flex;gap:15px;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-group textarea{height:80px;resize:vertical}.form-group.half{width:50%}.form-group.third{width:30%}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.submit-btn{background-color:#333;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.submit-btn:hover{background-color:#555}.cancel-btn{background-color:#f8f9fa;color:#333;border:1px solid #ddd;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.cancel-btn:hover{background-color:#e9ecef}.purchase-item{border:1px solid #ddd;border-radius:4px;padding:15px;margin-bottom:15px;background-color:#f8f9fa}.item-buttons{display:flex;justify-content:flex-end;margin-top:10px}.remove-item-btn{background-color:#f8d7da;color:#721c24;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px}.remove-item-btn:hover{background-color:#f5c6cb}.add-item-btn{background-color:#e9ecef;color:#495057;border:1px solid #ced4da;padding:8px 15px;border-radius:4px;cursor:pointer;width:100%;text-align:center;font-weight:500}.add-item-btn:hover{background-color:#dde1e3}.purchase-summary{border-top:1px solid #ddd;margin-top:20px;padding-top:15px;text-align:right}.purchase-summary h4{margin:0;color:#333;font-size:18px}@media (max-width: 768px){.form-row{flex-direction:column;gap:20px}.form-group.half,.form-group.third{width:100%}.inventory-actions{flex-direction:column;align-items:flex-start;gap:15px}.search-container{width:100%;max-width:none}.tab-button{padding:8px 12px;font-size:14px}.inventory-table{font-size:14px}.inventory-table th,.inventory-table td{padding:8px 10px}.action-btn{padding:4px 8px;font-size:12px}}.pago-container{padding:25px;max-width:1200px;margin:0 auto;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748;background-color:#f8fafc;border-radius:12px;box-shadow:0 5px 15px #0000000d}.pago-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid #e2e8f0;padding-bottom:18px}.pago-header h2{font-size:28px;margin:0;color:#1a202c;font-weight:600;position:relative}.pago-header h2:after{content:"";position:absolute;bottom:-6px;left:0;width:50px;height:3px;background:linear-gradient(to right,#f05b41,#f78361)}.btn-volver{background-color:#3498db;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.pago-info{display:grid;grid-template-columns:1fr;gap:25px}@media (min-width: 768px){.pago-info{grid-template-columns:1fr 2fr}.info-pedido,.detalles-pago,.metodo-pago{grid-column:1 / -1}}.info-pedido,.detalles-pago,.metodo-pago{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:25px}.info-pedido h3,.detalles-pago h3,.metodo-pago h3{font-size:18px;margin-top:0;margin-bottom:18px;color:#1a202c;position:relative;padding-bottom:10px}.info-pedido h3:after,.detalles-pago h3:after,.metodo-pago h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:#f05b41}.info-pedido{display:flex;flex-direction:column;background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:25px;height:100%}.info-header-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid #edf2f7;width:100%}.info-header-summary h3{font-size:19px;margin:0;color:#1a202c;position:relative;font-weight:600}.info-header-summary h3:after{content:"";position:absolute;bottom:-13px;left:0;width:40px;height:3px;background:#f05b41}.pedido-badge{background-color:#1a202c;color:#fff;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 2px 4px #0003}.info-grid-pago{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:25px}.info-item{display:flex;flex-direction:column;gap:3px;overflow:hidden}.info-label{font-size:11px;color:#718096;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.info-value{font-size:14px;color:#2d3748;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-value.destacada{color:#f05b41;font-weight:700;white-space:normal}.resumen-pagos-nuevo{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;padding:12px;box-shadow:inset 0 2px 4px #00000005;width:100%}.resumen-pago-col{display:flex;flex-direction:column;align-items:center;flex:1;padding:5px;min-width:0}.resumen-pago-col:not(:last-child){border-right:1px solid #e2e8f0}.resumen-label{font-size:9px;color:#718096;text-transform:uppercase;margin-bottom:4px;text-align:center;white-space:nowrap}.resumen-monto{font-size:15px;font-weight:700;color:#1a202c;text-align:center}.resumen-label{font-size:10px;color:#718096;text-transform:uppercase;margin-bottom:3px;text-align:center}.resumen-monto{font-size:17px;font-weight:700;color:#1a202c;text-align:center}.resumen-monto.pagado{color:#38a169}.resumen-monto.pendiente{color:#e53e3e}.resumen-pago-col.resaltado{background-color:#e53e3e0d;border-radius:6px}@media (max-width: 1200px){.pago-info{grid-template-columns:1fr!important}}.tabla-productos{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;margin-top:20px}.tabla-productos th{background-color:#f8fafc;color:#4a5568;font-weight:600;text-align:left;padding:14px 16px;border-bottom:2px solid #e2e8f0;font-size:14px}.tabla-productos td{padding:14px 16px;border-bottom:1px solid #edf2f7;font-size:14px;vertical-align:middle}.tabla-productos tr:hover{background-color:#f9fafb}.tabla-productos tr.seleccionado{background-color:#f05b411a;border-left:3px solid #f05b41}.tabla-productos tfoot{font-weight:700}.tabla-productos tfoot tr{border-top:2px solid #e2e8f0}.total-label{text-align:right;font-size:16px;font-weight:600;color:#2d3748}.total-value{color:#f05b41;font-weight:700;font-size:18px}.opciones-pago{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.btn-metodo-pago{padding:12px 20px;background-color:#f1f5f9;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .25s ease;font-weight:500;font-size:14px;color:#4a5568;display:flex;align-items:center;gap:8px}.btn-metodo-pago:hover{background-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.btn-metodo-pago.seleccionado{background-color:#f05b411a;border-color:#f05b41;color:#f05b41;font-weight:600}.acciones-pago{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.btn-pagar,.btn-comprobante{padding:12px 25px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:15px}.btn-pagar{background-color:#38a169;color:#fff;min-width:180px;justify-content:center}.btn-pagar:hover{background-color:#2f855a;transform:translateY(-2px);box-shadow:0 4px 8px #2f855a33}.btn-pagar:disabled{background-color:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.btn-comprobante{background-color:#3498db;color:#fff;min-width:180px;justify-content:center}.btn-comprobante:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #2980b933}.mensaje-advertencia{background-color:#fefcbf;color:#744210;padding:12px 16px;border-radius:8px;margin-bottom:15px;border:1px solid #f6e05e;display:flex;align-items:center;gap:10px;font-size:14px}.modal-confirmacion{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1a202cb3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}.selector-caja-cobro{margin:12px 0;display:flex;flex-direction:column;gap:6px}.selector-caja-cobro label{font-size:14px;color:#2d3748}.selector-caja-cobro select{padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;background-color:#f7fafc;color:#2d3748}.caja-asignada-info{margin:12px 0;padding:8px 12px;background-color:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;font-size:14px;color:#2b6cb0}.btn-confirmar{padding:10px 18px;background-color:#38a169;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px}.btn-confirmar:hover{background-color:#2f855a;transform:translateY(-2px);box-shadow:0 4px 8px #2f855a26}.pago-print{display:none}@media print{body *{visibility:hidden}.pago-print,.pago-print *{visibility:visible}.pago-print{display:block;position:absolute;left:0;top:0;width:100%;padding:20px;font-family:Poppins,Arial,sans-serif}.comprobante-header{text-align:center;margin-bottom:30px}.comprobante-header h2{margin-bottom:10px;font-size:24px;color:#1a202c}.comprobante-detalle{width:100%;border-collapse:collapse;margin:25px 0}.comprobante-detalle th,.comprobante-detalle td{border:1px solid #e2e8f0;padding:12px;font-size:14px}.comprobante-detalle th{background-color:#f8fafc}.comprobante-footer{margin-top:40px;text-align:center;font-size:14px;color:#4a5568}}.producto-no-entregado{background-color:#fff3e0;border-left:3px solid #ff9800}.notificacion-flotante{position:fixed;top:20px;right:20px;z-index:1000;max-width:350px;padding:15px;border-radius:10px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out forwards;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.notificacion-flotante.info{background-color:#ebf8ff;border-left:5px solid #3498db;color:#2c5282}.notificacion-flotante.warning{background-color:#fffaf0;border-left:5px solid #ed8936;color:#c05621}.notificacion-flotante.error{background-color:#fff5f5;border-left:5px solid #f05b41;color:#c53030}.notificacion-contenido{display:flex;align-items:center;justify-content:space-between}.notificacion-mensaje{flex:1;font-size:14px}.cerrar-notificacion{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0 0 0 10px;transition:all .2s ease}.cerrar-notificacion:hover{transform:scale(1.1)}@media (max-width: 768px){.pago-container{padding:15px;border-radius:0}.pago-header{flex-direction:column;align-items:flex-start;gap:15px}.info-pedido,.detalles-pago,.metodo-pago{padding:20px}.acciones-pago{flex-direction:column}.btn-pagar,.btn-comprobante{width:100%}.modal-content{padding:20px;width:95%}.tabla-productos{display:table;width:100%;min-width:600px}.detalles-pago{overflow-x:auto;padding:15px}.tabla-productos thead{display:table-header-group}.tabla-productos tbody tr,.tabla-productos tfoot tr{display:table-row;background:transparent;border:none;box-shadow:none;margin-bottom:0;padding:0}.tabla-productos td,.tabla-productos th{display:table-cell;padding:12px 10px;border-bottom:1px solid #edf2f7;white-space:nowrap}.tabla-productos td:before{display:none}.tabla-productos thead th:nth-child(5),.tabla-productos tbody td:nth-child(5){display:none}.opciones-pago{flex-direction:column;gap:8px}.btn-metodo-pago{width:100%;justify-content:center;padding:10px 16px}.acciones-pago{gap:10px;margin-top:16px}.resumen-pagos{padding:10px}.resumen-info p{font-size:14px;margin:8px 0}.resumen-info strong{min-width:85px}.pago-header h2{font-size:20px}}@media (max-width: 480px){.pago-container{padding:10px}.info-pedido,.detalles-pago,.metodo-pago{padding:14px;border-radius:8px}.info-pedido h3,.detalles-pago h3,.metodo-pago h3{font-size:15px;margin-bottom:12px}.tabla-productos th,.tabla-productos td{padding:8px 10px;font-size:13px}.tabla-productos thead th:nth-child(3),.tabla-productos tbody td:nth-child(3){display:none}.total-value{font-size:16px}.btn-pagar,.btn-comprobante{font-size:14px;padding:10px 14px}.modal-content{padding:16px}.modal-content h3{font-size:16px}.pago-header h2{font-size:18px}}.opcion-entrega{margin:15px 0;padding:10px 15px;background-color:#f9f9f9;border-radius:6px;border-left:3px solid #3498db;box-shadow:0 1px 3px #0000001a}.opcion-entrega label{display:flex;align-items:center;font-weight:500;color:#333;cursor:pointer}.opcion-entrega input[type=checkbox]{margin-right:10px;width:18px;height:18px;accent-color:#3498db;cursor:pointer}.info-pedido-directo{margin-top:8px;margin-left:28px;font-size:.85rem;color:#666;font-style:italic;line-height:1.4}.opcion-entrega:hover{background-color:#f0f8ff}.opcion-entrega input[type=checkbox]:checked+span{color:#2980b9}.tabla-pago{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;margin-top:20px}.tabla-pago th{background-color:#f8fafc;color:#4a5568;font-weight:600;text-align:left;padding:14px 16px;border-bottom:2px solid #e2e8f0;font-size:14px}.tabla-pago td{padding:14px 16px;border-bottom:1px solid #edf2f7;font-size:14px;vertical-align:middle}.tabla-pago tr:last-child td{border-bottom:none}.tabla-pago tr:hover{background-color:#f9fafb}.tabla-pago tfoot{font-weight:700}.tabla-pago tfoot tr{border-top:2px solid #e2e8f0}@media (max-width: 768px){.detalles-pago{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:15px}.tabla-pago{min-width:420px;font-size:13px}.tabla-pago th,.tabla-pago td{padding:10px;white-space:nowrap}}.dashboard-container{padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.chart-container{height:300px;width:100%;border:1px solid #f1f5f9;border-radius:.375rem;padding:.75rem;background-color:#f8fafc}.dashboard-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.dashboard-header h1{font-size:1.875rem;font-weight:700;color:#1e293b;margin:0;position:relative}.dashboard-header h1:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:linear-gradient(to right,#3b82f6,#60a5fa);border-radius:2px}.dashboard-last-update{font-size:.875rem;color:#64748b}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{padding:1.5rem;border-radius:1rem;box-shadow:0 2px 10px #0000000a;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.summary-card-header{display:flex;align-items:center;margin-bottom:1rem}.summary-card-icon{margin-right:.5rem}.summary-card-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.summary-card-value{font-size:1.875rem;font-weight:700;margin:0;line-height:1.2}.card-blue{background:linear-gradient(to bottom right,#e0f2fe,#dbeafe);border-color:#bfdbfe}.card-blue .summary-card-value{color:#1d4ed8}.card-green{background:linear-gradient(to bottom right,#dcfce7,#d1fae5);border-color:#bbf7d0}.card-green .summary-card-value{color:#16a34a}.card-amber{background:linear-gradient(to bottom right,#fef3c7,#fff7ed);border-color:#fde68a}.card-amber .summary-card-value{color:#d97706}.content-section{background:#fff;border-radius:1rem;box-shadow:0 2px 10px #0000000a;padding:1.5rem;margin-bottom:2rem;border:1px solid #f1f5f9;transition:all .3s ease}.content-section:hover{box-shadow:0 5px 15px #00000014}.section-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9;position:relative}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:#3b82f6}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.data-item{padding:1rem;background:#f8fafc;border-radius:.75rem;transition:all .3s ease}.data-item:hover{background:#f1f5f9}.data-label{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.data-value{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:#fff;border-radius:1rem;box-shadow:0 2px 10px #0000000a}.loading-icon{margin-bottom:1rem;color:#3b82f6}.loading-text{font-size:1rem;font-weight:500;color:#64748b}.error-container{background:#fff1f2;border-left:4px solid #f43f5e;padding:1.5rem;border-radius:.5rem;margin-bottom:2rem}.error-header{display:flex;align-items:flex-start}.error-icon{color:#e11d48;margin-right:.75rem}.error-title{font-weight:600;color:#be123c;margin-top:0;margin-bottom:.5rem}.error-message{color:#9f1239;margin-bottom:.5rem}.error-action{color:#9f1239;margin-bottom:1rem}.retry-button{background:#3b82f6;color:#fff;border:none;border-radius:.5rem;padding:.75rem 1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #2563eb26}.no-data-container{background:#eff6ff;border-left:4px solid #3b82f6;padding:1.5rem;border-radius:.5rem}.no-data-header{display:flex;align-items:flex-start}.no-data-icon{color:#3b82f6;margin-right:.75rem}.no-data-title{font-weight:600;color:#1d4ed8;margin-top:0;margin-bottom:.5rem}.no-data-message{color:#2563eb;margin:0}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:.75rem}.metrics-grid{grid-template-columns:1fr}.chart-container{height:250px}.data-grid{grid-template-columns:repeat(2,1fr)}}.recharts-default-tooltip{background-color:#fffffff2!important;border:1px solid #e2e8f0!important;border-radius:.5rem!important;box-shadow:0 4px 12px #00000014!important;padding:.75rem!important}.recharts-tooltip-label{font-weight:600!important;color:#1e293b!important;margin-bottom:.5rem!important}.recharts-tooltip-item{color:#475569!important;font-size:.875rem!important}.recharts-tooltip-item-name{font-weight:500!important}.recharts-tooltip-item-value{font-weight:600!important}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:#e2e8f0!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#f1f5f9!important}.search-container{position:relative;margin-bottom:1rem}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;transition:border-color .15s ease-in-out}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8}.filter-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.filter-button{padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:none}.filter-button-active{background-color:#3b82f6;color:#fff}.filter-button-inactive{background-color:#f1f5f9;color:#475569}.filter-button-inactive:hover{background-color:#e2e8f0}.productos-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:.5rem;overflow:hidden;border:1px solid #e2e8f0}.productos-table th{background-color:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.productos-table th:last-child,.productos-table td:last-child{text-align:right}.productos-table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.productos-table tr:last-child td{border-bottom:none}.productos-table tr:nth-child(2n){background-color:#f8fafc}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#64748b}.no-results-icon{color:#94a3b8;margin-bottom:1rem}.no-results-message{font-weight:500;margin-bottom:.5rem}.no-results-suggestion{font-size:.875rem}.space-y-6>div{margin-top:1.5rem}.space-y-6>div:first-child{margin-top:0}.product-color-indicator{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.5rem}.product-legend-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;margin-bottom:.5rem;background:#f8fafc;border-radius:.5rem;transition:all .2s ease}.product-legend-item:hover{background:#f1f5f9;transform:translate(5px)}.product-legend-color{width:.75rem;height:.75rem;border-radius:50%;margin-right:.75rem}.product-legend-name{font-weight:500;color:#334155;flex-grow:1}.product-legend-metrics{display:flex;align-items:center;gap:1rem}.product-legend-quantity{padding:.25rem .5rem;background:#e2e8f0;border-radius:.25rem;font-size:.75rem}.product-legend-amount{font-weight:600;color:#0f172a}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.h-full{height:100%}.text-gray-500{color:#6b7280}.animate-spin{animation:spin 1s linear infinite}.w-12,.h-12{width:3rem;height:3rem}.mb-4{margin-bottom:1rem}.h-6,.w-6{height:1.5rem;width:1.5rem}.h-5,.w-5{height:1.25rem;width:1.25rem}.refresh-container{display:flex;justify-content:center;margin-top:1rem}.refresh-button{background:#3b82f6;color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #2563eb26}.dashboard-filtros{background:#fff;border-radius:12px;padding:14px 18px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filtro-tabs-dash{display:flex;gap:8px;flex-shrink:0}.filtro-tab-btn{padding:8px 16px;border-radius:8px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.filtro-tab-btn:hover{border-color:#f05b41;color:#f05b41}.filtro-tab-btn.activo{background:#f05b41;border-color:#f05b41;color:#fff;font-weight:600}.filtro-info-turno{font-size:13px;color:#475569;flex:1}.filtro-info-turno strong{color:#1e293b}.filtro-sin-caja{color:#94a3b8;font-style:italic}.filtro-personalizado-dash{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.filtro-personalizado-dash label{font-size:13px;color:#475569;font-weight:500;white-space:nowrap}.filtro-personalizado-dash input[type=datetime-local]{padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;color:#1e293b;background:#f8fafc;transition:border-color .2s ease}.filtro-personalizado-dash input[type=datetime-local]:focus{outline:none;border-color:#f05b41;box-shadow:0 0 0 3px #f05b411a}.filtro-btn-aplicar{padding:8px 18px;background:#f05b41;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.filtro-btn-aplicar:hover:not(:disabled){background:#dc4c34;transform:translateY(-1px);box-shadow:0 3px 8px #f05b414d}.filtro-btn-aplicar:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}@media (max-width: 768px){.dashboard-filtros{flex-direction:column;align-items:stretch;gap:12px}.filtro-personalizado-dash{flex-direction:column;align-items:stretch;gap:8px}.filtro-personalizado-dash input[type=datetime-local],.filtro-btn-aplicar{width:100%}}:root{--primary-color: #f05b41;--primary-gradient: linear-gradient(to right, #f05b41, #f78361);--secondary-color: #2d3748;--accent-color: #3498db;--bg-color: #f8fafc;--text-color: #2d3748;--border-color: #e2e8f0;--success-color: #38a169;--warning-color: #f6e05e;--danger-color: #f44336;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 5px 15px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background-color:var(--secondary-color);color:#fff;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:100}.navbar-logo{display:flex;align-items:center;flex-shrink:0}.logo-r{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;background-color:#000;color:#fff;font-weight:700;font-size:1.4rem;border:2px solid white;padding:.3rem;position:relative;border-radius:4px;box-shadow:0 2px 6px #0003}.logo-r:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--primary-gradient);border-radius:2px}.navbar-links{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center}.navbar-links a{color:#ffffffd9;text-decoration:none;padding:.4rem .65rem;border-radius:6px;transition:background-color .2s,color .2s;font-weight:500;font-size:.88rem;white-space:nowrap;letter-spacing:.3px}.navbar-links a:hover{background-color:#ffffff1f;color:#fff}.navbar-user{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.navbar-user span{font-size:.85rem;font-weight:500;color:#ffffffe6;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.logout-btn{background-color:#334155;color:#fff;border:none;padding:.4rem .6rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.logout-btn:hover{background-color:#dc2626;transform:scale(1.05)}.navbar-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;padding:7px;flex-shrink:0}.navbar-hamburger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.navbar-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-user-mobile{display:none}.main-content{flex:1;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.app-footer{background-color:var(--secondary-color);color:#fff;text-align:center;padding:1rem;margin-top:auto;box-shadow:0 -2px 8px #0000000d}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--secondary-color)}.logo-container{margin-bottom:2rem;position:relative}.logo-container .logo-r{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #f05b41b3}70%{box-shadow:0 0 0 15px #f05b4100}to{box-shadow:0 0 #f05b4100}}.loading-spinner{width:3rem;height:3rem;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top:4px solid var(--primary-color);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-found{text-align:center;padding:3rem;background-color:#fff;border-radius:12px;box-shadow:var(--shadow-lg);max-width:800px;margin:2rem auto}.not-found h2{font-size:2rem;margin-bottom:1rem;color:var(--primary-color);position:relative;display:inline-block;padding-bottom:10px}.not-found h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background:var(--primary-gradient)}.not-found p{color:#4a5568;margin-bottom:1.5rem;font-size:1.1rem}.not-found a{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s;box-shadow:var(--shadow-sm);letter-spacing:.3px}.not-found a:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.not-found a:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width: 820px){.navbar{flex-wrap:wrap;height:auto;padding:.6rem 1rem}.navbar-hamburger{display:flex}.navbar-links{display:none;flex-direction:column;align-items:stretch;width:100%;gap:0;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem;flex:none;justify-content:flex-start}.navbar-links.open{display:flex}.navbar-links a{width:100%;padding:.7rem .5rem;font-size:.95rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffffe6}.navbar-links a:hover{background-color:#ffffff1a;color:#fff}.navbar-user{display:none}.navbar-user-mobile{display:flex;flex-direction:column;gap:.6rem;width:100%;padding:.75rem .5rem .25rem;border-top:1px solid rgba(255,255,255,.1);margin-top:.25rem}.navbar-user-mobile span{font-size:.85rem;color:#ffffffbf}.navbar-user-mobile .logout-btn{align-self:flex-start}}@media (max-width: 768px){.main-content{padding:1rem .75rem}}button,.btn{border-radius:100px!important;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.2px;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 20px;position:relative;overflow:hidden!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,opacity .2s ease!important}button:after,.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.2) 50%,transparent 75%);transform:translate(-120%);transition:transform .5s ease;pointer-events:none}button:hover:after,.btn:hover:after{transform:translate(120%)}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0) scale(.97);transition-duration:.1s}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}button:focus-visible,.btn:focus-visible{outline:3px solid rgba(240,91,65,.5);outline-offset:2px}.btn{padding:.6rem 1.2rem;box-shadow:0 2px 6px #0000001a}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#f78361 100%);color:#fff;box-shadow:0 3px 12px #f05b414d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #f05b4166}.btn-secondary{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;box-shadow:0 3px 10px #2d374833}.btn-secondary:hover:not(:disabled){box-shadow:0 6px 18px #2d37484d}.btn-danger{background:linear-gradient(135deg,#e53e3e,#fc8181);color:#fff;box-shadow:0 3px 10px #e53e3e40}.btn-danger:hover:not(:disabled){box-shadow:0 6px 18px #e53e3e61}.btn:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow-sm)}.card{background-color:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:1.5rem;margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.2rem;font-weight:600;color:var(--secondary-color);position:relative;padding-bottom:8px}.card-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--primary-color)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568}.form-control{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s;font-family:inherit}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f05b411a}.section-title{font-size:24px;margin-bottom:20px;color:#1a202c;position:relative;padding-bottom:10px;font-weight:600}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--primary-gradient)}.content-container{background-color:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:25px;margin-bottom:30px}.table-container{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden}.data-table th{background-color:#f8fafc;color:#4a5568;font-weight:600;text-align:left;padding:14px 16px;border-bottom:2px solid #e2e8f0;font-size:14px}.data-table td{padding:14px 16px;border-bottom:1px solid #edf2f7;font-size:14px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#f9fafb}.nav-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm)}.nav-button:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.badge-success{background-color:#c6f6d5;color:#38a169}.badge-warning{background-color:#fefcbf;color:#744210}.badge-danger{background-color:#fed7d7;color:#e53e3e}.badge-info{background-color:#bee3f8;color:#3182ce}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;max-width:650px;margin:2.5rem auto;border:1px solid #fecaca;animation:slideUpFade .4s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.error{display:flex;align-items:flex-start;gap:14px;color:#c53030;background-color:#fff5f5;padding:18px 22px;border-radius:12px;font-weight:500;margin-bottom:22px;border-left:5px solid #f05b41;font-size:1.05rem;line-height:1.5;box-shadow:0 2px 8px #f05b4114;width:100%}.error:before{content:"⚠️";font-size:1.4rem;margin-top:-2px}.alert{padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:500;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);transition:all .3s;border:1px solid transparent}.alert-success{background-color:#f0fff4;color:#2f855a;border-color:#c6f6d5}.alert-success:before{content:"✅"}.alert-warning{background-color:#fffaf0;color:#c05621;border-color:#fefcbf}.alert-warning:before{content:"🔔"}.alert-danger{background-color:#fff5f5;color:#c53030;border-color:#feb2b2}.alert-danger:before{content:"❌"}.alert-info{background-color:#ebf8ff;color:#2c5282;border-color:#bee3f8}.alert-info:before{content:"ℹ️"}.mesa-pedidos-container{padding:25px;max-width:1200px;margin:0 auto;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748;background-color:#f8fafc;border-radius:12px;box-shadow:0 5px 15px #0000000d}.mesa-pedidos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid #e2e8f0;padding-bottom:18px}.mesa-pedidos-header h2{font-size:28px;margin:0;color:#1a202c;font-weight:600;position:relative}.mesa-pedidos-header h2:after{content:"";position:absolute;bottom:-6px;left:0;width:50px;height:3px;background:linear-gradient(to right,#f05b41,#f78361)}.header-actions{display:flex;gap:10px;align-items:center}.header-actions button{padding:9px 20px;border:none;border-radius:100px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:7px;font-size:13.5px;letter-spacing:.2px;position:relative;overflow:hidden}.header-actions button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-100%);transition:transform .45s ease}.header-actions button:hover:after{transform:translate(100%)}.btn-nuevo{background:linear-gradient(135deg,#f05b41,#f78361);color:#fff;box-shadow:0 3px 12px #f05b4159,0 1px 3px #0000001a}.btn-nuevo:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #f05b4173,0 2px 6px #0000001f}.btn-nuevo:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #f05b4140}.btn-nuevo:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;box-shadow:none;transform:none}.btn-liberar{background:#ffffffb3;color:#4a5568;border:1.5px solid rgba(203,213,224,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 4px #0000000f}.btn-liberar:hover:not(:disabled){background:#fff5f5f2;color:#c53030;border-color:#fed7d7e6;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 14px #c5303026}.btn-liberar:active{transform:translateY(0) scale(.98)}.btn-liberar:disabled{background:#e2e8f066;color:#cbd5e0;border-color:#e2e8f099;cursor:not-allowed;box-shadow:none;transform:none}.btn-volver{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;box-shadow:0 3px 10px #2d374840,0 1px 3px #0000001a}.btn-volver:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 18px #2d374852,0 2px 6px #0000001f}.btn-volver:active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px #2d374833}.mensaje-accion{background-color:#38a169;color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;animation:fadeInOut 3s forwards;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #38a1694d}.sin-pedidos{text-align:center;padding:40px 30px;background-color:#fff;border-radius:12px;color:#718096;font-size:16px;box-shadow:0 2px 10px #0000000f;margin-top:20px}.sin-pedidos p{margin:0;font-size:18px}.lista-pedidos{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.pedido-card{border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000f;cursor:pointer;transition:transform .25s,box-shadow .25s;background-color:#fff;position:relative;overflow:hidden}.pedido-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.pedido-header{display:flex;justify-content:space-between;margin-bottom:15px}.pedido-id{font-weight:600;font-size:1.15rem;color:#1a202c}.pedido-estado{padding:5px 10px;border-radius:15px;font-size:.85rem;text-transform:capitalize;font-weight:500;letter-spacing:.3px;background-color:#f8fafc;color:#4a5568}.pedido-tiempo{display:flex;justify-content:space-between;color:#718096;margin-bottom:12px;font-size:.9rem;padding-bottom:10px;border-bottom:1px dashed #e2e8f0}.pedido-productos{margin:12px 0;padding:10px 0}.pedido-productos>div{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f4f8}.pedido-productos>div:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pedido-productos>div>div{display:flex;align-items:center;gap:5px;font-size:.95rem}.pedido-productos strong{color:#2d3748}.pedido-productos p{margin:0;line-height:1.5}.pedido-total{font-weight:600;text-align:right;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;color:#1a202c;font-size:1.1rem}.estado-pendiente{background-color:#fff3e0;border-left:4px solid #ff9800}.estado-pendiente .pedido-estado{background-color:#fff3e0;color:#ff9800}.estado-preparacion{background-color:#e3f2fd;border-left:4px solid #2196f3}.estado-preparacion .pedido-estado{background-color:#e3f2fd;color:#2196f3}.estado-listo{background-color:#e8f5e9;border-left:4px solid #4caf50}.estado-listo .pedido-estado{background-color:#e8f5e9;color:#4caf50}.estado-entregado{background-color:#f3e5f5;border-left:4px solid #9c27b0}.estado-entregado .pedido-estado{background-color:#f3e5f5;color:#9c27b0}.estado-cancelado{background-color:#ffebee;border-left:4px solid #f44336}.estado-cancelado .pedido-estado{background-color:#ffebee;color:#f44336}.estado-pagado{background-color:#e8eaf6;border-left:4px solid #3f51b5}.estado-pagado .pedido-estado{background-color:#e8eaf6;color:#3f51b5}.sin-productos{text-align:center;padding:10px;color:#a0aec0;font-style:italic;font-size:.9rem}@media (max-width: 768px){.mesa-pedidos-container{padding:15px;border-radius:0}.mesa-pedidos-header{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{width:100%;flex-wrap:wrap}.header-actions button{flex:1;justify-content:center;min-width:120px}.lista-pedidos{grid-template-columns:1fr}.pedido-tiempo{flex-direction:column;gap:5px}.pedido-productos>div>div{flex-direction:column;align-items:flex-start}}.pedido-card{padding:14px 16px}.pedido-header{margin-bottom:10px}.pedido-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pedido-tiempo{font-size:.82rem;margin-bottom:8px}.pedido-productos{margin:8px 0;padding:6px 0;max-height:120px;overflow-y:auto}.pedido-producto-fila{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid #f0f4f8;font-size:13px}.pedido-producto-fila:last-child{border-bottom:none}.pp-nombre{flex:1;color:#2d3748;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-cantidad{color:#718096;font-size:12px;white-space:nowrap}.pp-subtotal{color:#f05b41;font-weight:600;font-size:12px;white-space:nowrap;min-width:55px;text-align:right}.detalle-pedido-container{padding:25px;max-width:1200px;margin:0 auto;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748;background-color:#f8fafc;border-radius:12px;box-shadow:0 5px 15px #0000000d}.detalle-pedido-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid #e2e8f0;padding-bottom:18px}.detalle-pedido-header h2{font-size:28px;margin:0;color:#1a202c;font-weight:600;position:relative}.detalle-pedido-header h2:after{content:"";position:absolute;bottom:-6px;left:0;width:50px;height:3px;background:linear-gradient(to right,#f05b41,#f78361)}.botones-navegacion{display:flex;gap:12px}.botones-navegacion button{padding:10px 18px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.3px}.btn-volver{background-color:#3498db;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px #0000001a}.btn-volver:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-volver:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.error-container .btn-volver{margin-top:15px;padding:12px 20px;font-size:15px}.btn-mesas{background-color:#2d3748;color:#fff}.btn-mesas:hover{background-color:#1a202c;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.info-pedido{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.pedido-meta,.cambiar-estado,.acciones-pedido{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #00000012;padding:20px 22px;border-top:3px solid #f05b41}.pedido-meta h3,.cambiar-estado h3{font-size:15px;font-weight:700;margin-top:0;margin-bottom:16px;color:#4a5568;text-transform:uppercase;letter-spacing:.6px;padding-bottom:10px;border-bottom:1px solid #f0f4f8}.pedido-meta p{margin:10px 0;display:flex;align-items:baseline;font-size:14px;line-height:1.5;gap:6px}.pedido-meta strong{min-width:90px;display:inline-block;color:#718096;font-weight:600;font-size:13px;flex-shrink:0}.info-pagos{margin-top:12px;padding:12px;border-radius:8px;background-color:#f8fafc;border:1px solid #e2e8f0}.info-pagos p{margin:6px 0!important}.cambiar-estado{display:flex;flex-direction:column}.opciones-estado{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.btn-estado{padding:8px 16px;background-color:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:20px;cursor:pointer;transition:all .2s ease;text-transform:capitalize;font-size:13px;font-weight:600;color:#4a5568}.btn-estado:hover:not(:disabled){background-color:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.btn-estado.actual{background-color:#2d3748;border-color:#2d3748;color:#fff;cursor:default}.acciones-pedido{display:flex;flex-direction:column;gap:10px;align-items:stretch}.acciones-pedido:before{content:"Acciones";font-size:15px;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:.6px;padding-bottom:10px;border-bottom:1px solid #f0f4f8;margin-bottom:4px;display:block}.btn-agregar-productos{width:100%;justify-content:center;padding:11px 16px;font-size:14px;font-weight:600;border-radius:8px;background-color:#f05b41;color:#fff;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-agregar-productos:hover{background-color:#dc4c34;transform:translateY(-2px);box-shadow:0 4px 10px #f05b414d}.btn-pagar-seleccionados{width:100%;justify-content:center;padding:11px 16px;font-size:14px;font-weight:600;border-radius:8px;background-color:#0ca8df;color:#fff;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-pagar-seleccionados:hover:not(:disabled){background-color:#0b95c8;transform:translateY(-2px);box-shadow:0 4px 10px #0b95c84d}.btn-pagar-seleccionados:disabled{background-color:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.btn-pagar-pedido{width:100%;justify-content:center;padding:11px 16px;font-size:14px;font-weight:600;border-radius:8px;background-color:#38a169;color:#fff;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-pagar-pedido:hover{background-color:#2f855a;transform:translateY(-2px);box-shadow:0 4px 10px #2f855a4d}.btn-cancelar{width:100%;justify-content:center;padding:11px 16px;background-color:#fff5f5;color:#e53e3e;border:1.5px solid #feb2b2;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}.btn-cancelar:hover{background-color:#e53e3e;border-color:#e53e3e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #e53e3e40}.productos-pedido{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:25px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.productos-pedido-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #f0f4f8}.productos-pedido-header h3{font-size:18px;margin:0;color:#1a202c;font-weight:700}.contador-productos{background-color:#f05b41;color:#fff;border-radius:20px;padding:3px 14px;font-size:13px;font-weight:600}.productos-pedido>h3{font-size:20px;margin-top:0;margin-bottom:20px;color:#1a202c;position:relative;padding-bottom:10px}.productos-pedido>h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:#f05b41}.tabla-productos{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden}.tabla-productos thead tr{background:linear-gradient(to right,#fff5f3,#fffaf9)}.tabla-productos th{color:#c05131;font-weight:700;text-align:left;padding:13px 16px;border-bottom:2px solid #fed7cc;font-size:13px;letter-spacing:.3px}.tabla-productos td{padding:13px 16px;border-bottom:1px solid #edf2f7;font-size:14px;vertical-align:middle}.tabla-productos tr:last-child td{border-bottom:none}.tabla-productos tbody tr:nth-child(2n){background-color:#fafbfc}.tabla-productos tbody tr:hover{background-color:#fff5f3}.producto-cancelado{text-decoration:line-through;opacity:.6;background-color:#f8f9fa}.acciones-producto{display:flex;gap:8px;flex-wrap:wrap}.botones-estado-producto{display:flex;gap:6px;flex-wrap:wrap}.btn-estado-producto{padding:7px 12px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12.5px;font-weight:500;transition:all .25s ease;white-space:nowrap;color:#4a5568;box-shadow:0 1px 2px #0000000d;position:relative;overflow:hidden;letter-spacing:.3px}.btn-estado-producto:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#e2e8f0;transform:scaleX(0);transition:transform .25s ease;transform-origin:left}.btn-estado-producto:hover{background-color:#edf2f7;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-estado-producto:hover:before{transform:scaleX(1);background-color:#718096}.btn-estado-producto:active{transform:translateY(0);background-color:#e2e8f0;box-shadow:0 1px 2px #0000000d}@media (max-width: 768px){.productos-pedido{margin-top:15px;padding:10px}.tabla-productos{min-width:580px;display:table}.tabla-productos th,.tabla-productos td{padding:10px 8px;white-space:nowrap}.tabla-productos thead th:nth-child(7),.tabla-productos tbody td:nth-child(7){display:none}.acciones-producto{min-width:130px;display:flex;flex-direction:column;gap:6px}.botones-estado-producto{display:flex;flex-wrap:wrap;gap:5px}.btn-estado-producto{padding:5px 8px;font-size:11px;flex:1;min-width:70px;text-align:center}.tiempos-producto{font-size:11px;min-width:150px}.tiempos-producto p{margin:2px 0}@media (min-width: 769px) and (max-width: 1024px){.desktop-only{display:none!important}.mobile-only{display:block!important}.tabla-productos thead th:nth-child(6),.tabla-productos tbody td:nth-child(6),.tabla-productos thead th:nth-child(7),.tabla-productos tbody td:nth-child(7){display:none}.acciones-col{min-width:150px!important}}.desktop-only{display:none!important}.mobile-only{display:block!important}.acciones-col{min-width:150px!important}.botones-estado-producto.mobile-only{width:100%}.fila-principal-mobile{display:flex;gap:6px;width:100%;margin-bottom:6px}.btn-estado-actual-mobile{flex:1;padding:6px 10px;background:#fff;border:1px solid #cbd5e0;border-radius:6px;font-size:12px;font-weight:600;color:#2d3748;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d;cursor:pointer}.btn-notas-producto-mobile{background:#f1f5f9;border:1px solid #cbd5e0;border-radius:6px;padding:6px 8px;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-notas-producto-mobile:active{background:#e2e8f0;transform:scale(.95)}.modal-overlay-estados{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.modal-contenido-estados{background:#fff;width:100%;max-width:320px;border-radius:16px;padding:24px;box-shadow:0 20px 40px #0000004d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header-estados{margin-bottom:20px;text-align:center}.modal-header-estados h4{margin:0 0 4px;font-size:18px;color:#1a202c}.modal-header-estados p{margin:0;font-size:12px;color:#718096;text-transform:uppercase;font-weight:600}.opciones-estados-lista{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.btn-menu-estado{width:100%;padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font-size:15px;font-weight:600;color:#2d3748;text-align:center;text-transform:capitalize;cursor:pointer;transition:all .2s}.btn-menu-estado strong{text-transform:capitalize}.btn-menu-estado:active{transform:scale(.98);background:#f0f7ff}.btn-menu-estado.estado-en_prep{border-left:5px solid #3182ce}.btn-menu-estado.estado-listo{border-left:5px solid #d69e2e}.btn-menu-estado.estado-entregado{border-left:5px solid #38a169}.btn-cerrar-modal-estados{width:100%;padding:12px;background:#fff5f5;color:#e53e3e;border:none;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer}.fila-acciones-secundarias{display:flex;gap:8px;width:100%}.btn-pagar-producto,.btn-cancelar-producto{flex:1;padding:10px;font-size:13px;font-weight:700}}.text-center{text-align:center!important}.mobile-only{display:none}.desktop-only{display:revert}.tabla-productos td,.tabla-productos th{vertical-align:middle!important}.btn-estado-producto.estado-en_prep{background-color:#ebf8ff;border-color:#90cdf4;color:#2b6cb0}.btn-estado-producto.estado-en_prep:hover{background-color:#3182ce;border-color:#3182ce;color:#fff}.btn-estado-producto.estado-listo{background-color:ivory;border-color:#f6e05e;color:#b7791f}.btn-estado-producto.estado-listo:hover{background-color:#d69e2e;border-color:#d69e2e;color:#fff}.btn-estado-producto.estado-entregado{background-color:#f0fff4;border-color:#9ae6b4;color:#276749}.btn-estado-producto.estado-entregado:hover{background-color:#38a169;border-color:#38a169;color:#fff}.btn-cancelar-producto{padding:6px 11px;background-color:#fff5f5;color:#e53e3e;border:1px solid #feb2b2;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap}.btn-cancelar-producto:hover{background-color:#e53e3e;border-color:#e53e3e;color:#fff}.btn-pagar-producto{padding:6px 11px;background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;white-space:nowrap}.btn-pagar-producto:hover{background:linear-gradient(135deg,#2f855a,#276749);transform:translateY(-1px);box-shadow:0 2px 6px #2f855a4d}.mensaje-exito{background-color:#38a169;color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;animation:fadeInOut 3s forwards;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #38a1694d}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#4a5568;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f}.alerta-estados{background-color:#fefcbf;color:#744210;padding:12px 16px;border-radius:8px;margin-bottom:15px;border:1px solid #f6e05e;font-size:14px}.alerta-estados p{margin:6px 0}.modal-cancelar{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1a202cb3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 25px #00000040;padding:30px;width:90%;max-width:500px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h3{margin-top:0;color:#1a202c;font-size:22px;margin-bottom:16px;position:relative;padding-bottom:10px}.modal-content h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:#f05b41}.input-motivo{width:100%;padding:14px;border:1px solid #e2e8f0;border-radius:8px;min-height:100px;margin:16px 0;font-family:inherit;resize:vertical;font-size:14px;transition:border-color .3s}.input-motivo:focus{border-color:#f05b41;outline:none;box-shadow:0 0 0 3px #f05b411a}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.btn-cancelar-accion{padding:10px 18px;background-color:#e2e8f0;color:#4a5568;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px}.btn-cancelar-accion:hover{background-color:#cbd5e0}.btn-confirmar{padding:10px 18px;background-color:#f44336;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px}.btn-confirmar:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-confirmar:disabled{background-color:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.btn-pagar-seleccionados{padding:10px 18px;background-color:#0ca8df;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px;display:flex;align-items:center;gap:5px}.btn-pagar-seleccionados:hover:not(:disabled){background-color:#0b95c8;transform:translateY(-2px);box-shadow:0 4px 8px #0b95c833}.btn-pagar-seleccionados:disabled{background-color:#e2e8f0;color:#a0aec0;cursor:not-allowed}.btn-pagar-pedido{padding:10px 18px;background-color:#38a169;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px;display:flex;align-items:center;gap:5px}.btn-pagar-pedido:hover{background-color:#2f855a;transform:translateY(-2px);box-shadow:0 4px 8px #2f855a33}.tabla-productos input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#f05b41;border-radius:4px}@media (max-width: 900px){.info-pedido{grid-template-columns:1fr 1fr}.acciones-pedido{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.acciones-pedido:before{display:none}.acciones-pedido button{flex:1;min-width:130px;width:auto!important}}@media (max-width: 768px){.detalle-pedido-container{padding:15px;border-radius:0}.detalle-pedido-header{flex-direction:column;align-items:flex-start;gap:15px}.botones-navegacion{width:100%}.botones-navegacion button{flex:1;justify-content:center}.info-pedido{grid-template-columns:1fr;gap:14px}.acciones-pedido{flex-direction:column;grid-column:auto}.acciones-pedido:before{display:block}.acciones-pedido button{width:100%!important;flex:none!important;min-width:auto}.tabla-productos{display:block;overflow-x:auto}.tabla-productos thead th:nth-child(7),.tabla-productos tbody td:nth-child(7){display:none}.tabla-productos th,.tabla-productos td{padding:10px;font-size:13px}.acciones-producto{flex-direction:column;align-items:flex-start;gap:6px}.botones-estado-producto{margin-top:4px;gap:4px}.btn-estado-producto{padding:5px 8px;font-size:11px}.modal-content{padding:20px;width:95%}}@media (max-width: 480px){.tabla-productos thead th:nth-child(4),.tabla-productos tbody td:nth-child(4){display:none}.detalle-pedido-header h2{font-size:20px}.pedido-meta h3,.cambiar-estado h3{font-size:14px}.detalle-pedido-container{padding:10px}.pedido-meta p{font-size:13px}}.metodo-pago-producto{font-size:12px;color:#718096;margin-left:5px}.pedido-meta .info-pagos p{margin:10px 0}.pedido-meta .info-pagos p:nth-child(2){font-weight:700;color:#f05b41}.agregar-productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid #f0f0f0;padding-bottom:15px}.agregar-productos-header h2{margin:0;font-size:24px;color:#333;font-weight:600}.agregar-productos-header .botones-navegacion{display:flex;align-items:center;gap:12px}.agregar-productos-header .btn-volver{background-color:#3498db;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.agregar-productos-header .btn-volver:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.agregar-productos-header{flex-direction:column;align-items:flex-start;gap:15px}.agregar-productos-header .botones-navegacion{width:100%}.agregar-productos-header .botones-navegacion button{flex:1;justify-content:center}}.btn-notas-producto{background-color:#fff;color:#fff;border:none;border-radius:4px;padding:5px 10px;margin:2px;cursor:pointer;font-size:16px;transition:background-color .3s}.btn-notas-producto:hover{background-color:#8a8a8a}.modal-notas{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;display:flex;justify-content:center;align-items:center}.input-nota{width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px}.notas-producto{font-style:italic;color:#666;margin-top:5px;font-size:.9em}.mensaje-error-inline{background-color:#fff5f5;color:#c53030;border:1px solid #feb2b2;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:500;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #c530301f;animation:fadeInOut 5s forwards}.mensaje-error-inline:before{content:"⚠️";font-size:16px;flex-shrink:0}.btn-agregar-al-pedido{background-color:#f05b41;color:#fff;padding:14px;width:100%;font-weight:600;font-size:16px;margin-top:20px;border-radius:8px;border:none;cursor:pointer;box-shadow:0 4px 10px #f05b4140;transition:all .3s ease}.btn-agregar-al-pedido:hover{background-color:#e04b33;transform:translateY(-2px);box-shadow:0 6px 15px #f05b414d}@media (max-width: 768px){.agregar-productos-container{padding:12px}.agregar-productos-container .resumen-pedido{max-height:none;order:-1}.agregar-productos-container .productos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:40vh}.btn-agregar-al-pedido{width:100%;padding:13px;font-size:15px}}@media (max-width: 480px){.agregar-productos-container .productos-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.buscador-productos{position:relative;margin-bottom:14px}.input-busqueda-producto{width:100%;padding:10px 36px 10px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;color:#2d3748;background-color:#f8fafc;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.input-busqueda-producto:focus{outline:none;border-color:#f05b41;box-shadow:0 0 0 3px #f05b411a;background-color:#fff}.input-busqueda-producto::placeholder{color:#a0aec0}.btn-limpiar-busqueda{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:#a0aec0;cursor:pointer;padding:0;box-shadow:none;line-height:1}.btn-limpiar-busqueda:hover{color:#718096;transform:translateY(-50%) scale(1.1);box-shadow:none}.mensaje-exito{background-color:#38a169;color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;animation:fadeInOut 3.5s forwards;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #38a1694d}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.inventario-container{padding:25px;max-width:1400px;margin:0 auto;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748;background-color:#f8fafc}.inventario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid #e2e8f0;padding-bottom:18px}.inventario-header h1{font-size:28px;margin:0;color:#1a202c;font-weight:600}.inventario-header nav button{padding:10px 18px;margin-left:8px;border:none;border-radius:8px;background-color:transparent;color:#4a5568;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.inventario-header nav button:hover{background-color:#f1f5f9;color:#1a202c}.inventario-header nav button.active{background-color:#fff;color:#f05b41;font-weight:600;box-shadow:0 2px 8px #00000012}.gestion-insumos,.estado-productos,.registrar-compra,.reporte-compras,.gestion-catalogo{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:25px;margin-bottom:20px}.gestion-insumos h2,.estado-productos h2,.registrar-compra h2,.reporte-compras h2,.gestion-catalogo h2{font-size:22px;margin-top:0;margin-bottom:12px;color:#1a202c;position:relative;padding-bottom:10px}.gestion-insumos h2:after,.estado-productos h2:after,.registrar-compra h2:after,.reporte-compras h2:after,.gestion-catalogo h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(to right,#f05b41,#f78361)}.gestion-insumos p,.estado-productos p,.registrar-compra p,.reporte-compras p,.gestion-catalogo p{color:#718096;margin-bottom:25px;font-size:15px}.insumos-table,.productos-estado-table,.compras-reporte-table,.catalogo-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden}.insumos-table th,.productos-estado-table th,.compras-reporte-table th,.catalogo-table th{background-color:#f8fafc;color:#4a5568;font-weight:600;text-align:left;padding:14px 16px;border-bottom:2px solid #e2e8f0;font-size:14px}.insumos-table td,.productos-estado-table .main-row td,.compras-reporte-table .main-row td,.catalogo-table td{padding:14px 16px;border-bottom:1px solid #edf2f7;font-size:14px;vertical-align:middle}.insumos-table tr:hover,.productos-estado-table .main-row:hover,.compras-reporte-table .main-row:hover,.catalogo-table tr:hover{background-color:#f9fafb}.insumos-table input{width:95%;padding:8px;border:1px solid #e2e8f0;border-radius:6px;transition:all .3s}.insumos-table input:focus{border-color:#f05b41;outline:none;box-shadow:0 0 0 3px #f05b411a}.insumos-table .low-stock td{background-color:#fed7d7;color:#c53030;font-weight:500}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.search-bar{flex-grow:1;max-width:450px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .3s}.search-bar:focus{border-color:#f05b41;outline:none;box-shadow:0 0 0 3px #f05b411a}.btn-crear-nuevo{padding:12px 20px;background:linear-gradient(to right,#f05b41,#f78361);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 2px 8px #f05b4133}.btn-crear-nuevo:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f05b414d}.btn-guardar,.btn-editar,.btn-eliminar-prod{padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:13px;transition:all .2s ease}.btn-guardar{background-color:#c6f6d5;color:#2f855a}.btn-guardar:hover{background-color:#9ae6b4}.btn-editar{background-color:#faf089;color:#b7791f}.btn-editar:hover{background-color:#f6e05e}.btn-eliminar-prod{background-color:#fed7d7;color:#c53030}.btn-eliminar-prod:hover{background-color:#fbb6b6}.btn-receta{background-color:#bee3f8;color:#2b6cb0}.btn-receta:hover{background-color:#90cdf4}.buscador-insumo{position:relative;flex:2;min-width:160px}.buscador-input{width:100%;padding:8px 10px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;box-sizing:border-box}.buscador-input:focus{outline:none;border-color:#f05b41;box-shadow:0 0 0 2px #f05b4126}.buscador-lista{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;list-style:none;margin:0;padding:4px 0}.buscador-item{padding:8px 12px;cursor:pointer;font-size:14px;color:#2d3748}.buscador-item:hover{background-color:#fff5f5;color:#f05b41}.buscador-vacio{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px;font-size:13px;color:#a0aec0;z-index:1000}.receta-edit-table{width:100%;border-collapse:collapse;margin-bottom:16px}.receta-edit-table th,.receta-edit-table td{padding:8px 12px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:14px}.receta-edit-table th{font-weight:600;background-color:#f7fafc;color:#4a5568}.agregar-insumo-row{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.agregar-insumo-row select{flex:2;min-width:160px;padding:8px 10px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px}.input-cantidad-receta{width:90px;padding:6px 8px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1a202cb3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 25px #00000040;padding:30px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:22px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.modal-content input,.modal-content textarea,.modal-content select{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{border-color:#f05b41;outline:none;box-shadow:0 0 0 3px #f05b411a}.modal-content textarea{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancelar,.btn-guardar-prod{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-cancelar{background-color:#e2e8f0;color:#4a5568}.btn-cancelar:hover{background-color:#cbd5e0}.btn-guardar-prod{background-color:#f05b41;color:#fff}.btn-guardar-prod:hover{background-color:#dc4c34}.productos-estado-table .critical-stock{background-color:#fed7d7}.productos-estado-table .col-expand{color:#f05b41;width:40px;text-align:center;font-size:1.5rem}.details-row td{padding:0!important}.insumos-details{padding:1.5rem 2rem 1.5rem 4rem}.insumos-details ul{list-style-type:none;padding:0}.insumos-details li{padding:.75rem;border-left:4px solid #cbd5e0;margin-bottom:.5rem}.insumos-details li.insumo-low{border-left-color:#e53e3e;background-color:#fff5f5}.alerta-minimo{font-weight:700;color:#e53e3e;margin-left:1rem}.filtros-container{display:flex;gap:1.5rem;align-items:flex-end;background-color:#f8fafc;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.filtro-item label{font-size:.875rem;color:#718096;margin-bottom:.25rem}.filtro-item input[type=date]{padding:10px;border:1px solid #e2e8f0;border-radius:6px}.btn-buscar{padding:10px 20px;background-color:#2d3748;color:#fff;border:none;border-radius:8px;cursor:pointer}.btn-buscar:hover{background-color:#1a202c}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.status-completado{background-color:#c6f6d5;color:#2f855a}.status-badge.status-pendiente{background-color:#feebc8;color:#975a16}.status-badge.status-cancelado{background-color:#fed7d7;color:#c53030}.compra-item{display:flex;gap:1rem;align-items:center;background-color:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e9ecef}.btn-agregar{background-color:#38a169;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.btn-eliminar{background-color:#e53e3e;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.btn-submit-compra{padding:12px 24px;background:linear-gradient(to right,#f05b41,#f78361);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;align-self:center;width:50%;margin-top:1rem}.btn-reporte{padding:12px 20px;background-color:#2d3748;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s ease;margin-left:10px}.btn-reporte:hover{background-color:#1a202c;transform:translateY(-2px)}.reporte-generado-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:25px;margin-top:30px;margin-bottom:30px}.reporte-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e2e8f0;padding-bottom:15px;margin-bottom:20px}.reporte-header h3{margin:0;font-size:20px;color:#1a202c}.reporte-header span{font-size:14px;color:#718096}.reporte-table{width:100%;border-collapse:collapse;margin-bottom:20px}.reporte-table th,.reporte-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #edf2f7}.reporte-table th{background-color:#f1f5f9;font-weight:600}.reporte-table td:last-child{font-weight:700;color:#f05b41}.no-data-reporte{text-align:center;padding:20px;font-size:16px;color:#2f855a;font-weight:500}.reporte-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.btn-excel,.btn-imprimir{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-excel{background-color:#2f855a;color:#fff}.btn-excel:hover{background-color:#276749}.btn-imprimir{background-color:#718096;color:#fff}.btn-imprimir:hover{background-color:#4a5568}.table-title-main{margin-top:40px;font-size:22px;color:#1a202c;border-top:1px solid #e2e8f0;padding-top:25px}.reporte-imprimible-container{display:block;padding:20px}.reporte-imprimible-container .reporte-header{border-bottom:2px solid #333;margin-bottom:20px}.reporte-imprimible-container .reporte-table{width:100%;border-collapse:collapse;font-size:12pt}.reporte-imprimible-container th,.reporte-imprimible-container td{border:1px solid #ccc;padding:8px;text-align:left}.reporte-imprimible-container th{background-color:#f2f2f2}.reporte-imprimible-container .reporte-footer{margin-top:20px;text-align:center;font-style:italic;font-size:10pt}.reporte-imprimible-container{display:none}.reporte-generado-container-preview{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:25px;margin-top:30px;margin-bottom:30px}@media print{#root>div:not(.inventario-container),.inventario-header,.toolbar,.insumos-table,.table-title-main,.reporte-generado-container-preview,.vista-principal{display:none!important}.reporte-imprimible-container{display:block!important;position:absolute;left:0;top:0;width:100%;margin:0;padding:0}.reporte-table{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.reporte-table .costo-total-item{font-weight:500;color:#2d3748}.reporte-table tfoot .total-row{background-color:#f8fafc;border-top:2px solid #e2e8f0}.reporte-table tfoot td{padding:14px 16px;font-weight:600;font-size:15px;text-align:right;color:#1a202c}.reporte-table tfoot .costo-total-general{color:#f05b41;font-size:16px}.fila-actualizada td{background-color:#d4edda!important;transition:background-color .5s ease-in-out}.insumos-table tbody tr td{transition:background-color .5s ease-in-out}.acciones-cell-multi{display:flex;gap:8px;justify-content:center;align-items:center}.btn-historial{background-color:#6c757d;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.btn-historial:hover{background-color:#5a6268}.btn-eliminar{background-color:#e74c3c;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.btn-eliminar:hover{background-color:#c0392b}.modal-hint{font-size:13px;color:#718096;margin:4px 0 12px}.modal-error{background-color:#fff5f5;border:1px solid #feb2b2;color:#c53030;border-radius:6px;padding:10px 14px;font-size:14px;margin-bottom:12px}.modal-historial{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:1rem;margin-bottom:1.5rem}.modal-header h2{margin:0}.btn-close-modal{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#6c757d}.historial-table{width:100%;border-collapse:collapse;margin-top:1rem}.historial-table th,.historial-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.historial-table th{background-color:#f8fafc}.historial-table .merma{color:#e53e3e;font-weight:700}.historial-table .ajuste-positivo{color:#38a169;font-weight:700}.no-data-historial{text-align:center;padding:2rem;color:#6c757d;font-style:italic}.registrar-compra .compra-form{display:flex;flex-direction:column;gap:25px}.form-group-compra{display:flex;flex-direction:column}.form-group-compra label{margin-bottom:8px;font-weight:500;color:#4a5568;font-size:14px}.form-group-compra input,.form-group-compra textarea{padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px}.form-group-compra input:focus,.form-group-compra textarea:focus{border-color:#f05b41;outline:none;box-shadow:0 0 0 3px #f05b411a}.insumos-comprados-title{font-size:18px;color:#1a202c;margin-top:10px;margin-bottom:0;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.items-container{display:flex;flex-direction:column;gap:20px}.compra-item-mejorado{display:grid;grid-template-columns:2fr 1fr 1fr 50px;gap:16px;align-items:flex-end;background-color:#edf2f7;border:1px solid #e2e8f0;padding:20px;border-radius:10px;position:relative}.input-group-compra{display:flex;flex-direction:column;width:100%;min-width:0}.input-group-compra label{font-size:13px;color:#718096;margin-bottom:6px}.input-group-compra input{padding:10px;border-radius:6px;width:100%;min-width:0;border:1px solid #cbd5e0}.buscador-insumo-container{position:relative;display:flex;flex-direction:column;width:100%;min-width:0}.buscador-insumo-container label{font-size:13px;color:#718096;margin-bottom:6px}.input-busqueda-insumo{padding:10px;border-radius:6px;width:100%;min-width:0;border:1px solid #cbd5e0}.input-busqueda-insumo:disabled{background-color:#e9ecef;cursor:not-allowed}.sugerencias-lista{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;list-style:none;padding:0;margin:0;z-index:10;box-shadow:0 4px 12px #0000001a}.sugerencias-lista li{padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.sugerencias-lista li:hover{background-color:#f1f5f9}.insumo-seleccionado-tag{display:inline-flex;align-items:center;background-color:#c6f6d5;color:#2f855a;padding:8px 12px;border-radius:20px;font-weight:500;margin-top:8px}.insumo-seleccionado-tag button{background:none;border:none;color:#2f855a;margin-left:8px;font-size:16px;font-weight:700;cursor:pointer}.btn-eliminar-item{background-color:#fed7d7;color:#c53030;border:none;border-radius:8px;height:42px;width:42px;font-size:20px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.btn-eliminar-item:hover{background-color:#fbb6b6}.btn-agregar-item{align-self:flex-start;padding:10px 18px;background-color:#e2e8f0;color:#2d3748;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-agregar-item:hover{background-color:#cbd5e0}.btn-submit-compra{align-self:center;width:40%;max-width:300px;margin-top:20px}@media (max-width: 768px){.inventario-container{padding:12px}.inventario-header{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:12px;margin-bottom:16px}.inventario-header h1{font-size:22px}.inventario-header nav{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;gap:4px;padding-bottom:4px}.inventario-header nav button{white-space:nowrap;flex-shrink:0;padding:8px 12px;font-size:13px;margin-left:0}.gestion-insumos,.estado-productos,.registrar-compra,.reporte-compras,.gestion-catalogo{padding:14px}.toolbar{flex-direction:column;align-items:stretch;gap:10px}.search-bar{max-width:100%;width:100%}.btn-crear-nuevo{width:100%;text-align:center}.insumos-table,.productos-estado-table,.compras-reporte-table,.catalogo-table,.reporte-table,.historial-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.compra-item-mejorado{grid-template-columns:1fr 1fr;gap:10px}.btn-eliminar-item{grid-column:1 / -1;width:100%;height:36px}.filtros-container{flex-direction:column;gap:10px}.btn-buscar{width:100%;padding:12px}.filtro-item{width:100%;min-width:0}.reporte-actions{flex-direction:column;gap:8px}.btn-excel,.btn-imprimir,.btn-reporte{width:100%;text-align:center}.btn-submit-compra{width:100%;max-width:100%;align-self:stretch}.modal-content{width:95%;padding:18px;max-height:92vh}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;gap:8px}.btn-cancelar,.btn-guardar-prod{width:100%;text-align:center;padding:12px}.acciones-cell-multi{flex-wrap:wrap;gap:4px}}@media (max-width: 480px){.inventario-header h1{font-size:18px}.inventario-header nav button{padding:7px 10px;font-size:12px}.gestion-insumos,.estado-productos,.registrar-compra,.reporte-compras,.gestion-catalogo{padding:10px}.compra-item-mejorado{grid-template-columns:1fr}.btn-eliminar-item{grid-column:auto;width:100%}.btn-guardar,.btn-editar,.btn-eliminar-prod,.btn-historial{padding:6px 10px;font-size:12px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:100%;max-width:500px;box-shadow:0 5px 20px #0003}.modal-content h2{margin-top:0;margin-bottom:25px;color:#333;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem}.form-group input[readonly]{background-color:#f0f0f0;cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.btn-primary,.btn-secondary{padding:12px 25px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#2ecc71;color:#fff}.btn-primary:hover{background-color:#27ae60}.btn-primary:disabled{background-color:#95a5a6;cursor:not-allowed}.btn-secondary{background-color:#718096;color:#fff}.btn-secondary:hover{background-color:#4a5568}.error-message{color:#e74c3c;text-align:center;font-weight:500;margin-top:15px}.form-group select{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;background-color:#fff;cursor:pointer}.form-group select:focus{outline:none;border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc7133}.aviso-pendientes{border-radius:10px;padding:16px 18px;margin-bottom:16px;border-width:1.5px;border-style:solid}.aviso-bloqueante{background-color:#fff5f5;border-color:#feb2b2}.aviso-bloqueante .aviso-pendientes-titulo{color:#c53030}.aviso-bloqueante .aviso-pendientes-desc{color:#742a2a}.aviso-bloqueante .lista-pendientes li{background-color:#fed7d7}.aviso-informativo{background-color:#fffbeb;border-color:#f6ad55}.aviso-informativo .aviso-pendientes-titulo{color:#b7791f}.aviso-informativo .aviso-pendientes-desc{color:#744210}.aviso-informativo .lista-pendientes li{background-color:#fef3c7}.aviso-pendientes-titulo{font-weight:700;font-size:15px;margin:0 0 6px;display:flex;align-items:center;gap:6px}.aviso-pendientes-desc{font-size:13px;margin:0 0 12px;line-height:1.4}.lista-pendientes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.lista-pendientes li{display:flex;align-items:center;gap:10px;border-radius:6px;padding:7px 12px;font-size:13px;flex-wrap:wrap}.pend-id{font-weight:700;min-width:90px}.pend-mesa{min-width:60px;color:#4a5568}.pend-estado{flex:1;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background-color:#00000014}.pend-total{font-weight:700;color:#f05b41;min-width:70px;text-align:right}.btn-primary:disabled{background-color:#e2e8f0!important;color:#718096!important;cursor:not-allowed;transform:none!important;box-shadow:none!important;opacity:1}@media (max-width: 480px){.pend-id,.pend-mesa{min-width:auto}}.cierre-exitoso-panel{text-align:center;padding:10px 0}.cierre-exitoso-icono{font-size:3rem;color:#2ecc71;background:#eafaf1;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.cierre-exitoso-panel h3{font-size:1.4rem;color:#27ae60;margin:0 0 6px}.cierre-exitoso-texto{color:#666;margin-bottom:20px;font-size:.95rem}#reporte-caja-imprimible{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px 24px;text-align:left;margin-bottom:16px;max-height:380px;overflow-y:auto}.reporte-encabezado{margin-bottom:16px;border-bottom:2px solid #f05b41;padding-bottom:10px}.reporte-encabezado h2{font-size:1.2rem;color:#f05b41;margin:0 0 6px}.reporte-encabezado p{margin:3px 0;font-size:.9rem;color:#555}.reporte-seccion-titulo{font-size:.95rem;color:#333;margin:14px 0 8px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eee;padding-bottom:4px}.reporte-tabla{width:100%;border-collapse:collapse;font-size:.88rem;margin-bottom:10px}.reporte-tabla th{background-color:#f5f5f5;color:#333;font-weight:600;text-align:left;padding:7px 10px;border-bottom:2px solid #ddd}.reporte-tabla td{padding:6px 10px;border-bottom:1px solid #f0f0f0;color:#444}.reporte-tabla-pagos{max-width:360px}.reporte-total-row td{background-color:#fef9f9;border-top:2px solid #f05b41;font-size:.95rem;color:#f05b41}.cierre-botones-reporte{display:flex;gap:12px;justify-content:center;margin-bottom:10px}.btn-reporte{padding:10px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-excel{background-color:#217346;color:#fff}.btn-excel:hover{background-color:#1a5c38;transform:translateY(-2px)}.btn-pdf{background-color:#c0392b;color:#fff}.btn-pdf:hover{background-color:#a93226;transform:translateY(-2px)}.modal-content-reporte{max-width:720px!important;width:95vw}@media print{body>*:not(#root){display:none!important}#root>*:not(.modal-backdrop){display:none!important}.modal-backdrop{position:static!important;background:none!important;display:block!important}.modal-content,.modal-content-reporte{box-shadow:none!important;border:none!important;max-width:100%!important;padding:0!important}.cierre-exitoso-icono,.cierre-exitoso-panel>h3,.cierre-exitoso-texto,.cierre-botones-reporte,.modal-actions,.modal-content>h2{display:none!important}#reporte-caja-imprimible{border:none!important;max-height:none!important;overflow:visible!important;padding:0!important}.reporte-tabla th,.reporte-tabla td{border:1px solid #ccc}.reporte-total-row td{border-top:2px solid #000}}.modal-content-asignacion{min-width:480px;max-width:600px}.asignacion-aviso{background:#fff8e1;border:1px solid #ffe082;color:#795548;border-radius:8px;padding:12px 16px;font-size:.9rem;margin:12px 0}.asignacion-exito{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32;border-radius:8px;padding:10px 16px;font-size:.9rem;margin:8px 0;text-align:center;font-weight:600}.asignacion-tabla{width:100%;border-collapse:collapse;margin-top:12px}.asignacion-tabla thead th{background:#f5f5f5;font-weight:700;text-align:left;padding:10px 14px;border-bottom:2px solid #e0e0e0;color:#555;font-size:.82rem;text-transform:uppercase;letter-spacing:.5px}.asignacion-tabla tbody tr{border-bottom:1px solid #f0f0f0;transition:background .15s}.asignacion-tabla tbody tr:hover{background:#fafafa}.asignacion-tabla tbody td{padding:12px 14px;vertical-align:middle}.asignacion-nombre-completo{font-weight:600;color:#333;font-size:.95rem}.asignacion-usuario{font-size:.78rem;color:#999;margin-top:2px}.asignacion-select{width:100%;padding:7px 10px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;color:#333;background:#fff;cursor:pointer;transition:border-color .2s}.asignacion-select:focus{outline:none;border-color:#f05b41;box-shadow:0 0 0 2px #f05b4126}.asignacion-select:disabled{opacity:.6;cursor:not-allowed}.asignacion-guardando{display:inline-block;margin-left:8px;font-size:.78rem;color:#f05b41;font-style:italic}.caja-container{padding:25px;font-family:Poppins,sans-serif;background-color:#f4f7f9}.caja-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:3px solid #f05b41;padding-bottom:12px;margin-bottom:16px}.caja-header h2{font-size:1.6rem;color:#333;margin:0;border:none;padding:0}.acciones-caja{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.caja-barra-piso{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.caja-piso-label{font-weight:600;color:#555;font-size:.9rem;white-space:nowrap}.panel-filtros{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #00000012;margin-bottom:25px;display:flex;flex-direction:column;gap:20px}.grupo-botones-piso,.grupo-botones-tipo{display:flex;gap:10px;flex-wrap:wrap}.btn-filtro-piso,.btn-filtro-tipo{padding:10px 20px;border:1px solid #ccc;background-color:#f8f8f8;color:#555;border-radius:20px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-filtro-piso:hover,.btn-filtro-tipo:hover{background-color:#e9e9e9;border-color:#bbb}.btn-filtro-piso.active,.btn-filtro-tipo.active{background-color:#f05b41;color:#fff;border-color:#f05b41;box-shadow:0 2px 5px #f05b414d}.grupo-botones-mesas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #eee}.grupo-label{font-weight:500;color:#555;margin-right:10px}.btn-filtro-mesa{width:40px;height:40px;border:2px solid #7f8c8d;background-color:#fff;color:#7f8c8d;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-filtro-mesa:hover{background-color:#ecf0f1;color:#34495e}.btn-filtro-mesa.active{background-color:#224861;color:#fff;border-color:#3498db}.filtros-secundarios{display:flex;gap:20px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #eee}.filtro-item{display:flex;flex-direction:column;flex:1;min-width:220px}.filtro-item label{margin-bottom:8px;font-weight:500;color:#555;font-size:.9rem}.filtro-item select,.filtro-item input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.lista-pedidos-caja{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.pedido-card-caja{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;padding:15px;cursor:pointer;transition:transform .2s,box-shadow .2s;border-left:5px solid}.pedido-card-caja:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.pedido-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.pedido-id{font-weight:600;font-size:1.1rem}.tipo-pedido{padding:4px 10px;border-radius:15px;font-size:.8rem;font-weight:600;color:#fff}.tipo-pedido.directo{background-color:#3498db}.tipo-pedido.mesa{background-color:#2ecc71}.pedido-card-body p{margin:5px 0;color:#666}.pedido-card-body strong{color:#333}.estado-pendiente{border-color:#f1c40f}.estado-preparacion{border-color:#3498db}.estado-listo{border-color:#2ecc71}.estado-entregado{border-color:#95a5a6}.estado-pagado{border-color:#1abc9c}.estado-cancelado{border-color:#e74c3c}.sin-pedidos{text-align:center;padding:50px;color:#777;font-style:italic;grid-column:1 / -1}.loading,.error-container{text-align:center;padding:50px;font-size:1.2rem}.caja-cerrada-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:60vh;background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 15px #00000012}.caja-cerrada-container h2{font-size:2.5rem;color:#e74c3c}.caja-cerrada-container p{font-size:1.2rem;color:#555;max-width:400px;margin:15px 0 30px}.btn-abrir-caja{padding:15px 40px;font-size:1.2rem;font-weight:600;color:#fff;background-color:#2ecc71;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-abrir-caja:hover{background-color:#27ae60;transform:translateY(-3px);box-shadow:0 4px 10px #0003}.mensaje-exito{background-color:#2ecc71;color:#fff;padding:15px;border-radius:8px;text-align:center;font-weight:500;margin-bottom:20px}.caja-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.caja-tab{padding:12px 28px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#777;margin-bottom:-2px;transition:color .2s,border-color .2s}.caja-tab:hover{color:#f05b41}.caja-tab.active{color:#f05b41;border-bottom-color:#f05b41;font-weight:600}.vista-mesas-caja{padding:10px 0}.leyenda-mesas-caja{display:flex;gap:24px;margin-bottom:18px;align-items:center}.leyenda-item{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#555}.dot{width:14px;height:14px;border-radius:50%;display:inline-block}.dot.libre{background-color:#2ecc71}.dot.ocupada{background-color:#e74c3c}.dot.reservada{background-color:#f39c12}.grid-mesas-caja{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.mesa-card-caja{background:#fff;border-radius:10px;padding:18px 12px;text-align:center;box-shadow:0 3px 10px #00000014;border-top:5px solid #ccc;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.mesa-card-caja.libre{border-top-color:#2ecc71}.mesa-card-caja.ocupada{border-top-color:#e74c3c;cursor:pointer}.mesa-card-caja.ocupada:hover{transform:translateY(-4px);box-shadow:0 6px 18px #00000024}.mesa-card-caja.reservada{border-top-color:#f39c12}.mesa-numero-caja{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:4px}.mesa-estado-caja{font-size:.8rem;color:#777;text-transform:capitalize}.mesa-mesero-caja{font-size:.75rem;color:#aaa;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-caja-activa{display:flex;align-items:center;gap:8px;background:#fff3f1;border:1px solid #f05b41;border-radius:8px;padding:6px 12px}.selector-caja-activa label{font-size:.85rem;font-weight:600;color:#f05b41;white-space:nowrap}.selector-caja-activa select{border:1px solid #f05b41;border-radius:6px;padding:4px 8px;font-size:.9rem;color:#333;background:#fff;cursor:pointer}.nombre-caja-activa{font-size:.9rem;font-weight:600;color:#f05b41;background:#fff3f1;border:1px solid #f05b41;border-radius:8px;padding:6px 12px}.btn-nueva-caja{padding:8px 14px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-nueva-caja:hover{background:#219150}.btn-asignar-cajeros{padding:8px 14px;background:#2980b9;color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-asignar-cajeros:hover{background:#2271a3}.vista-cuentas-caja{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000012;padding:24px;max-width:600px;margin:0 auto}.cuentas-header{margin-bottom:20px}.cuentas-header h3{font-size:1.3rem;color:#333;margin:0 0 6px;font-weight:700}.cuentas-caja-nombre{font-size:.9rem;color:#666;margin:4px 0 12px}.cuentas-fecha-apertura{font-size:.85rem;color:#999}.btn-refrescar-cuentas{background:#f05b41;color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-refrescar-cuentas:hover:not(:disabled){background:#d94e36}.btn-refrescar-cuentas:disabled{opacity:.6;cursor:not-allowed}.cuentas-contenido{margin-top:8px}.cuentas-tabla{width:100%;border-collapse:collapse;font-size:1rem}.cuentas-tabla thead th{background:#f5f5f5;font-weight:700;text-align:left;padding:10px 14px;border-bottom:2px solid #e0e0e0;color:#555;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.cuentas-tabla tbody tr:hover{background:#fafafa}.cuentas-tabla tbody td{padding:12px 14px;border-bottom:1px solid #f0f0f0;color:#333}.cuentas-metodo{display:flex;align-items:center;gap:10px;font-weight:500}.cuentas-icono-metodo{font-size:1.2rem}.cuentas-monto{font-size:1.05rem;font-weight:600;color:#2c3e50;text-align:right!important}.cuentas-total-row td{padding:14px;border-top:2px solid #f05b41;font-size:1.1rem;color:#f05b41}.cuentas-total-row td:last-child{text-align:right}.btn-cerrar-caja{padding:8px 14px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-cerrar-caja:hover{background:#c0392b}@media (max-width: 768px){.caja-container{padding:12px}.caja-header{flex-direction:column;align-items:flex-start}.caja-header h2{font-size:1.3rem}.acciones-caja{width:100%;justify-content:flex-start}.caja-barra-piso{margin-bottom:12px}.caja-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.caja-tab{padding:10px 16px;font-size:.9rem;white-space:nowrap;flex-shrink:0}.panel-filtros{padding:12px;gap:12px}.lista-pedidos-caja{grid-template-columns:1fr}.vista-cuentas-caja{padding:16px;max-width:100%}.filtro-item{min-width:100%}.btn-filtro-piso{padding:8px 14px;font-size:.85rem}.selector-caja-activa{width:100%}.grid-mesas-caja{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}}@media (max-width: 480px){.caja-header h2{font-size:1.15rem}.btn-nueva-caja,.btn-asignar-cajeros,.btn-cerrar-caja{font-size:.8rem;padding:6px 10px}.caja-tab{padding:8px 12px;font-size:.82rem}.caja-piso-label{font-size:.85rem}.btn-filtro-piso{padding:6px 12px;font-size:.8rem}}