body{color:#333;background-color:#fce4ec;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#e0f7fa;background-image:linear-gradient(120deg,#e0f7fa 0%,#b2ebf2 100%);width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}#root{width:100%;height:100%}.app-layout{flex-direction:column;gap:15px;width:100vw;height:100vh;padding:15px;display:flex}.top-nav{background:#fffffff2;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 25px;display:flex;box-shadow:0 4px 15px #00000008}.nav-left,.nav-right{align-items:center;gap:15px;display:flex}.icon-btn{cursor:pointer;color:#333;background:0 0;border:none;align-items:center;display:flex}.menu-mobile-btn,.show-mobile{display:none!important}.logo-container{align-items:center;gap:12px;margin-right:15px;display:flex}.logo-text-group{flex-direction:column;display:flex}.logo-text{color:#00838f;letter-spacing:-.5px;font-size:22px;font-weight:900;line-height:1.1}.logo-subtitle{color:#666;font-size:11px;font-style:italic}.mesas-master-btn{color:#fff;cursor:pointer;background-color:#00838f;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:background .2s;display:flex;box-shadow:0 4px 10px #00838f33}.mesas-master-btn:hover{background-color:#006064;transform:translateY(-2px)}.caja-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;transition:opacity .2s;display:flex}.caja-btn:hover{opacity:.8}.egreso-btn{color:#d32f2f;background-color:#ffebee}.cierre-btn{color:#00695c;background-color:#e0f2f1}.user-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:40px;height:40px;margin-left:5px;box-shadow:0 2px 8px #00000026}.cart-icon-wrapper{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .1s;display:flex;position:relative}.cart-icon-wrapper:active{transform:scale(.9)}.cart-badge{color:#333;background:#ffb300;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.pos-container{flex:1;gap:20px;display:flex;position:relative;overflow:hidden}.order-sidebar{background:#fff;border-radius:24px;flex-direction:column;width:380px;padding:20px;transition:transform .3s;display:flex;box-shadow:0 8px 25px #0000000a}.mobile-close-sidebar{display:none}.order-header{background:#e0f7fa;border:2px solid #0000;border-radius:16px;align-items:center;gap:15px;margin-bottom:15px;padding:15px;display:flex}.active-table-header{cursor:pointer;transition:all .2s}.active-table-header:hover{background:#b2ebf2;border-color:#00838f;transform:translateY(-2px)}.header-icon{background:#fff;border-radius:12px;padding:10px;display:flex;box-shadow:0 2px 8px #0000000d}.header-text h3{color:#00838f;margin:0 0 4px;font-size:18px;font-weight:900}.header-text p{color:#666;margin:0;font-size:12px}.section-title{color:#111;font-size:15px}.detalle-mesa-input{color:#333;background:#fafafa;border:1px dashed #ccc;border-radius:12px;outline:none;width:100%;padding:10px 15px;font-size:13px;transition:border .2s}.detalle-mesa-input:focus{background:#fff;border-color:#00838f}.config-label{color:#555;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.simple-input{border:1px solid #ddd;border-radius:10px;outline:none;width:100%;padding:12px;font-size:14px;transition:border .2s}.simple-input:focus{border-color:#00838f}.limpiar-btn-small{color:#d32f2f;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px;font-size:12px;font-weight:700;display:flex}.limpiar-btn-small:hover{background:#ffebee}.order-items{border-bottom:1px solid #f0f0f0;flex:1;margin-bottom:15px;padding-right:5px;overflow-y:auto}.order-item{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.item-info{flex:1;align-items:center;gap:10px;display:flex;overflow:hidden}.item-details{flex-direction:column;display:flex}.item-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.item-price{color:#666;font-size:12px;font-weight:700}.item-icon{border-radius:50%;justify-content:center;align-items:center;min-width:32px;height:32px;display:flex}.bg-turq{background:#e0f7fa}.bg-mustard{background:#fff8e1}.item-actions-group{align-items:center;gap:10px;display:flex}.qty-controls{background:#f5f5f5;border-radius:8px;align-items:center;padding:2px;display:flex}.qty-btn{cursor:pointer;background:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 1px 3px #0000001a}.qty-text{text-align:center;width:24px;font-size:13px;font-weight:700}.delete-item-btn{color:#d32f2f;cursor:pointer;background:#ffebee;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.delete-item-btn:hover{background:#ffcdd2}.order-summary{margin-bottom:15px}.summary-row{color:#555;justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.bold-text{color:#222;font-weight:700}.total-box{color:#00838f;background:#b2ebf2;border-radius:12px;align-items:center;margin-top:15px;padding:15px;font-size:18px;font-weight:900}.order-actions{gap:15px;margin-bottom:10px;display:flex}.btn-comanda,.btn-ticket{cursor:pointer;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:700;transition:transform .1s;display:flex}.btn-comanda:active,.btn-ticket:active{transform:scale(.97)}.btn-comanda{color:#fff;background-color:#00838f}.btn-ticket{color:#333;background-color:#ffb300}.products-area{flex-direction:column;flex:1;gap:20px;display:flex}.categories-scroll{gap:15px;padding-bottom:10px;display:flex;overflow-x:auto}.categories-scroll::-webkit-scrollbar{height:6px}.categories-scroll::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.category-new-btn{cursor:pointer;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:105px;height:95px;font-size:12px;font-weight:800;line-height:1.1;transition:transform .2s,opacity .2s;display:flex}.category-new-btn:hover{transform:translateY(-2px)}.category-new-btn.active{opacity:.8;transform:translateY(2px);box-shadow:inset 0 0 0 2px #0000001a}.cat-icon-box{margin-bottom:2px}.btn-cat-todas{color:#333;background:#fff;border:1px solid #333}.btn-cat-cafes{color:#006064;background:#e0f7fa}.btn-cat-calientes{color:#f57f17;background:#fff8e1}.btn-cat-frias{color:#00838f;background:#e0f7fa}.btn-cat-cocteles{color:#ff8f00;background:#fff8e1}.btn-cat-comidas{color:#0097a7;background:#e0f7fa}.btn-cat-postres{color:#ffb300;background:#fff8e1}.btn-cat-otros{color:#333;background:#fff}.search-bar{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:15px 20px;display:flex;box-shadow:0 4px 15px #00000008}.search-bar input{color:#333;border:none;outline:none;width:100%;font-size:16px}.search-bar input::placeholder{color:#aaa}.products-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:max-content;gap:20px;padding-right:5px;display:grid;overflow-y:auto}.product-card{background:#fff;border-radius:20px;flex-direction:column;padding:15px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #0000000a}.product-card:hover{transform:translateY(-4px)}.product-image{object-fit:cover;border-radius:12px;width:100%;height:140px;margin-bottom:12px}.product-info h4{color:#222;margin:0 0 10px;font-size:15px;line-height:1.2}.price-row{color:#333;justify-content:space-between;align-items:center;margin-top:auto;font-size:14px;font-weight:800;display:flex}.add-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .1s;display:flex}.add-btn:active{transform:scale(.9)}.turq-btn{background:#00838f}.mustard-btn{color:#333;background:#ffb300}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:20px;flex-direction:column;width:400px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}.modal-header{background:#f9f9f9;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3{color:#333;margin:0;font-size:18px}.modal-footer{background:#f9f9f9;border-top:1px solid #eee;gap:15px;padding:20px;display:flex}.cierre-section-title{color:#006064;margin-bottom:15px;font-size:16px;font-weight:900}.cierre-turno-box{border-bottom:1px dashed #ddd;gap:20px;margin-bottom:25px;padding-bottom:25px;display:flex}.cierre-turno-item{flex:1;align-items:center;gap:15px;display:flex}.turno-icon{border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.bg-blue{background:#e3f2fd}.bg-pink{background:#fce4ec}.bg-green{background:#e8f5e9}.cierre-turno-item small{color:#888;letter-spacing:.5px;font-size:11px;font-weight:700}.cierre-turno-item p{color:#333;margin-top:2px;font-size:14px;font-weight:800}.cierre-cards-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px;display:grid}.cierre-card{border-radius:16px;flex-direction:column;justify-content:center;padding:20px;display:flex}.card-green{background:#e8f5e9;border:1px solid #c8e6c9}.card-green .card-title{color:#2e7d32}.card-green .card-monto{color:#1b5e20}.card-red{background:#ffebee;border:1px solid #ffcdd2}.card-red .card-title{color:#c62828}.card-red .card-monto{color:#b71c1c}.card-blue{background:#e3f2fd;border:1px solid #bbdefb}.card-blue .card-title{color:#1565c0}.card-blue .card-monto{color:#0d47a1}.card-purple{background:#f3e5f5;border:1px solid #e1bee7}.card-purple .card-title{color:#6a1b9a}.card-purple .card-monto{color:#4a148c}.card-title{letter-spacing:.5px;font-size:11px;font-weight:900}.card-monto{margin:5px 0;font-size:26px;font-weight:900}.cierre-card small{color:#666;font-size:11px;font-weight:500}.cierre-split-layout{gap:30px;display:flex}.cierre-split-left{flex:2}.cierre-split-right{background:#fff;border:1px solid #ddd;border-radius:16px;flex:1;padding:20px}.cierre-table{border-collapse:collapse;width:100%;font-size:14px}.cierre-table th{color:#888;text-align:left;border-bottom:1px solid #ddd;padding-bottom:15px;font-size:11px;font-weight:700}.cierre-table td{color:#333;border-bottom:1px solid #f5f5f5;padding:15px 0;font-weight:600}.cierre-table tfoot td{border-bottom:none;font-size:16px;font-weight:900}.td-method{align-items:center;gap:10px;display:flex}.dinero-caja-box{flex-direction:column;display:flex}.dinero-row{justify-content:space-between;align-items:center;display:flex}.mesas-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;display:grid}.mesa-btn-container{position:relative}.mesa-btn{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000000d}.mesa-btn:active{transform:scale(.95)}.mesa-btn.libre{color:#2e7d32;border-color:#4caf50}.mesa-btn.ocupada{color:#c62828;background:#ffebee;border-color:#ef9a9a}.mesa-btn.seleccionada{border-color:#00838f;box-shadow:0 0 0 4px #00838f33}.mesa-nombre{color:#333;margin-top:10px;font-size:14px;font-weight:800}.mesa-estado{margin-top:2px;font-size:11px;font-weight:800}.mesa-btn.libre .mesa-estado{color:#4caf50}.mesa-btn.ocupada .mesa-estado{color:#d32f2f}.agregar-btn{box-shadow:none!important;background:#f5f5f5!important;border:2px dashed #ccc!important}.agregar-btn:hover{background:#e0f7fa!important;border-color:#00838f!important}.delete-mesa-btn{color:#fff;cursor:pointer;opacity:0;background:#d32f2f;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s,transform .1s;display:flex;position:absolute;top:-8px;right:-8px}.delete-mesa-btn:hover{transform:scale(1.1)}.mesa-btn-container:hover .delete-mesa-btn{opacity:1}.modal-cobro-container{background:#fff;border-radius:20px;width:900px;max-width:95vw;height:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}.modal-cobro-left{border-right:1px solid #eee;flex-direction:column;flex:2;padding:30px;display:flex;overflow-y:auto}.cobro-header-inline{justify-content:space-between;align-items:center;display:flex}.cobro-header-inline h2{color:#00838f;font-size:20px;font-weight:900}.cobro-subtitle{color:#666;margin-top:5px;margin-bottom:20px;font-size:14px}.payment-methods{gap:15px;margin-bottom:30px;display:flex}.method-btn{cursor:pointer;color:#555;background:#fff;border:2px solid #eee;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:15px;transition:all .2s;display:flex}.method-btn span{margin-top:5px;font-size:14px;font-weight:800}.method-btn small{color:#888;font-size:11px}.method-btn.active{color:#00838f;background:#e0f7fa;border-color:#00838f}.method-btn.active small{color:#00838f}.method-btn.active-fiado{color:#d32f2f;background:#ffebee;border-color:#d32f2f}.method-btn.active-fiado small{color:#d32f2f}.billetes-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.billetes-header h4{color:#00838f;font-size:14px;font-weight:800}.billetes-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;display:grid}.billete-card{cursor:pointer;background:#fff;border:2px solid #eee;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:10px;transition:transform .1s,border-color .2s;display:flex}.billete-card:active{transform:scale(.95)}.billete-card:hover{border-color:#ffb300}.billete-img-placeholder{border-radius:4px;justify-content:center;align-items:center;width:100%;height:60px;display:flex;overflow:hidden;box-shadow:0 2px 5px #0000001a}.billete-real-img{object-fit:cover;width:100%;height:100%}.billete-label{color:#333;font-size:15px;font-weight:900}.fiado-form{background:#fafafa;border:2px dashed #ffcdd2;border-radius:16px;flex-direction:column;padding:25px;display:flex}.fiado-form label{color:#555;margin-bottom:8px;font-size:13px;font-weight:700}.modal-cobro-right{background:#fff8e1;flex-direction:column;flex:1;padding:30px;display:flex}.resumen-total-box{background:#fff;border:2px solid #ffca28;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:25px;padding:20px;display:flex}.resumen-label{color:#ff8f00;align-items:center;gap:5px;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.resumen-monto{color:#333;text-align:center;font-size:38px;font-weight:900;line-height:1}.resumen-detalle-box{background:#fff;border-radius:16px;flex:1;padding:20px;box-shadow:0 4px 15px #00000008}.resumen-fila{color:#555;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px;font-weight:600;display:flex}.badge-metodo{color:#00838f;background:#e0f7fa;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:800}.resumen-fila-monto{flex-direction:column;margin-bottom:20px;display:flex}.resumen-fila-monto span:first-child{color:#666;margin-bottom:5px;font-size:13px;font-weight:600}.monto-grande{color:#333;font-size:28px;font-weight:900}.alerta-pago{color:#c62828;text-align:center;background:#ffebee;border-radius:8px;margin-top:20px;padding:12px;font-size:12px;font-weight:600}.cobro-acciones-finales{gap:10px;margin-top:20px;display:flex}.btn-cancelar-cobro{color:#555;cursor:pointer;background:#f1f2f6;border:none;border-radius:12px;flex:1;padding:15px;font-weight:700}.btn-confirmar-cobro{color:#fff;cursor:pointer;background:#00838f;border:none;border-radius:12px;flex:2;padding:15px;font-weight:800;transition:background .2s}.btn-confirmar-cobro:disabled{cursor:not-allowed;background:#ccc}.ticket-impresion{color:#000;background:#fff;flex:1;padding:30px;font-family:Courier New,Courier,monospace;overflow-y:auto}.ticket-encabezado{text-align:center;flex-direction:column;align-items:center;margin-bottom:15px;display:flex}.ticket-encabezado h2{margin:0 0 5px;font-size:22px;font-weight:700}.ticket-encabezado p{margin:2px 0;font-size:14px}.ticket-divisor{border-top:1px dashed #000;width:100%;margin:10px 0}.ticket-tabla{border-collapse:collapse;width:100%;margin-bottom:15px;font-size:14px}.ticket-tabla th{border-bottom:1px dashed #000;margin-bottom:5px;padding-bottom:5px}.ticket-tabla td{padding:4px 0}.ticket-totales{margin-bottom:20px;font-size:14px}.ticket-fila-total{justify-content:space-between;margin-bottom:4px;display:flex}.gran-total{margin-top:5px;font-size:18px;font-weight:700}.ticket-pie{text-align:center;font-size:12px}@media (width<=900px){.app-layout{height:100dvh;padding:10px}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.show-mobile-inline{display:inline!important}.top-nav{flex-wrap:wrap;padding:10px 15px}.logo-text{font-size:16px}.logo-subtitle{display:none}.user-avatar{width:32px;height:32px}.mesas-master-btn{margin-left:auto;margin-right:10px;padding:8px 12px;font-size:13px}.order-sidebar{z-index:2000;border-radius:0;width:100vw;height:100dvh;max-height:100dvh;padding:20px 15px;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;transform:translateY(100%)}.order-sidebar.mobile-open{transform:translateY(0)}.mobile-close-sidebar{cursor:pointer;color:#333;justify-content:flex-end;margin-bottom:10px;display:flex}.pos-container{flex-direction:column;gap:15px;overflow-y:auto}.btn-comanda,.btn-ticket{padding:16px;font-size:16px}.total-box{margin-top:10px;padding:10px;font-size:18px}.category-new-btn{gap:4px;min-width:90px;height:80px;font-size:11px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;overflow:visible}.modal-cobro-container{width:95vw;height:95dvh;display:block;overflow-y:auto}.modal-cobro-left{border-bottom:1px solid #eee;border-right:none;padding:15px;overflow-y:visible}.modal-cobro-right{padding:15px;overflow-y:visible}.payment-methods{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.method-btn{padding:10px}.modal-content{max-height:95dvh;width:95%!important}.cierre-cards-grid{grid-template-columns:repeat(2,1fr)}.cierre-split-layout{flex-direction:column}.cierre-turno-box{flex-direction:column;gap:10px}}@media print{.hide-app-on-print>:not(.modal-overlay){display:none!important}body,html,#root,.app-layout{background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important}.modal-overlay{z-index:9999!important;background:#fff!important;width:100%!important;height:auto!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.modal-content{box-shadow:none!important;border:none!important;border-radius:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.ticket-impresion{color:#000!important;box-sizing:border-box!important;margin:0!important;font-size:10px!important;overflow:visible!important}.ticket-encabezado h2{margin-bottom:3px!important;font-size:14px!important}.ticket-encabezado p{font-size:10px!important;line-height:1.2!important}.ticket-divisor{margin:5px 0!important}.ticket-tabla{table-layout:fixed!important;width:100%!important}.ticket-tabla th,.ticket-tabla td{word-wrap:break-word!important;overflow-wrap:break-word!important;padding:2px 0!important;font-size:10px!important;line-height:1.1!important}.ticket-totales{font-size:10px!important}.gran-total{margin-top:3px!important;font-size:12px!important;font-weight:700!important}.ticket-pie{margin-top:5px!important;font-size:9px!important}.print-58mm .ticket-impresion{width:54mm!important;padding:2mm!important}.print-58mm .ticket-tabla th:first-child,.print-58mm .ticket-tabla td:first-child{width:12%;text-align:left!important}.print-58mm .ticket-tabla th:nth-child(2),.print-58mm .ticket-tabla td:nth-child(2){width:46%;text-align:left!important;padding-right:2px!important}.print-58mm .ticket-tabla th:nth-child(3),.print-58mm .ticket-tabla td:nth-child(3){width:42%;text-align:right!important}.print-80mm .ticket-impresion{width:72mm!important;max-width:100%!important;margin:0 auto!important;padding:2mm!important;font-size:13px!important;overflow:hidden!important}.print-80mm .ticket-encabezado h2{font-size:18px!important}.print-80mm .ticket-encabezado p{word-wrap:break-word!important;padding:0 5px!important;font-size:13px!important}.print-80mm .ticket-tabla th,.print-80mm .ticket-tabla td{font-size:13px!important}.print-80mm .ticket-tabla th:first-child,.print-80mm .ticket-tabla td:first-child{width:15%;text-align:left!important}.print-80mm .ticket-tabla th:nth-child(2),.print-80mm .ticket-tabla td:nth-child(2){width:50%;text-align:left!important;padding-right:4px!important}.print-80mm .ticket-tabla th:nth-child(3),.print-80mm .ticket-tabla td:nth-child(3){width:35%;text-align:right!important}.ticket-cierre-z{padding:5mm!important}.ticket-cierre-content p{font-size:12px!important}.no-print{display:none!important}}