:root{--primary-color: #00f5ff;--primary-glow: rgba(0, 245, 255, .3);--secondary-color: #ff00ff;--secondary-glow: rgba(255, 0, 255, .3);--accent-color: #7c3aed;--success-color: #10b981;--success-glow: rgba(16, 185, 129, .3);--danger-color: #ef4444;--danger-glow: rgba(239, 68, 68, .3);--warning-color: #f59e0b;--warning-glow: rgba(245, 158, 11, .3);--dark-bg: #0a0a0f;--card-bg: #1a1a24;--card-bg-hover: #252532;--header-bg: #12121a;--text-primary: #f0f0f5;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: #2d2d3d;--border-glow: rgba(0, 245, 255, .2);--hover-bg: #2a2a38;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-neon: 0 0 20px var(--primary-glow);--shadow-neon-secondary: 0 0 20px var(--secondary-glow)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--dark-bg);background-image:radial-gradient(circle at 20% 50%,rgba(124,58,237,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,245,255,.03) 0%,transparent 50%);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:300px!important;height:300px!important;background-image:url(/assets/img/logo.png)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;opacity:.04!important;pointer-events:none!important;z-index:0!important;overflow:visible!important}@media (max-width: 768px){body:before{width:200px!important;height:200px!important;opacity:.03!important}}@media (max-width: 480px){body:before{width:150px!important;height:150px!important;opacity:.02!important}}.header{background:var(--header-bg);background-image:linear-gradient(135deg,var(--header-bg) 0%,rgba(124,58,237,.1) 100%);padding:1.25rem;box-shadow:var(--shadow-md),0 4px 20px var(--primary-glow);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:1rem}.logo{height:72px!important;width:auto!important;object-fit:contain!important;display:block!important;opacity:1!important;position:relative!important;z-index:10!important;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 0 10px rgba(0,245,255,.5)) drop-shadow(0 0 20px rgba(0,245,255,.2));animation:logoPulse 3s ease-in-out infinite;border-radius:50%;padding:2px}.logo:hover{transform:scale(1.08);filter:drop-shadow(0 0 16px rgba(0,245,255,.8)) drop-shadow(0 0 32px rgba(124,58,237,.4))}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 8px rgba(0,245,255,.4)) drop-shadow(0 0 18px rgba(0,245,255,.15))}50%{filter:drop-shadow(0 0 16px rgba(0,245,255,.7)) drop-shadow(0 0 30px rgba(124,58,237,.35))}}.header-brand{display:flex;flex-direction:column;gap:.1rem}.header-tagline{font-size:.72rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.12em;font-weight:500}.title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#00f5ff 0%,#f1c40f 35%,#ff00ff 70%,#7c3aed 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;animation:titleShimmer 4s linear infinite;position:relative}@keyframes titleShimmer{0%{background-position:0% center}to{background-position:200% center}}.nav{display:flex;gap:.75rem}.nav-btn{background:rgba(0,245,255,.05);border:2px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1.1rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.78rem;font-weight:600;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:64px}.nav-icon{font-size:1.15rem;line-height:1}.nav-label{font-size:.7rem;font-weight:600;letter-spacing:.04em}.nav-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--primary-glow);transform:translate(-50%,-50%);transition:width .6s,height .6s}.nav-btn:hover:before{width:300px;height:300px}.nav-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-neon)}.nav-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:var(--dark-bg);border-color:var(--primary-color);box-shadow:var(--shadow-neon),0 4px 15px #00f5ff4d;font-weight:700;transform:translateY(-2px)}.nav-btn.active .nav-icon,.nav-btn.active .nav-label{color:var(--dark-bg)}.nav-btn.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:3px;background:var(--dark-bg);border-radius:3px 3px 0 0;opacity:.5}.main{max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative;z-index:2}.page{display:none}.page.active{display:block}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h2{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.status-indicators{display:flex;gap:1.5rem;align-items:center}.status{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--card-bg);border-radius:20px;border:2px solid var(--border-color)}.status.libre{color:var(--success-color);border-color:var(--success-color);box-shadow:0 0 10px var(--success-glow)}.status.ocupada{color:var(--danger-color);border-color:var(--danger-color);box-shadow:0 0 10px var(--danger-glow)}.status.con-saldo{color:var(--warning-color);border-color:var(--warning-color);box-shadow:0 0 10px var(--warning-glow)}.mesas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-top:2rem}.mesa-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:20px;padding:1rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;min-height:180px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mesa-card-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;z-index:10}.btn-icon{background:var(--card-bg-hover);border:2px solid var(--border-color);color:var(--text-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.1rem;padding:0}.btn-icon:hover{transform:scale(1.1);border-color:var(--primary-color);background:var(--primary-glow)}.btn-danger-icon:hover{border-color:var(--danger-color);background:var(--danger-glow);color:var(--danger-color)}.mesa-card-clickable{flex:1;cursor:pointer;padding:1.5rem .5rem 1rem;display:flex;flex-direction:column;justify-content:space-between}.mesa-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.1),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.mesa-card:hover:before{opacity:1}.mesa-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg)}.mesa-card.libre{border-color:var(--success-color);background:linear-gradient(135deg,var(--card-bg),rgba(16,185,129,.08));box-shadow:0 0 0 1px var(--success-glow),var(--shadow-sm)}.mesa-card.libre:hover{box-shadow:0 0 20px var(--success-glow),var(--shadow-lg);border-color:var(--success-color)}.mesa-card.ocupada{border-color:var(--danger-color);background:linear-gradient(135deg,var(--card-bg),rgba(239,68,68,.08));box-shadow:0 0 0 1px var(--danger-glow),var(--shadow-sm)}.mesa-card.ocupada:hover{box-shadow:0 0 20px var(--danger-glow),var(--shadow-lg);border-color:var(--danger-color)}.mesa-card.pedido_espera{border-color:#ef4444;background:linear-gradient(135deg,var(--card-bg),rgba(239,68,68,.12));box-shadow:0 0 0 2px #ef44444d,var(--shadow-sm);animation:pulse-red 2s ease-in-out infinite}.mesa-card.pedido_espera:hover{box-shadow:0 0 30px #ef444480,var(--shadow-lg);border-color:#ef4444}@keyframes pulse-red{0%,to{box-shadow:0 0 0 2px #ef44444d,var(--shadow-sm)}50%{box-shadow:0 0 0 4px #ef444480,0 0 20px #ef444466}}.mesa-card.en_atencion{border-color:#f59e0b;background:linear-gradient(135deg,var(--card-bg),rgba(245,158,11,.08));box-shadow:0 0 0 1px #f59e0b4d,var(--shadow-sm)}.mesa-card.en_atencion:hover{box-shadow:0 0 20px #f59e0b66,var(--shadow-lg);border-color:#f59e0b}.mesa-card.consumo_activo{border-color:#3b82f6;background:linear-gradient(135deg,var(--card-bg),rgba(59,130,246,.08));box-shadow:0 0 0 1px #3b82f64d,var(--shadow-sm)}.mesa-card.consumo_activo:hover{box-shadow:0 0 20px #3b82f666,var(--shadow-lg);border-color:#3b82f6}.mesa-card.cuenta_solicitada{border-color:#a855f7;background:linear-gradient(135deg,var(--card-bg),rgba(168,85,247,.08));box-shadow:0 0 0 1px #a855f74d,var(--shadow-sm)}.mesa-card.cuenta_solicitada:hover{box-shadow:0 0 20px #a855f766,var(--shadow-lg);border-color:#a855f7}.mesa-card.con-saldo{border-color:var(--warning-color);background:linear-gradient(135deg,var(--card-bg),rgba(245,158,11,.08));box-shadow:0 0 0 1px var(--warning-glow),var(--shadow-sm)}.mesa-card.con-saldo:hover{box-shadow:0 0 20px var(--warning-glow),var(--shadow-lg);border-color:var(--warning-color)}.mesa-numero{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.mesa-nombre{font-size:.95rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.mesa-estado{font-size:.9rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;padding:.4rem .8rem;border-radius:20px;display:inline-block}.mesa-card.libre .mesa-estado{background:var(--success-glow);color:var(--success-color);box-shadow:0 0 10px var(--success-glow)}.mesa-card.ocupada .mesa-estado{background:var(--danger-glow);color:var(--danger-color);box-shadow:0 0 10px var(--danger-glow)}.mesa-card.pedido_espera .mesa-estado{background:rgba(239,68,68,.2);color:#ef4444;box-shadow:0 0 15px #ef44444d}.mesa-card.en_atencion .mesa-estado{background:rgba(245,158,11,.2);color:#f59e0b;box-shadow:0 0 10px #f59e0b4d}.mesa-card.consumo_activo .mesa-estado{background:rgba(59,130,246,.2);color:#3b82f6;box-shadow:0 0 10px #3b82f64d}.mesa-card.cuenta_solicitada .mesa-estado{background:rgba(168,85,247,.2);color:#a855f7;box-shadow:0 0 10px #a855f74d}.mesa-card.con-saldo .mesa-estado{background:var(--warning-glow);color:var(--warning-color);box-shadow:0 0 10px var(--warning-glow)}.mesa-total{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.productos-search-section{margin-bottom:1.5rem;margin-top:-.5rem}.search-input-wrapper{display:flex;gap:.8rem;align-items:center}.search-input{flex:1;max-width:500px}.productos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1rem;margin-top:1rem}.producto-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.2rem;display:flex;justify-content:space-between;align-items:stretch;transition:all .3s ease;gap:1rem}.producto-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00f5ff26;transform:translateY(-2px)}.producto-info{flex:1;display:flex;flex-direction:column;gap:.6rem}.producto-precios{display:flex;gap:1.5rem;flex-wrap:wrap}.producto-precio-venta,.producto-precio-compra{display:flex;flex-direction:column;gap:.15rem}.precio-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:500;letter-spacing:.05em}.producto-precio-venta .precio-valor{font-size:1.3rem;font-weight:700;color:var(--primary-color)}.producto-precio-compra .precio-valor{font-size:1rem;font-weight:600;color:var(--text-secondary)}.producto-ganancia-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;align-self:flex-start}.badge-icon{font-size:.9rem}.ganancia-alta{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:var(--success-color)}.ganancia-media{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:var(--warning-color)}.ganancia-baja{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:var(--danger-color)}.producto-nombre{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.producto-precio{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.producto-ganancia{font-size:.85rem;color:var(--success-color)}.producto-acciones{display:flex;gap:.5rem;flex-shrink:0}.producto-estado{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:uppercase}.producto-estado.activo{background:var(--success-color);color:#fff}.producto-estado.inactivo{background:var(--danger-color);color:#fff}.cierre-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.cierre-calendar-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.cierre-calendar-section h3{color:var(--primary-color);margin-bottom:1rem}.cierre-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-top:1rem}.calendar-day-header{text-align:center;font-weight:700;color:var(--text-secondary);padding:.5rem;font-size:.9rem}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;background:var(--dark-bg)}.calendar-day:hover{border-color:var(--primary-color);transform:scale(1.05)}.calendar-day.has-cierre{background:rgba(39,174,96,.2);border-color:var(--success-color)}.calendar-day.today{border-color:var(--primary-color);background:rgba(212,175,55,.2)}.calendar-day-number{font-weight:700;font-size:.9rem}.calendar-day-amount{font-size:.7rem;color:var(--primary-color);margin-top:.25rem}.calendar-day.has-cierre .calendar-day-amount{color:var(--success-color)}.cierre-stats-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.cierre-stats-section h3{color:var(--primary-color);margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.cierre-list-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.cierre-list-section h3{color:var(--primary-color);margin-bottom:1rem}.cierres-list{display:grid;gap:1rem;margin-top:2rem}.cierre-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.cierre-card:hover{border-color:var(--primary-color)}.cierre-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cierre-fecha{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.cierre-total{font-size:1.1rem;color:var(--text-primary)}.cierre-detalles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:.5rem}.cierre-mesas-info{margin-top:.75rem;padding:.5rem;background:var(--hover-bg);border-radius:4px;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.cierre-venta-extrema{color:var(--primary-color);font-weight:700}.cierre-resumen-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.resumen-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.resumen-card h4{margin:0 0 1rem;color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.resumen-card p{margin:.5rem 0;display:flex;justify-content:space-between}.cierre-tablas-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.tabla-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.tabla-section h4{margin:0 0 1rem;color:var(--text-primary);text-align:center}.detalle-table{width:100%;border-collapse:collapse;font-size:.9rem}.detalle-table th,.detalle-table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.detalle-table th{background:var(--hover-bg);font-weight:700;color:var(--text-primary)}.detalle-table tbody tr:hover{background:var(--hover-bg)}@media (max-width: 768px){.cierre-tablas-container{grid-template-columns:1fr}.detalle-table{font-size:.8rem}.detalle-table th,.detalle-table td{padding:.3rem}}.cierre-detalle{text-align:center}.cierre-detalle-label{font-size:.9rem;color:var(--text-secondary)}.cierre-detalle-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.btn{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--dark-bg);border:none;padding:1rem 2rem;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-neon),var(--shadow-sm);position:relative;overflow:hidden;min-width:140px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 30px var(--primary-glow),var(--shadow-md)}.btn:active{transform:translateY(-1px) scale(.98)}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--card-bg-hover);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 15px var(--primary-glow),var(--shadow-sm)}.btn-danger{background:linear-gradient(135deg,var(--danger-color),#dc2626);color:#fff;box-shadow:0 0 15px var(--danger-glow),var(--shadow-sm)}.btn-danger:hover{box-shadow:0 0 30px var(--danger-glow),var(--shadow-md)}.btn-success{background:linear-gradient(135deg,var(--success-color),#059669);color:#fff;box-shadow:0 0 15px var(--success-glow),var(--shadow-sm)}.btn-success:hover{box-shadow:0 0 30px var(--success-glow),var(--shadow-md)}.btn-warning{background:linear-gradient(135deg,var(--warning-color),#d97706);color:#fff;box-shadow:0 0 15px var(--warning-glow),var(--shadow-sm)}.btn-warning:hover{box-shadow:0 0 30px var(--warning-glow),var(--shadow-md)}.btn-sm{padding:.6rem 1.2rem;font-size:.85rem;min-width:100px;border-radius:10px}.mesa-title-container{display:flex;align-items:center;gap:.5rem}.mesa-nombre{font-size:1rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:500}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal.show{display:flex;justify-content:center;align-items:center}.modal-content{background:var(--card-bg);background-image:linear-gradient(135deg,var(--card-bg) 0%,rgba(124,58,237,.05) 100%);border:2px solid var(--border-color);border-radius:24px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideIn .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg),0 0 40px var(--primary-glow)}@keyframes slideIn{0%{transform:translateY(-50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,rgba(0,245,255,.05),rgba(124,58,237,.05))}.modal-header h3{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mesa-header-info{display:flex;flex-direction:column;gap:.75rem;flex:1}.mesa-estado-control{display:flex;align-items:center;gap:.75rem}.estado-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.estado-select{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:180px}.estado-select:hover{border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-glow)}.estado-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 15px var(--primary-glow)}.modal-close{background:var(--danger-glow);border:2px solid var(--danger-color);color:var(--danger-color);font-size:1.5rem;cursor:pointer;transition:all .3s ease;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.modal-close:hover{background:var(--danger-color);color:#fff;transform:rotate(90deg);box-shadow:0 0 20px var(--danger-glow)}.modal-body{padding:2rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:2rem;border-top:2px solid var(--border-color);background:linear-gradient(135deg,rgba(0,0,0,.2),transparent)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.input,.select{width:100%;padding:1rem 1.25rem;background:var(--dark-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.input::placeholder{color:var(--text-muted);font-weight:400}.input.producto-search{width:100%;max-width:500px;font-size:1.15rem;padding:1.1rem 1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--dark-bg),rgba(0,245,255,.03))}.input.producto-search-subcuenta{width:100%;max-width:400px;font-size:1.05rem;padding:1rem 1.25rem;margin-bottom:.5rem}.input:focus,.select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow),var(--shadow-sm);background:linear-gradient(135deg,var(--dark-bg),rgba(0,245,255,.05));transform:translateY(-1px)}.input:hover,.select:hover{border-color:var(--border-glow)}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5rem;padding-right:3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cuenta-section,.subcuentas-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h4{color:var(--primary-color)}.add-product-section{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.productos-list-modal{background:var(--dark-bg);border-radius:8px;padding:1rem;margin-bottom:1rem;max-height:200px;overflow-y:auto}.producto-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid var(--border-color)}.producto-item:last-child{border-bottom:none}.producto-acciones{display:flex;gap:.5rem}.btn-xs{padding:.25rem .5rem;font-size:.7rem}.subcuentas-list{display:grid;gap:1.5rem}.subcuenta-card{background:linear-gradient(135deg,var(--dark-bg),rgba(255,0,255,.03));border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.subcuenta-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--secondary-color),var(--accent-color));box-shadow:0 0 10px var(--secondary-glow)}.subcuenta-card:hover{border-color:var(--secondary-color);transform:translate(5px);box-shadow:0 0 20px var(--secondary-glow),var(--shadow-md)}.subcuenta-card.facturada{background:linear-gradient(135deg,rgba(39,174,96,.1),rgba(39,174,96,.02));border-color:#27ae604d;opacity:.85}.subcuenta-card.facturada:before{background:linear-gradient(180deg,#27ae60,#2ecc71);box-shadow:0 0 10px #27ae6080}.subcuenta-card.facturada:hover{transform:none;border-color:#27ae604d}.estado-facturada{display:inline-block;background:#27ae60;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.subcuenta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.subcuenta-nombre-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex:1}.subcuenta-nombre{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.5px;flex:1}.subcuenta-acciones-header{display:flex;gap:.5rem;align-items:center}.subcuenta-acciones-header .btn{min-width:36px;height:36px;padding:.4rem .6rem;font-size:1rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.subcuenta-acciones-header .btn-secondary{background:rgba(124,58,237,.2);border:1px solid var(--accent-color)}.subcuenta-acciones-header .btn-secondary:hover{background:var(--accent-color);transform:scale(1.1);box-shadow:0 0 15px #7c3aed80}.subcuenta-acciones-header .btn-danger{background:rgba(239,68,68,.2);border:1px solid var(--danger-color)}.subcuenta-acciones-header .btn-danger:hover{background:var(--danger-color);transform:scale(1.1);box-shadow:0 0 15px #ef444480}.subcuenta-total{color:var(--text-primary);font-weight:800;font-size:1.3rem;text-shadow:0 0 10px var(--secondary-glow)}.totales-section{background:linear-gradient(135deg,var(--dark-bg),rgba(0,245,255,.05));border-radius:16px;padding:1.5rem;margin-top:1.5rem;border:2px solid var(--border-color);box-shadow:inset 0 2px 10px #0000004d}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:var(--card-bg);border-radius:10px;transition:all .3s ease}.total-row:hover{background:var(--card-bg-hover);transform:translate(5px)}.total-row span:first-child{font-weight:600;color:var(--text-secondary);font-size:1rem}.total-row.grand-total{border:2px solid var(--primary-color);background:linear-gradient(135deg,var(--card-bg),rgba(0,245,255,.1));padding:1.25rem 1.5rem;margin-top:1rem;box-shadow:0 0 20px var(--primary-glow)}.total-row.grand-total span:first-child{font-weight:800;color:var(--text-primary);font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.total{font-weight:800;color:var(--primary-color);font-size:1.3rem;text-shadow:0 0 10px var(--primary-glow)}.total-row.grand-total .total{font-size:1.8rem}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center}.nav{flex-wrap:wrap;justify-content:center}.page-header{flex-direction:column;text-align:center}.mesas-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.add-product-section{grid-template-columns:1fr;gap:.5rem}.modal-content{width:95%;margin:1rem}.producto-card{flex-direction:column;align-items:flex-start;gap:1rem}.producto-acciones{width:100%;justify-content:flex-end}}@media (max-width: 480px){.title{font-size:1.5rem}.nav-btn{font-size:.7rem;padding:.4rem .6rem;min-width:52px}.nav-icon{font-size:1rem}.nav-label{font-size:.62rem}.mesas-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.mesa-numero{font-size:1.5rem}.cierre-detalles{grid-template-columns:1fr}}.loading{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.producto-search-container{position:relative;width:100%;margin-bottom:.5rem}.input.producto-search{width:100%;min-width:300px;font-size:1rem;padding:.75rem}.product-controls-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.product-controls-row .input{flex:1;min-width:120px}.product-controls-row .btn{flex-shrink:0}.deudores-list{display:grid;gap:1rem;margin-top:2rem}.deudor-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.deudor-card:hover{border-color:var(--primary-color)}.deudor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.deudor-nombre{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.deudor-deuda{font-size:1.1rem;color:var(--danger-color);font-weight:700}.deudor-detalles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.deudor-detalle{text-align:center}.deudor-detalle-label{font-size:.9rem;color:var(--text-secondary)}.deudor-detalle-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.deudor-acciones{display:flex;gap:.5rem;margin-top:1rem;justify-content:flex-end}.ganancia-display{font-size:1.2rem;font-weight:700;color:var(--success-color);text-align:center;padding:.5rem;background:var(--dark-bg);border-radius:8px}.varios-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.cliente-detalle{font-size:.9rem;color:var(--text-secondary)}.search-advanced{position:relative}.search-global-results{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 4px 15px #0000004d}.search-global-result{padding:1rem;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border-color)}.search-global-result:last-child{border-bottom:none}.search-global-result:hover{background:var(--hover-bg)}.search-result-type{font-size:.8rem;color:var(--primary-color);text-transform:uppercase;margin-bottom:.25rem}.search-result-title{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.search-result-details{font-size:.9rem;color:var(--text-secondary)}.report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;align-items:end}.reporte-resultados{background:var(--dark-bg);border-radius:8px;padding:1.5rem;margin-top:1rem}.reporte-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.reporte-titulo{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.reporte-fecha{color:var(--text-secondary)}.reporte-metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.reporte-metrica{text-align:center;padding:1rem;background:var(--card-bg);border-radius:8px}.metrica-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.metrica-valor{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.total-display,.deuda-display{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-align:center;padding:1rem;background:var(--dark-bg);border-radius:8px}.deudor-info{font-size:1.1rem;font-weight:700;color:var(--text-primary);padding:.5rem;background:var(--dark-bg);border-radius:8px}.no-data{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.ventas-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.ventas-historial{display:grid;gap:1rem;margin-top:2rem}.venta-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.venta-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.venta-info{display:flex;align-items:center;gap:1rem}.venta-mesa{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.venta-fecha{color:var(--text-secondary);font-size:.9rem}.venta-totales{display:flex;gap:1rem;align-items:center}.venta-margen{font-size:.9rem;color:var(--text-secondary)}.venta-subcuenta{background:var(--hover-bg);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:var(--primary-color)}.venta-produto-info{flex:1}.venta-producto-nombre{font-weight:500;margin-bottom:.25rem}.venta-producto-detalles{font-size:.85rem;color:var(--text-secondary)}.venta-producto-precios{display:flex;gap:1rem;align-items:center;font-size:.9rem}.venta-producto-subtotal{font-weight:700;color:var(--text-primary)}.venta-producto-ganancia{color:var(--success-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--dark-bg);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .3s ease}.pagination button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .active{background:var(--primary-color);color:var(--secondary-color);border-color:var(--primary-color)}.pagination-info{color:var(--text-secondary);font-size:.9rem}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;max-width:300px;z-index:2000;animation:slideInRight .3s ease}.toast.success{border-color:var(--success-color);background:rgba(39,174,96,.1)}.toast.error{border-color:var(--danger-color);background:rgba(231,76,60,.1)}.toast.warning{border-color:var(--warning-color);background:rgba(243,156,18,.1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ventas-filters{display:flex;gap:1rem;align-items:flex-end;margin-bottom:2rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.date-input{min-width:160px}.ventas-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,var(--card-bg),var(--dark-bg));border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));opacity:.7}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 10px 30px var(--primary-glow),var(--shadow-lg)}.stat-card.stat-ventas:before{background:linear-gradient(90deg,#00f5ff,#00d4ff)}.stat-card.stat-ganancias:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.stat-transacciones:before{background:linear-gradient(90deg,#ff00ff,#d946ef)}.stat-card.stat-productos:before{background:linear-gradient(90deg,#7c3aed,#a855f7)}.stat-icon{font-size:3rem;filter:drop-shadow(0 0 10px var(--primary-glow))}.stat-info{flex:1}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:800;text-shadow:0 0 10px var(--primary-glow)}.ventas-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.ventas-section h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.productos-top-list{display:grid;gap:1rem}.producto-top-item{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.producto-top-item:hover{border-color:var(--secondary-color);transform:translate(5px);background:var(--card-bg-hover)}.producto-top-info{display:flex;align-items:center;gap:1rem;flex:1}.producto-top-rank{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));color:var(--dark-bg);font-weight:800;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.producto-top-details{flex:1}.producto-top-nombre{font-weight:700;color:var(--text-primary);font-size:1.1rem;margin-bottom:.25rem}.producto-top-cantidad{color:var(--text-secondary);font-size:.9rem}.producto-top-stats{text-align:right}.producto-top-total{font-weight:800;color:var(--primary-color);font-size:1.2rem;margin-bottom:.25rem}.producto-top-ganancia{color:var(--success-color);font-size:.9rem}.ventas-historial-list{display:grid;gap:1rem}.venta-item{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem;transition:all .3s ease}.venta-item:hover{border-color:var(--primary-color);background:var(--card-bg-hover)}.venta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.venta-info-left{display:flex;flex-direction:column;gap:.25rem}.venta-mesa{font-weight:700;color:var(--text-primary);font-size:1.1rem}.venta-fecha{color:var(--text-secondary);font-size:.85rem}.venta-info-right{text-align:right}.venta-total{font-weight:800;color:var(--primary-color);font-size:1.3rem;margin-bottom:.25rem}.venta-ganancia{color:var(--success-color);font-size:.9rem}.venta-productos{display:grid;gap:.5rem}.venta-producto-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--card-bg);border-radius:6px}.venta-producto-nombre{color:var(--text-secondary);font-size:.9rem}.venta-producto-cantidad{color:var(--text-primary);font-weight:600}.venta-producto-subtotal{color:var(--primary-color);font-weight:700}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-text{font-size:1.1rem}.page-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:.5rem;font-weight:400}.guardados-filters{display:flex;gap:1rem;align-items:flex-end;margin-bottom:2rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.guardados-list{display:grid;gap:1.5rem}.guardado-item{background:linear-gradient(135deg,var(--card-bg),rgba(124,58,237,.05));border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.guardado-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--secondary-color))}.guardado-item.consumido{opacity:.6;border-color:var(--success-color)}.guardado-item.consumido:before{background:var(--success-color)}.guardado-item:hover:not(.consumido){border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 10px 30px #7c3aed4d,var(--shadow-lg)}.guardado-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.guardado-cliente-info{display:flex;flex-direction:column;gap:.25rem}.guardado-cliente-nombre{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guardado-fecha{color:var(--text-secondary);font-size:.85rem}.guardado-total{text-align:right}.guardado-total-valor{font-weight:800;color:var(--primary-color);font-size:1.5rem;margin-bottom:.25rem}.guardado-estado{font-size:.85rem;padding:.25rem .75rem;border-radius:20px;font-weight:600}.guardado-estado.pendiente{background:rgba(124,58,237,.2);color:var(--accent-color)}.guardado-estado.consumido{background:rgba(16,185,129,.2);color:var(--success-color)}.guardado-productos{display:grid;gap:.75rem;margin-bottom:1.5rem}.guardado-producto-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.guardado-producto-nombre{color:var(--text-primary);font-weight:600;font-size:1rem}.guardado-producto-cantidad{color:var(--text-secondary);font-size:.9rem}.guardado-producto-precio{color:var(--primary-color);font-weight:700}.btn-accent{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));color:#fff;border:none;font-weight:600}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 5px 20px #7c3aed80}.mesas-search-section{margin-bottom:2rem}.search-input-wrapper{display:flex;gap:1rem;align-items:center;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.search-input{flex:1;font-size:1rem}.deudores-filters{display:flex;gap:1rem;align-items:flex-end;margin-bottom:2rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.deudores-list{display:grid;gap:1.5rem}.deudor-item{background:linear-gradient(135deg,var(--card-bg),rgba(239,68,68,.05));border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.deudor-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--danger-color),var(--warning-color))}.deudor-item.pagado{opacity:.6;border-color:var(--success-color)}.deudor-item.pagado:before{background:var(--success-color)}.deudor-item:hover:not(.pagado){border-color:var(--danger-color);box-shadow:0 8px 24px #ef444433;transform:translateY(-2px)}.deudor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.deudor-cliente-info{flex:1}.deudor-nombre{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.deudor-fecha{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.deudor-mesa{font-size:.9rem;color:var(--primary-color);font-weight:600;margin-top:.5rem}.deudor-monto-container{text-align:right}.deudor-monto{font-size:1.75rem;font-weight:800;color:var(--danger-color);margin-bottom:.5rem}.deudor-item.pagado .deudor-monto{color:var(--success-color)}.deudor-estado{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.deudor-estado.pendiente{background:rgba(239,68,68,.1);color:var(--danger-color);border:1px solid var(--danger-color)}.deudor-estado.pagado{background:rgba(16,185,129,.1);color:var(--success-color);border:1px solid var(--success-color)}.deudor-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.clientes-search{margin-bottom:2rem}.clientes-list{display:grid;gap:1.5rem}.cliente-card{background:linear-gradient(135deg,var(--card-bg),rgba(0,245,255,.05));border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cliente-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));pointer-events:none}.cliente-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #00f5ff33;transform:translateY(-2px)}.cliente-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cliente-info{flex:1}.cliente-nombre{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.cliente-contacto{display:flex;gap:1.5rem;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.cliente-notas{font-size:.875rem;color:var(--text-muted);font-style:italic;margin-top:.5rem;padding:.5rem;background:rgba(0,0,0,.2);border-radius:8px}.cliente-fecha{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.cliente-actions{display:flex;gap:.5rem}.producto-search-wrapper{position:relative;flex:1}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:2px solid var(--primary-color);border-radius:8px;margin-top:.5rem;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #00000080}.search-result-item{padding:1rem;cursor:pointer;transition:background .2s ease;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.search-result-item:hover:not(.no-results){background:var(--card-bg-hover)}.search-result-item.no-results{cursor:default;text-align:center;color:var(--text-secondary)}.search-result-nombre{font-weight:600;color:var(--text-primary)}.search-result-precio{color:var(--primary-color);font-weight:700}.ventas-pendientes-list{display:grid;gap:1rem}.ventas-pendientes-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.resumen-item{background:linear-gradient(135deg,var(--card-bg),rgba(139,92,246,.1));border:2px solid var(--border-color);border-radius:12px;padding:1.25rem;text-align:center;transition:all .3s ease}.resumen-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #8b5cf633;transform:translateY(-2px)}.resumen-destacado{background:linear-gradient(135deg,var(--card-bg),rgba(245,158,11,.15));border-color:var(--warning-color)}.resumen-destacado:hover{border-color:var(--warning-color);box-shadow:0 4px 16px #f59e0b4d}.resumen-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.resumen-destacado .resumen-valor{color:var(--warning-color)}.ventas-pendientes-lista{display:grid;gap:1rem}.venta-pendiente-item{background:linear-gradient(135deg,var(--card-bg),rgba(255,0,255,.05));border:2px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .3s ease}.venta-pendiente-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--warning-color),var(--secondary-color));pointer-events:none}.venta-pendiente-item{position:relative}.venta-pendiente-item:hover{border-color:var(--warning-color);box-shadow:0 6px 20px #f59e0b33;transform:translateY(-2px)}.venta-pendiente-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.venta-pendiente-mesa{display:flex;gap:.75rem;align-items:center}.mesa-badge{background:var(--primary-color);color:var(--dark-bg);padding:.5rem 1rem;border-radius:20px;font-weight:800;font-size:1.1rem}.mesa-nombre-badge{background:rgba(124,58,237,.2);color:var(--accent-color);padding:.4rem .9rem;border-radius:16px;font-weight:600;font-size:.9rem;border:1px solid var(--accent-color)}.venta-pendiente-total{text-align:right}.total-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.total-valor{font-size:1.75rem;font-weight:800;color:var(--warning-color)}.venta-pendiente-info{display:flex;gap:1.5rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.info-item{display:flex;align-items:center;gap:.25rem}.venta-pendiente-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.producto-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.02);border-radius:8px;margin-bottom:.5rem;transition:background .2s ease}.producto-item:hover{background:rgba(255,255,255,.05)}.producto-item-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.producto-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.cantidad-editable{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.btn-cantidad{background:var(--card-bg-hover);border:2px solid var(--primary-color);color:var(--primary-color);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem;font-weight:700;padding:0}.btn-cantidad:hover{background:var(--primary-color);color:var(--dark-bg);transform:scale(1.1);box-shadow:0 0 10px var(--primary-glow)}.btn-cantidad:active{transform:scale(.95)}.cantidad-valor{min-width:30px;text-align:center;font-weight:700;font-size:1.1rem;color:var(--primary-color);padding:0 .5rem}.producto-notas{color:var(--text-secondary);font-style:italic;display:block;margin-top:.25rem}.producto-subtotal{font-size:1.1rem;color:var(--success-color);margin-bottom:.5rem}.producto-acciones{display:flex;gap:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ganancia-preview{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(0,245,255,.05));border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1rem}.ganancia-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.95rem;color:var(--text-secondary)}.ganancia-valor{font-weight:800;font-size:1.1rem;color:var(--success-color)}.ganancia-porcentaje{font-weight:700;font-size:1rem}.producto-precios{display:flex;gap:1rem;align-items:center;margin-top:.25rem;flex-wrap:wrap}.producto-precio-compra{font-size:.9rem;color:var(--text-secondary)}.producto-ganancia-badge{font-size:.85rem;font-weight:700;padding:.15rem .5rem;border-radius:6px}.producto-ganancia-badge.positiva{background:rgba(16,185,129,.15);color:var(--success-color)}.producto-ganancia-badge.negativa{background:rgba(239,68,68,.15);color:var(--danger-color)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.cierre-card-detailed{border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.cierre-card-detailed .cierre-header{background:linear-gradient(135deg,rgba(0,245,255,.08),rgba(124,58,237,.08));padding:1.25rem 1.5rem;margin-bottom:0}.cierre-total-badge{font-size:1.4rem;font-weight:800;color:var(--primary-color);background:rgba(0,245,255,.1);padding:.4rem 1rem;border-radius:10px;border:1px solid rgba(0,245,255,.3)}.cierre-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.cierre-stat{text-align:center;padding:.5rem}.cierre-stat-value{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.cierre-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem}.ganancia-positiva{color:var(--success-color)!important}.cierre-extremos{display:flex;justify-content:space-around;padding:.75rem 1.5rem;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.cierre-extremos strong{color:var(--primary-color)}.cierre-detail-toggle{text-align:center;padding:.75rem;color:var(--primary-color);cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;border-top:1px solid var(--border-color)}.cierre-detail-toggle:hover{background:rgba(0,245,255,.05)}.cierre-details-expanded{display:none;padding:1rem 1.5rem}.cierre-card-detailed.expanded .cierre-details-expanded{display:block}.cierre-card-detailed.expanded .cierre-detail-toggle{background:rgba(0,245,255,.05)}.cierre-card-detailed.expanded .cierre-detail-toggle:after{content:" (ocultar)"}.cierre-section{margin-bottom:1.5rem}.cierre-section-title{font-size:1rem;color:var(--primary-color);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.stat-card.stat-costos{border-left:4px solid var(--danger-color)}.stat-card.stat-costos .stat-value{color:var(--danger-color)}.stat-card.stat-margen{border-left:4px solid var(--accent-color)}.stat-card.stat-margen .stat-value{color:var(--accent-color)}.resumen-financiero{margin-top:1rem}.resumen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.resumen-bloque{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.resumen-bloque h4{color:var(--primary-color);font-size:.95rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.resumen-fila{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid rgba(45,45,61,.5)}.resumen-fila:last-child{border-bottom:none}.resumen-valor{font-weight:700;color:var(--text-primary)}.resumen-costo{color:var(--danger-color)!important}.resumen-ganancia{color:var(--success-color)!important;font-size:1.1rem}.resumen-total{margin-top:.5rem;padding-top:.75rem;border-top:2px solid var(--primary-color)!important;font-weight:700;color:var(--text-primary);font-size:1rem}.resumen-metodo{font-weight:600;color:var(--text-primary)}.resumen-metodo-count{color:var(--text-muted);font-size:.85rem}.resumen-metodo-total{font-weight:700;color:var(--primary-color)}.guardado-productos-form h4{color:var(--primary-color);margin-bottom:.75rem;font-size:1rem}.guardado-add-producto{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:1rem}.guardado-add-producto .producto-search-wrapper{flex:1}.guardado-productos-seleccionados{min-height:60px;border:1px solid var(--border-color);border-radius:8px;padding:.5rem;margin-bottom:1rem}.guardado-prod-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-bottom:1px solid var(--border-color)}.guardado-prod-row:last-child{border-bottom:none}.guardado-prod-nombre{flex:1;font-weight:500}.guardado-prod-cantidad{color:var(--text-secondary);font-weight:600}.guardado-prod-precio{font-weight:700;color:var(--primary-color);min-width:80px;text-align:right}.guardado-total-display{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(0,245,255,.08),rgba(124,58,237,.08));border-radius:12px;font-size:1.2rem;font-weight:700;border:1px solid rgba(0,245,255,.2)}.guardado-total-display .total{font-size:1.5rem;color:var(--primary-color)}.empty-state-mini{text-align:center;padding:1rem;color:var(--text-muted);font-style:italic}.transferir-info{background:var(--card-bg-hover);border-radius:8px;padding:1rem;margin-bottom:1rem}.transferir-info p{margin:.25rem 0;color:var(--text-secondary)}.transferir-info strong{color:var(--primary-color)}.modal-seleccionar-cuenta{max-width:500px}.cuentas-disponibles-lista{display:flex;flex-direction:column;gap:.8rem}.cuenta-destino-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.2rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.cuenta-destino-btn:hover{border-color:var(--primary-color);background:var(--hover-bg);transform:translate(4px);box-shadow:0 4px 12px #00f5ff33}.cuenta-destino-info{flex:1}.cuenta-destino-nombre{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.cuenta-destino-stats{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted)}.productos-count{display:flex;align-items:center;gap:.3rem}.productos-count:before{content:"📦";font-size:.9rem}.total-actual{font-weight:600;color:var(--primary-color)}.cuenta-destino-arrow{font-size:1.8rem;color:var(--primary-color);opacity:.6;transition:all .3s}.cuenta-destino-btn:hover .cuenta-destino-arrow{opacity:1;transform:translate(4px)}@media (max-width: 600px){.modal-seleccionar-cuenta{max-width:95vw}.cuenta-destino-stats{flex-direction:column;gap:.3rem}}.guardado-actions{display:flex;gap:.5rem;flex-wrap:wrap}.cuenta-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1rem;position:relative;transition:all .3s ease}.cuenta-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:12px 0 0 12px}.cuenta-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-neon)}.cuenta-card.facturada{background:linear-gradient(135deg,rgba(39,174,96,.1),rgba(39,174,96,.02));border-color:#27ae604d;opacity:.85}.cuenta-card.facturada:before{background:linear-gradient(180deg,#27ae60,#2ecc71);box-shadow:0 0 10px #27ae6080}.cuenta-card.facturada:hover{transform:none;border-color:#27ae604d}.badge-facturada{display:inline-block;background:#27ae60;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.cuenta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.cuenta-nombre{font-size:1.2rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center}.cuenta-total{font-size:1.5rem;font-weight:900;color:var(--primary-color);text-shadow:0 0 10px var(--primary-glow)}.cuenta-acciones{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);align-items:center}.cuenta-acciones .pago-botones{display:flex;gap:.5rem;margin-left:auto}.agregar-producto-section{display:flex;gap:.5rem;margin-top:1rem;align-items:center;flex-wrap:wrap}.producto-search-input{flex:1;min-width:150px;padding:.5rem .75rem;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem}.producto-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}.producto-search-results{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;max-height:200px;overflow-y:auto;z-index:100;display:none}.cantidad-input-small{width:60px;padding:.5rem;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);text-align:center;font-size:.9rem}.cantidad-input-small:focus{outline:none;border-color:var(--primary-color)}.buscador-wrapper{position:relative;width:100%;margin-top:.8rem}.input-buscar-producto{width:100%;box-sizing:border-box;padding:.6rem .8rem;font-size:1rem;border:1px solid #ddd;border-radius:6px;outline:none}.input-buscar-producto:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}.lista-resultados-busqueda{display:none;position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 4px 12px #00000026;z-index:1000}.lista-resultados-busqueda button:active{background:#e5e5e5}.resumen-dia{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.2rem;margin-bottom:1rem}.resumen-dia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.resumen-dia-titulo{font-size:.85rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.resumen-dia-fecha{font-size:.82rem;color:#fff6}.btn-reset-resumen:hover{opacity:1;background:var(--hover-bg, #2a2a38)}.resumen-dia-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.resumen-card{background:rgba(255,255,255,.05);border-radius:8px;padding:.8rem .6rem;text-align:center;border:1px solid rgba(255,255,255,.06);transition:transform .2s ease}.resumen-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}.resumen-card-icon{font-size:1.3rem;margin-bottom:.3rem;line-height:1}.resumen-card-valor{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resumen-card-label{font-size:.72rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.03em}.resumen-vendido .resumen-card-valor{color:#2ecc71}.resumen-ganancia .resumen-card-valor{color:#f1c40f}.resumen-mesas .resumen-card-valor{color:#3498db}.resumen-ventas .resumen-card-valor{color:#e67e22}@media (max-width: 600px){.resumen-dia-cards{grid-template-columns:repeat(2,1fr)}.resumen-card-valor{font-size:1rem}}.mesa-tiempo{display:inline-flex;align-items:center;gap:.25rem;background:rgba(255,255,255,.1);border-radius:20px;padding:.2rem .6rem;margin-top:.3rem;font-size:.82rem;font-weight:600;color:#ffffffd9;border:1px solid rgba(255,255,255,.15)}.tiempo-icono{font-size:.8rem;line-height:1}.tiempo-valor{letter-spacing:.02em}.mesa-card.ocupada .mesa-tiempo.tiempo-largo{background:rgba(231,76,60,.2);border-color:#e74c3c66;color:#e74c3c}.admin-section{background:var(--card-bg, #1e1e2e);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.06)}.admin-section-header{margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.admin-section-header h3{margin:0 0 .3rem;font-size:1rem;color:#ffffffe6}.admin-section-desc{margin:0;font-size:.85rem;color:#ffffff73}.admin-cards{display:flex;flex-direction:column;gap:.8rem}.admin-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.admin-card-danger{border-color:#e74c3c40;background:rgba(231,76,60,.05)}.admin-card-icon{font-size:1.8rem;flex-shrink:0}.admin-card-info{flex:1}.admin-card-title{font-weight:600;font-size:.95rem;color:#ffffffe6;margin-bottom:.2rem}.admin-card-desc{font-size:.82rem;color:#ffffff73;line-height:1.4}.admin-card-btn{flex-shrink:0;min-width:90px}.modal-mesa-compact .modal-content{max-width:700px;max-height:90vh;display:flex;flex-direction:column}.modal-header-compact{padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.mesa-header-info-compact{display:flex;align-items:center;gap:.8rem}.mesa-header-info-compact h3{margin:0;font-size:1.1rem}.estado-badge{padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;background:var(--primary-color);color:var(--dark-bg)}.modal-header-actions{display:flex;gap:.4rem;align-items:center}.btn-icon{padding:.4rem .6rem;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-icon:hover{background:var(--hover-bg);border-color:var(--primary-color)}.btn-icon.btn-danger:hover{border-color:var(--danger-color);color:var(--danger-color)}.modal-body-compact{padding:1rem;overflow-y:auto;flex:1}.buscador-global-section{position:relative;margin-bottom:1rem}.input-buscar-global{width:100%;padding:.7rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:.9rem}.lista-resultados-global{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;display:none}.cuentas-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.cuentas-section-header h4{margin:0;font-size:.95rem;color:var(--text-secondary)}.cuentas-list-compact{display:flex;flex-direction:column;gap:.6rem}.cuenta-card-compact{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;overflow:hidden}.cuenta-card-compact .cuenta-contenido-expandible{display:none}.cuenta-card-compact.expanded .cuenta-contenido-expandible{display:block;max-height:2000px;padding:.6rem .8rem .8rem;border-top:none}.cuenta-card-compact.expanded .cuenta-toggle{transform:rotate(180deg)}.cuenta-header-compact{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,rgba(0,245,255,.08) 0%,rgba(124,58,237,.05) 100%);border-bottom:2px solid rgba(0,245,255,.15);transition:all .3s}.cuenta-header-compact:hover{background:linear-gradient(135deg,rgba(0,245,255,.12) 0%,rgba(124,58,237,.08) 100%)}.cuenta-header-compact.facturada{background:linear-gradient(135deg,rgba(39,174,96,.1) 0%,rgba(46,204,113,.05) 100%);border-bottom-color:#27ae6033}.cuenta-nombre-compact{flex:1;font-size:1.05rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;letter-spacing:.02em}.cuenta-nombre-compact:before{content:"📋";font-size:1.1rem;opacity:.8}.cuenta-productos-count{font-size:.7rem;color:var(--text-muted);font-weight:400;background:rgba(255,255,255,.05);padding:.15rem .5rem;border-radius:10px}.cuenta-total-compact{font-size:1rem;font-weight:700;color:var(--primary-color);margin-right:.5rem}.cuenta-toggle{font-size:.7rem;color:var(--text-muted);transition:transform .2s}.badge-facturada-compact{background:var(--success-color);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.btn-eliminar-header{width:32px;height:32px;padding:0;border:1px solid var(--danger-color);background:transparent;color:var(--danger-color);border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s;margin-right:.5rem}.btn-eliminar-header:hover{background:var(--danger-color);color:#fff;transform:scale(1.05)}.productos-list-compact{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.6rem;padding:.6rem;background:rgba(0,0,0,.15);border-radius:8px;border-left:3px solid rgba(0,245,255,.2)}.producto-item-compact{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.producto-item-compact:last-child{border-bottom:none}.producto-info-compact{display:flex;align-items:center;gap:.5rem;flex:1}.producto-nombre-compact{font-weight:500;font-size:.88rem;color:#ffffffd9;position:relative;padding-left:.8rem}.producto-nombre-compact:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-size:1rem;opacity:.6}.cantidad-control-compact{display:flex;align-items:center;gap:.3rem}.btn-cantidad-mini{width:22px;height:22px;padding:0;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:4px;cursor:pointer;font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center}.btn-cantidad-mini:hover{background:var(--hover-bg);border-color:var(--primary-color)}.cantidad-valor-compact{font-size:.85rem;font-weight:600;min-width:25px;text-align:center}.input-cantidad-editable{width:45px;height:28px;text-align:center;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:6px;font-size:.9rem;font-weight:700;transition:all .2s}.input-cantidad-editable:focus{border-color:var(--primary-color);background:rgba(0,245,255,.05);outline:none;box-shadow:0 0 0 2px #00f5ff1a}.input-cantidad-editable::-webkit-inner-spin-button,.input-cantidad-editable::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.producto-actions-compact{display:flex;align-items:center;gap:.4rem}.producto-precio-compact{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.btn-eliminar-mini{width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--danger-color);border-radius:4px;cursor:pointer;font-size:1rem;line-height:1;opacity:.6}.btn-eliminar-mini:hover{opacity:1;background:rgba(239,68,68,.1)}.movimientos-details{margin:.5rem .9rem;border-top:1px solid var(--border-color);padding-top:.5rem}.movimientos-summary{font-size:.85rem;color:var(--text-secondary);cursor:pointer;padding:.3rem 0}.movimientos-content{padding:.5rem 0}.movimiento-item{font-size:.8rem;padding:.3rem 0}.movimiento-traslado{color:#2980b9}.movimiento-abono{color:#27ae60}.desglose-compact{margin:.5rem 0;padding:.5rem .6rem;background:rgba(0,0,0,.1);border-radius:6px;font-size:.78rem;border-left:2px solid rgba(0,245,255,.3)}.desglose-row{display:flex;justify-content:space-between;padding:.2rem 0}.desglose-row.positive{color:#2980b9}.desglose-row.negative{color:#27ae60}.desglose-row.total{border-top:1px solid var(--border-color);margin-top:.3rem;padding-top:.3rem;font-weight:700;color:var(--text-primary)}.cuenta-acciones-compact{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;padding-top:.5rem;margin-top:.5rem;border-top:1px dashed rgba(255,255,255,.08)}.btn-xs{padding:.3rem .5rem;font-size:.75rem;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.btn-xs.btn-secondary{background:var(--hover-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-xs.btn-secondary:hover{background:var(--border-color)}.btn-xs.btn-danger{background:rgba(239,68,68,.1);color:var(--danger-color)}.btn-xs.btn-danger:hover{background:rgba(239,68,68,.2)}.pago-botones-compact{display:flex;gap:.4rem;margin-left:auto}.btn-sm{padding:.4rem .7rem;font-size:.8rem;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.btn-sm.btn-warning{background:#f59e0b;color:#fff}.btn-sm.btn-warning:hover{background:#d97706}.btn-sm.btn-success{background:var(--success-color);color:#fff}.btn-sm.btn-success:hover{background:#059669}.modal-footer-sticky{padding:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);position:sticky;bottom:0}.total-mesa-sticky{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700}.total-valor{color:var(--primary-color);font-size:1.3rem}.resumen-cuentas-section{margin-top:.5rem}.buscador-cuenta-compact{position:relative;margin:1rem 0 .8rem;padding-top:.8rem;border-top:1px dashed rgba(255,255,255,.1)}.input-buscar-producto{width:calc(100% - 60px);padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);font-size:.9rem}.input-cantidad-mini{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);font-size:.9rem;text-align:center;margin-left:.5rem}.lista-resultados-busqueda{position:absolute;top:calc(100% + .7rem);left:0;right:0;background:var(--dark-bg);border:2px solid var(--primary-color);border-radius:12px;max-height:none;overflow:visible;z-index:99999;box-shadow:0 12px 32px #00f5ff4d;display:none}.search-result-item{padding:.6rem .8rem;cursor:pointer;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--hover-bg)}.search-result-nombre{font-weight:500;color:var(--text-primary)}.search-result-precio{font-weight:600;color:var(--primary-color)}.search-result-item.no-results{padding:.8rem;text-align:center;color:var(--text-muted);cursor:default}.producto-resultado-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s;gap:1rem}.producto-resultado-row:hover{background:var(--hover-bg)}.producto-resultado-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.producto-resultado-nombre{font-weight:500;color:var(--text-primary);font-size:.9rem}.producto-resultado-precio{font-size:.8rem;color:var(--text-muted)}.producto-resultado-actions{display:flex;align-items:center;gap:.6rem}.cantidad-selector{display:flex;align-items:center;gap:.3rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:.2rem}.btn-cantidad-selector{width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.9rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-cantidad-selector:hover{background:var(--hover-bg);color:var(--primary-color)}.input-cantidad-busqueda{width:40px;height:24px;padding:0;text-align:center;border:none;background:transparent;color:var(--text-primary);font-size:.85rem;font-weight:600}.input-cantidad-busqueda:focus{outline:none}.input-cantidad-busqueda::-webkit-inner-spin-button,.input-cantidad-busqueda::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-cantidad-busqueda{-moz-appearance:textfield}.btn-agregar-busqueda{padding:.3rem .8rem;background:var(--primary-color);color:var(--dark-bg);border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.btn-agregar-busqueda:hover{background:var(--secondary-color);box-shadow:0 0 10px var(--primary-glow)}.input-cant-busqueda{width:50px;height:32px;text-align:center;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:6px;font-size:.9rem;font-weight:700}.input-cant-busqueda:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #00f5ff1a}.input-cant-busqueda::-webkit-inner-spin-button,.input-cant-busqueda::-webkit-outer-spin-button{-webkit-appearance:none}.btn-agregar-rapido{width:32px;height:32px;padding:0;background:var(--primary-color);color:var(--dark-bg);border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s}.btn-agregar-rapido:hover{background:var(--secondary-color);transform:scale(1.05)}.input-buscar-producto[data-producto-seleccionado]{background:rgba(0,245,255,.1);border-color:var(--primary-color);font-weight:600}.input-cantidad-buscador{border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);padding:.4rem;border-radius:6px;font-size:.95rem;font-weight:700;text-align:center}.input-cantidad-buscador:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #00f5ff26}.login-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;z-index:10000}.login-screen.hidden{display:none}.login-container{text-align:center;max-width:400px;padding:2rem}.login-logo{margin-bottom:1.5rem}.logo-login{width:120px;height:120px;filter:drop-shadow(0 0 20px rgba(0,245,255,.4));animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 20px rgba(0,245,255,.4))}50%{filter:drop-shadow(0 0 30px rgba(0,245,255,.6))}}.login-title{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.login-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.pin-display{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.pin-dot{width:16px;height:16px;border:2px solid var(--border-color);border-radius:50%;transition:all .3s}.pin-dot.filled{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-glow)}.pin-keyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:280px;margin:0 auto 1rem}.pin-btn{width:70px;height:70px;border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s}.pin-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:scale(1.05)}.pin-btn:active{transform:scale(.95)}.pin-btn-clear{background:rgba(255,68,68,.1);border-color:#f44}.pin-btn-enter{background:rgba(0,245,255,.1);border-color:var(--primary-color)}.login-error{color:var(--danger-color);font-size:.9rem;min-height:1.5rem;margin-top:1rem}@media (max-width: 480px){.pin-btn{width:60px;height:60px;font-size:1.3rem}.pin-keyboard{gap:.8rem;max-width:240px}}.mesas-destino-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;background:var(--dark-bg)}.mesa-destino-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;cursor:pointer;border-bottom:1px solid var(--border-color);transition:all .2s;gap:.75rem}.mesa-destino-item:last-child{border-bottom:none}.mesa-destino-item:hover{background:var(--hover-bg);transform:translate(4px)}.mesa-destino-item.selected{background:rgba(0,245,255,.1);border-left:4px solid var(--primary-color)}.mesa-destino-info{display:flex;align-items:center;gap:.75rem;flex:1}.mesa-destino-icono{font-size:1.5rem;min-width:30px;text-align:center}.mesa-destino-nombre{font-weight:600;color:var(--text-primary);font-size:1rem}.mesa-destino-estado{color:var(--text-muted);font-size:.85rem}.mesa-destino-arrow{color:var(--primary-color);font-size:1.2rem;opacity:.5;transition:opacity .2s}.mesa-destino-item:hover .mesa-destino-arrow{opacity:1}@media (max-width: 768px){.mesas-destino-list{max-height:300px}.mesa-destino-item{padding:.5rem .6rem}.mesa-destino-nombre{font-size:.95rem}}.siren-alert{position:fixed;top:20px;right:20px;z-index:10000;background:linear-gradient(135deg,#ff0000 0%,#ff6b00 100%);color:#fff;padding:24px;border-radius:16px;box-shadow:0 12px 48px #f009;min-width:320px;max-width:400px;animation:siren-shake .5s ease-in-out infinite;transition:all .3s ease}.siren-alert.hidden{display:none}.siren-alert.active{display:block}.siren-light{position:absolute;top:-12px;right:-12px;width:48px;height:48px;background:#ff0000;border-radius:50%;animation:siren-pulse .6s ease-in-out infinite;box-shadow:0 0 30px #ff0000e6}.siren-content{display:flex;align-items:center;gap:16px;margin-bottom:16px}.siren-icon{font-size:40px;animation:siren-rotate 2s linear infinite;flex-shrink:0}.siren-message{flex:1}.siren-title{font-size:18px;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.siren-table{font-size:16px;opacity:.9}.siren-dismiss{width:100%;padding:14px;background:white;color:red;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.siren-dismiss:hover{background:#f0f0f0;transform:scale(1.05);box-shadow:0 6px 16px #0000004d}.siren-dismiss:active{transform:scale(.98)}@keyframes siren-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}@keyframes siren-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px) rotate(-1deg)}75%{transform:translate(4px) rotate(1deg)}}@keyframes siren-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.siren-alert{top:10px;right:10px;left:10px;min-width:unset;max-width:unset}.siren-content{gap:12px}.siren-icon{font-size:32px}.siren-title{font-size:16px}.siren-table{font-size:14px}}.musica-wrapper{width:100%;max-width:100%;padding:1.5rem 2rem;box-sizing:border-box}.musica-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color, #00f5ff)}.musica-header-top h2{font-size:2rem;color:var(--text-primary, #fff);margin:0}.musica-layout-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;height:calc(100vh - 160px);min-height:650px}.musica-sidebar-cola{display:flex;flex-direction:column;gap:1rem;overflow:hidden}.cola-card{background:var(--card-bg, #1e1e2e);border-radius:12px;padding:1rem;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.cola-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #333)}.cola-card-header h3{font-size:1rem;color:var(--text-primary, #fff);margin:0}.btn-icon-small{background:transparent;border:1px solid var(--border-color, #333);padding:.3rem .6rem;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-icon-small:hover{background:var(--hover-bg, #2a2a3e);border-color:var(--primary-color, #00f5ff)}.cola-lista{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.cola-vacia{text-align:center;color:var(--text-muted, #888);padding:2rem 1rem;margin:0}.musica-cola-item{background:var(--dark-bg, #16161e);border-radius:8px;border-left:3px solid transparent;padding:.6rem;margin-bottom:.5rem;transition:all .2s}.musica-cola-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.musica-cola-item-thumb{width:60px;height:34px;object-fit:cover;border-radius:4px;flex-shrink:0}.musica-cola-item-acciones{display:flex;gap:.25rem;flex-shrink:0}.btn-cola{padding:.3rem .4rem;background:transparent;border:1px solid var(--border-color, #333);border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s;min-width:28px;text-align:center}.btn-cola:hover{background:var(--hover-bg, #2a2a3e);border-color:var(--primary-color, #00f5ff);transform:scale(1.05)}.btn-cola.btn-reproducir{color:var(--primary-color, #00f5ff)}.btn-cola.btn-playlist{color:orange}.btn-cola.btn-eliminar{color:#f55}.musica-cola-item-info{width:100%}.musica-cola-item-titulo{font-size:.85rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:.35rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.musica-cola-item.reproduciendo{border-left-color:var(--primary-color, #00f5ff);background:rgba(0,245,255,.05)}.musica-cola-item:hover{background:var(--hover-bg, #2a2a3e)}.musica-cola-item-thumb{width:50px;height:28px;object-fit:cover;border-radius:4px;flex-shrink:0}.musica-cola-item-info{flex:1;min-width:0;overflow:hidden}.musica-cola-item-titulo{font-size:.85rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;max-height:2.6em}.musica-cola-item-acciones{display:flex;gap:.3rem;flex-shrink:0;align-self:flex-start}.musica-cola-item-duracion{font-size:.75rem;color:var(--text-muted, #888)}.musica-cola-item-acciones{display:flex;gap:.3rem;flex-shrink:0}.btn-cola{padding:.3rem .5rem;background:transparent;border:1px solid var(--border-color, #333);border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-cola:hover{background:var(--hover-bg, #2a2a3e);border-color:var(--primary-color, #00f5ff)}.now-playing-card{background:linear-gradient(135deg,rgba(0,245,255,.1),rgba(138,43,226,.1));border:2px solid var(--primary-color, #00f5ff);border-radius:12px;padding:.75rem}.now-playing-label{font-size:.75rem;color:var(--text-muted, #888);margin-bottom:.5rem}.now-playing-content{display:flex;align-items:center;gap:.75rem}.now-playing-thumb{width:60px;height:34px;object-fit:cover;border-radius:4px;flex-shrink:0}.now-playing-text{flex:1;min-width:0}.now-playing-titulo{font-size:.9rem;font-weight:700;color:var(--primary-color, #00f5ff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controles-card{background:var(--card-bg, #1e1e2e);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.controles-botones{display:flex;gap:.5rem;justify-content:center}.btn-ctrl{width:40px;height:40px;border:none;background:var(--dark-bg, #16161e);border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-ctrl-main{width:48px;height:48px;background:var(--primary-color, #00f5ff);color:#000;font-size:1.4rem}.btn-ctrl:hover{transform:scale(1.1)}.btn-ctrl-main:hover{box-shadow:0 0 20px #00f5ff80}.controles-volumen{display:flex;align-items:center;gap:.5rem}.vol-icon{font-size:1rem}.vol-slider{flex:1;height:4px;background:var(--border-color, #333);border-radius:2px;outline:none;-webkit-appearance:none}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--primary-color, #00f5ff);border-radius:50%;cursor:pointer}.vol-slider::-moz-range-thumb{width:14px;height:14px;background:var(--primary-color, #00f5ff);border-radius:50%;border:none;cursor:pointer}.vol-valor{font-size:.85rem;color:var(--text-muted, #888);min-width:35px;text-align:right}.musica-main-content{display:flex;flex-direction:column;gap:1rem;overflow:hidden;min-height:0}.search-bar{display:flex;gap:1rem;position:relative}.search-input{flex:1;padding:.75rem 1rem;background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);font-size:1rem}.search-input:focus{outline:none;border-color:var(--primary-color, #00f5ff)}.url-bar{display:flex;gap:1rem}.url-input{flex:1;padding:.65rem 1rem;background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);font-size:.95rem}.url-input:focus{outline:none;border-color:var(--primary-color, #00f5ff)}.resultados-container{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--card-bg, #1e1e2e);border-radius:12px;padding:1rem}.musica-resultado-item{display:flex;align-items:center;gap:1rem;padding:.75rem;margin-bottom:.75rem;background:var(--dark-bg, #16161e);border-radius:8px;transition:all .2s}.musica-resultado-item:hover{background:var(--hover-bg, #2a2a3e);transform:translate(4px)}.musica-resultado-thumb{width:120px;height:68px;object-fit:cover;border-radius:6px;flex-shrink:0}.musica-resultado-info{flex:1;min-width:0}.musica-resultado-titulo{font-size:1rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.musica-resultado-meta{font-size:.85rem;color:var(--text-muted, #888)}.musica-resultado-btn{padding:.6rem 1.2rem;background:var(--primary-color, #00f5ff);color:#000;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap}.musica-resultado-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #00f5ff4d}.sugerencias-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:8px;max-height:300px;overflow-y:auto;z-index:100;margin-top:.5rem;box-shadow:0 4px 12px #0000004d}.suggestion-item{display:flex;align-items:flex-start;padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-color, #333)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--hover-bg, #2a2a3e)}.suggestion-info{flex:1;min-width:0;overflow:hidden}.suggestion-title{font-size:.95rem;font-weight:500;color:var(--text-primary, #fff);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-channel{font-size:.8rem;color:var(--text-muted, #888)}.suggestion-thumb{display:none!important}.suggestion-loading{padding:1rem;text-align:center;color:var(--text-muted, #888)}.playlists-section{margin-top:1.5rem}.playlists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.playlists-header h3{font-size:1.25rem;color:var(--text-primary, #fff)}.playlists-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.playlist-card{background:var(--card-bg, #1e1e2e);border-radius:12px;padding:1rem}.playlist-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.playlist-nombre{font-weight:600;color:var(--text-primary, #fff)}.playlist-canciones-count{font-size:.85rem;color:var(--text-muted, #888)}.playlist-card-actions{display:flex;gap:.5rem}.btn-cargar-playlist,.btn-eliminar-playlist{padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-cargar-playlist{background:var(--primary-color, #00f5ff);color:#000}.btn-cargar-playlist:hover{box-shadow:0 0 15px #00f5ff66}.btn-eliminar-playlist{background:#ff4757;color:#fff}.playlist-vacia{text-align:center;color:var(--text-muted, #888);padding:2rem}@media (max-width: 1199px){.musica-layout-grid{grid-template-columns:300px 1fr}}@media (max-width: 767px){.musica-wrapper{padding:1rem}.musica-layout-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto}.musica-sidebar-cola{max-height:400px;order:1}.musica-main-content{min-height:500px;order:2}.search-bar,.url-bar{flex-direction:column}.musica-resultado-item{flex-wrap:wrap;justify-content:center;text-align:center}.musica-resultado-thumb{width:100%;max-width:320px;height:auto;aspect-ratio:16/9}.musica-resultado-info{width:100%}}.cola-lista::-webkit-scrollbar,.resultados-container::-webkit-scrollbar,.sugerencias-dropdown::-webkit-scrollbar{width:6px}.cola-lista::-webkit-scrollbar-track,.resultados-container::-webkit-scrollbar-track,.sugerencias-dropdown::-webkit-scrollbar-track{background:transparent}.cola-lista::-webkit-scrollbar-thumb,.resultados-container::-webkit-scrollbar-thumb,.sugerencias-dropdown::-webkit-scrollbar-thumb{background:var(--border-color, #333);border-radius:3px}.cola-lista::-webkit-scrollbar-thumb:hover,.resultados-container::-webkit-scrollbar-thumb:hover,.sugerencias-dropdown::-webkit-scrollbar-thumb:hover{background:var(--primary-color, #00f5ff)}.musica-loading{text-align:center;padding:2rem;color:var(--text-muted, #888)}.musica-error{text-align:center;padding:2rem;color:#ff4757}.musica-empty{text-align:center;padding:2rem;color:var(--text-muted, #888)}.musica-cola-item[draggable=true]{cursor:grab}.musica-cola-item[draggable=true]:active{cursor:grabbing}.musica-cola-item.dragging{opacity:.5;background:rgba(0,245,255,.2);border:2px dashed var(--primary-color, #00f5ff)}.musica-cola-item.drag-over{border-top:3px solid var(--primary-color, #00f5ff);background:rgba(0,245,255,.1)}.musica-cola-item-drag-handle{cursor:grab;color:var(--text-muted, #888);font-size:1.2rem;padding:.5rem;-webkit-user-select:none;user-select:none}.musica-cola-item-drag-handle:active{cursor:grabbing}.modal-playlist-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:9999}.modal-playlist-overlay.active{display:flex}.modal-playlist-content{background:var(--card-bg, #1e1e2e);border-radius:16px;width:90%;max-width:500px;border:1px solid var(--primary-color, #00f5ff);box-shadow:0 0 30px #00f5ff4d}.modal-playlist-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #333)}.modal-playlist-header h3{margin:0;font-size:1.25rem;color:var(--text-primary, #fff)}.modal-playlist-close{background:transparent;border:none;font-size:1.5rem;color:var(--text-muted, #888);cursor:pointer;padding:.25rem;transition:color .2s}.modal-playlist-close:hover{color:var(--primary-color, #00f5ff)}.modal-playlist-body{padding:1rem;max-height:400px;overflow-y:auto}.playlist-select-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--dark-bg, #16161e);border:1px solid var(--border-color, #333);border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s}.playlist-select-item:hover{border-color:var(--primary-color, #00f5ff);background:var(--hover-bg, #2a2a3e);transform:translate(4px)}.playlist-select-item .playlist-icon{font-size:1.5rem}.playlist-select-item .playlist-name{flex:1;font-weight:600;color:var(--text-primary, #fff)}.playlist-select-item .playlist-count{font-size:.85rem;color:var(--text-muted, #888)}.playlist-bar{display:flex;gap:1rem;margin-bottom:1rem}.playlist-input{flex:1;padding:.65rem 1rem;background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);font-size:.95rem}.playlist-input:focus{outline:none;border-color:var(--primary-color, #00f5ff)}.resultados-seccion{margin-bottom:2rem}.resultados-seccion-titulo{font-size:1.1rem;font-weight:700;color:var(--text-primary, #fff);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color, #333);display:flex;align-items:center;gap:.5rem}.musica-playlist-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,rgba(0,245,255,.05),rgba(138,43,226,.05));border:2px solid rgba(0,245,255,.2);border-radius:8px;transition:all .2s}.musica-playlist-item:hover{background:linear-gradient(135deg,rgba(0,245,255,.1),rgba(138,43,226,.1));border-color:var(--primary-color, #00f5ff);transform:translate(4px)}.musica-playlist-thumb{width:120px;height:68px;object-fit:cover;border-radius:6px;flex-shrink:0}.musica-playlist-info{flex:1;min-width:0}.musica-playlist-titulo{font-size:1rem;font-weight:600;color:var(--primary-color, #00f5ff);margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.musica-playlist-meta{font-size:.85rem;color:var(--text-muted, #888)}.musica-playlist-count{font-weight:600;color:var(--primary-color, #00f5ff)}.musica-playlist-btn{padding:.7rem 1.5rem;background:var(--primary-color, #00f5ff);color:#000;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.musica-playlist-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #00f5ff66}.modal-importar-playlist{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:9999}.modal-importar-content{background:var(--card-bg, #1e1e2e);border-radius:16px;padding:2rem;max-width:500px;width:90%;border:2px solid var(--primary-color, #00f5ff);box-shadow:0 8px 32px #00f5ff4d}.modal-importar-titulo{font-size:1.5rem;font-weight:700;color:var(--primary-color, #00f5ff);margin-bottom:1rem;text-align:center}.modal-importar-mensaje{font-size:1rem;color:var(--text-primary, #fff);margin-bottom:1.5rem;text-align:center;line-height:1.6}.modal-importar-acciones{display:flex;gap:1rem;justify-content:center}.modal-importar-acciones button{padding:.75rem 2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancelar{background:var(--dark-bg, #16161e);color:var(--text-primary, #fff);border:1px solid var(--border-color, #333)}.btn-cancelar:hover{background:var(--hover-bg, #2a2a3e)}.btn-importar{background:var(--primary-color, #00f5ff);color:#000}.btn-importar:hover{box-shadow:0 0 20px #00f5ff80;transform:scale(1.05)}