.nuevo-pedido-container{max-width:100%;margin:0 auto;padding:0 1.5rem 1rem;background:var(--bg-primary);color:var(--text-primary);min-height:auto;font-family:Segoe UI,system-ui,sans-serif;line-height:1.6;display:flex;flex-direction:column;justify-content:flex-start}.nuevo-pedido-container h1,.nuevo-pedido-container h2,.nuevo-pedido-container h3,.nuevo-pedido-container h4,.nuevo-pedido-container h5,.nuevo-pedido-container h6{margin:0 0 1rem;font-weight:600;color:var(--text-secondary)}.nuevo-pedido-container h1{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-weight:600;font-size:1.8rem;letter-spacing:-.5px}.nuevo-pedido-container a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}.nuevo-pedido-container a:hover{color:var(--accent-hover);text-decoration:underline}.nuevo-pedido-container p{margin:0 0 1rem}.nuevo-pedido-container ul,.nuevo-pedido-container ol{padding-left:1.5rem;margin:0 0 1rem}.nuevo-pedido-container li{margin-bottom:.5rem;padding:.75rem 1rem;background-color:var(--bg-secondary);border-radius:6px;transition:all .2s ease;list-style-type:none;border-left:3px solid var(--accent-color)}.nuevo-pedido-container li:hover{background-color:var(--bg-tertiary);transform:translate(4px);box-shadow:0 2px 4px #0003}.nuevo-pedido-container li:not(:last-child){margin-bottom:.75rem}.clientes-section{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000004d}.clientes-section h3{color:var(--accent-color);margin:0 0 1rem;font-size:1.2rem;font-weight:500}.clientes-section ul{padding:0;margin:0}.clientes-section li{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);transition:all .2s ease}.clientes-section li:hover{background:var(--bg-tertiary)}.button-group{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;margin-bottom:1rem}.action-button{background:var(--accent-color);color:var(--text-on-accent);border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);text-align:center;box-shadow:0 2px 4px #0003}.action-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.action-button:active{transform:translateY(0)}.success-action-button{background:var(--success-color);color:var(--bg-primary);border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);text-align:center;box-shadow:0 2px 4px #0003}.success-action-button:hover{background:#23e0cf;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}@media (max-width: 768px){.nuevo-pedido-container{padding:0 1rem .5rem}.nuevo-pedido-container h1{font-size:1.5rem;margin-bottom:1rem}.action-button{padding:.8rem}.clientes-section{padding:1rem;margin-bottom:.75rem}.button-group{gap:.5rem;margin-top:.75rem;margin-bottom:.75rem}}.loading-message{color:var(--success-color);text-align:center;font-style:italic}.error-message{color:var(--error-color);text-align:center;font-weight:500}.menu-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}body.menu-popup-open{overflow:hidden;position:fixed;width:100%;height:100%}.menu-popup-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:100vw;box-sizing:border-box}.menu-popup-content{background-color:var(--bg-secondary);padding:10px 20px 20px;border-radius:12px;width:95%;max-width:1200px;max-height:70vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 4px 20px #00000080;border:1px solid var(--accent-color);text-align:center;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;margin:0 auto}.menu-popup-close{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:absolute;top:-10px;right:-5px;background:var(--accent-color);border:none;color:var(--text-on-accent);font-size:20px;padding:8px;z-index:1002;box-shadow:0 2px 8px #0000004d}.menu-popup-close:hover{background:var(--accent-hover);transform:scale(1.1)}.menu-popup-home{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:absolute;top:-10px;right:20px;background:var(--accent-color);border:none;color:var(--text-on-accent);font-size:20px;padding:8px;z-index:1002;box-shadow:0 2px 8px #0000004d}.menu-popup-home:hover{background:var(--accent-hover);transform:scale(1.1)}.category-group{margin-bottom:25px}.category-title{color:var(--accent-color);border-bottom:1px solid var(--border-color);padding-bottom:8px;font-size:1.1rem}.pedidos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:15px}.pedidos-grid .menu-item-image{width:100%;height:auto;border-radius:8px 8px 0 0;margin-bottom:10px;display:block}.pedidos-grid .menu-item{flex-direction:column}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-tertiary);color:var(--text-primary);transition:all .2s ease}.menu-item:hover{border-color:var(--accent-color);transform:translateY(-2px)}.menu-item button{background-color:var(--accent-color);color:var(--text-on-accent);border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.menu-item button:hover{background-color:var(--accent-hover);transform:scale(1.05)}.menu-item span{font-weight:500}.pedido-items{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:0;padding-left:1rem;margin-top:.5rem;font-size:.9em}.pedido-items.expanded{max-height:500px;opacity:1}.clientes-section ul li.selected{background-color:#3f3f3f;font-weight:700;font-size:1.2em;color:#fff}.clientes-section ul li{cursor:pointer;padding:8px;margin:4px 0;border-radius:4px;transition:background-color .2s}.clientes-section ul li:hover{background-color:var(--bg-hover)}.quantity-controls{display:flex;align-items:center;gap:8px}.quantity-controls button{width:28px;height:28px;border-radius:50%;border:1px solid var(--accent-color);background:var(--bg-secondary);color:var(--accent-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.quantity-controls button:hover{background:var(--accent-color);color:var(--text-on-accent);transform:scale(1.1)}.quantity-controls button:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border-disabled);color:var(--text-disabled);position:relative}.quantity-controls button:disabled:after{content:"✓";position:absolute;font-size:10px;right:-5px;top:-5px;color:var(--text-disabled)}.quantity-controls button:disabled:hover{background:transparent;transform:none}.quantity-controls span{min-width:32px;text-align:center;font-weight:500;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:0 4px}.menu-popup-buttons{display:flex;justify-content:center;margin-top:20px;gap:10px;padding:0 20px 20px;width:100%;flex-wrap:wrap}.menu-popup-buttons button{flex:1;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;font-size:1rem}.menu-popup-buttons .cancel-button.category-selection-button{flex:unset;width:150px;min-width:150px;max-width:150px}.menu-popup-buttons button:active{transform:translateY(0)}.confirm-button{background-color:var(--accent-color);color:#fff}.confirm-button:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 2px 4px #0003}.confirm-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none;background-color:#6c757d}.success-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none;background-color:#6c757d}.cancel-button{background-color:var(--error-color);color:#fff}.cancel-button:hover{background-color:var(--error-hover);transform:translateY(-2px);box-shadow:0 2px 4px #0003}.thank-you-step{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;color:var(--text-primary)}.thank-you-step h3{color:var(--accent-color);margin-bottom:1rem;font-size:1.5rem}.thank-you-step p{margin-bottom:2rem;font-size:1.1rem}.estado-badge{padding:6px 12px;border-radius:16px;font-size:.9rem;font-weight:600;text-transform:capitalize;display:inline-block;margin:4px 0}.estado-badge.pendiente{background-color:#dc2626;color:#fff}.estado-badge.en_preparacion{background-color:#997e26;color:#fff}.estado-badge.listo,.estado-badge.servido{background-color:#166534;color:#fff}.estado-badge.entregado{background-color:#2563eb33;color:#2563eb}.estado-badge.cerrada{background-color:#4b5563;color:#fff}.estado-badge.cancelado{background-color:#4b5563;color:#fff;text-decoration:line-through}.status-dropdown{position:absolute;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:10;margin-top:5px;right:0;min-width:150px;overflow:hidden}.status-option{display:block;width:100%;padding:10px 15px;text-align:left;background-color:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease;font-size:.9rem;text-transform:capitalize}.status-option:hover{background-color:var(--bg-tertiary)}.status-option.pendiente{color:#dc2626}.status-option.en_preparacion{color:#997e26}.status-option.listo{color:#166534}.status-option.entregado{color:#2563eb}.status-option.cancelado{color:#4b5563}.pedido-header{position:relative}.not-you-link{color:#fff;cursor:pointer;padding:.5rem 1rem;margin-top:-.5rem;background:transparent;border:none;transition:color .2s ease}.not-you-link:hover{color:var(--accent-hover);text-decoration:none}.mesa-numero-circulo{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--error-color);color:var(--text-on-accent);font-size:1.2rem;font-weight:700;margin-left:10px;box-shadow:0 2px 5px #0003}.header-image{width:100%;height:auto;display:block}.category-selection{text-align:center}.category-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.category-button{background:var(--accent-color);color:var(--text-on-accent);border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);text-align:center;box-shadow:0 2px 4px #0003}.category-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.menu-item{display:flex;flex-direction:column;justify-content:space-between}.menu-item .menu-item-text{display:flex;flex-direction:column;align-items:center;width:100%}.menu-item .menu-item-name{margin-bottom:4px;font-size:1.1em;font-weight:500;text-align:center;width:100%}.menu-item .menu-item-detail{font-size:.9em;color:var(--text-secondary);text-align:center;width:100%;line-height:1.3}.menu-item-footer{display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%}.menu-item-footer .menu-item-price{font-weight:700;color:var(--error-color);font-size:1.1rem}.popup-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;text-align:center}.popup-header h3,.popup-header h4{margin:0;text-align:center;width:100%}.menu-popup-content h3{text-align:center;width:100%;margin-bottom:1rem}.menu-popup-content p{text-align:center;width:100%;margin-bottom:1.5rem}.menu-popup-content .estado-badge{width:fit-content}.order-summary-icons{display:flex;align-items:center;gap:1rem;justify-content:center}.order-summary-icons span{display:flex;align-items:center;gap:.3rem;font-size:1rem;font-weight:400;color:var(--text-primary)}.order-total{margin-top:2rem;padding:1rem;background-color:var(--bg-tertiary);border-radius:8px;border-top:2px solid var(--accent-color);text-align:right}.order-total h4{margin:0;color:#fff;font-size:1.3rem;font-weight:700}.extras-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;justify-content:center}.extras-controls label{display:inline-flex;align-items:center;padding:.3rem 1rem;border:1px solid #3b3b3b;border-radius:20px;cursor:pointer;transition:all .3s ease;background-color:var(--bg-secondary);color:#919191;font-size:.9rem;font-weight:500;-webkit-user-select:none;user-select:none}.extras-controls label:hover{background-color:var(--bg-tertiary);transform:translateY(-1px)}.extras-controls label input{display:none}.extras-controls label:has(input:checked){border-color:var(--success-color);background-color:#28a7451a;color:var(--success-color);font-weight:600}.extras-controls label:has(input:disabled){opacity:.5;cursor:not-allowed;background-color:var(--bg-tertiary)}.extras-controls label:has(input:disabled):hover{transform:none;background-color:var(--bg-tertiary)}.extras-controls label:has(input[type=radio]){border-style:solid}.extras-controls label:has(input[type=checkbox]){border-style:dashed}@media (max-width: 768px){.extras-controls{gap:.3rem;justify-content:center}.extras-controls label{padding:.4rem .8rem;font-size:.85rem}}.menu-item-header{display:flex;flex-direction:column;width:100%;margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.menu-item-header .menu-item-name{font-weight:600;color:var(--text-primary);font-size:1.2rem;margin-bottom:.25rem}.menu-item-header span:last-child{color:var(--error-color);font-weight:500;font-size:.9rem;text-align:center}.extra-summary-item{display:inline-flex;align-items:center;padding:.3rem 1rem;border:1px solid var(--success-color);border-radius:20px;background-color:#28a7451a;color:var(--success-color);font-size:.8rem;font-weight:600;margin:.2rem;-webkit-user-select:none;user-select:none}.item-extras-summary{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem;justify-content:center}.new-client-form{background:var(--bg-secondary);border-radius:12px;padding:.1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000004d}.new-client-form h3{color:var(--accent-color);margin:0 0 1rem;font-size:1.2rem;font-weight:500;text-align:center}.new-client-form .form-group{margin-bottom:1rem}.new-client-form label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500;text-align:left}.new-client-form input,.new-client-form select,.new-client-form textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.new-client-form input:focus,.new-client-form select:focus,.new-client-form textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f61a}.new-client-form .form-actions{display:flex;gap:1rem;margin-top:1.5rem}.new-client-form .submit-button{background:var(--accent-color);color:var(--text-on-accent);border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.new-client-form .submit-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.new-client-form .cancel-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.new-client-form .cancel-button:hover{background:var(--bg-secondary);border-color:var(--accent-color)}@media (max-width: 768px){.new-client-form{padding:1rem}.new-client-form .form-actions{flex-direction:column}}