@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Cormorant+Garamond:wght@300;400;500;600;700&family=Crimson+Text:wght@400;600;700&display=swap";.header{background-color:#fff;border-bottom:1px solid #e5e5e5;position:fixed;top:0;left:0;right:0;z-index:50}.header-container{max-width:1800px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-brand{display:flex;align-items:center;gap:.75rem;min-width:-moz-max-content;min-width:max-content}.header-logo{height:2.5rem;width:auto}.header-title{font-size:1.5rem;font-weight:600;color:#654321}.header-branch{display:flex;align-items:center;gap:.375rem;background-color:#f3f4f6;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;color:#654321;margin-left:.5rem}.header-branch svg{color:#8b4513;font-size:.875rem}.header-nav{flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.header-nav::-webkit-scrollbar{display:none}.nav-links{display:flex;align-items:center;gap:1.5rem;padding:0 1rem;min-width:-moz-max-content;min-width:max-content}.nav-link{color:#666;text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.nav-link:hover,.nav-link.active{color:#654321;border-bottom-color:#654321}.header-user{display:flex;align-items:center;gap:1rem}.user-email-display{color:#2c3e50;font-size:.9rem;font-weight:500}.role-indicator{background-color:#4a5568;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.logout-btn{background-color:#654321;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.logout-btn:hover{background-color:#8b4513}@media (max-width: 768px){.header-container{padding:.5rem 1rem}.header-title{font-size:1.25rem}.header-logo{height:2rem}.nav-links{gap:1rem}.nav-link{font-size:.875rem}.user-email-display{max-width:140px}.logout-btn{padding:.4rem .8rem;font-size:.8rem}.user-menu-button{max-width:180px}.header-branch{font-size:.7rem;padding:.2rem .5rem}}@media (max-width: 480px){.header-title{display:none}}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;background:none;border:none;padding:.25rem;cursor:pointer;color:#4a5568}.menu-arrow{font-size:1.25rem;transition:transform .2s}.menu-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:100%;right:0;background:white;border-radius:8px;box-shadow:0 5px 15px #0000001a;z-index:1000;overflow-y:auto;max-height:600px;padding:.5rem 0}.menu-item{display:block;padding:.75rem 1rem;color:#333;text-decoration:none;font-size:.875rem;transition:all .2s;border-radius:.375rem;text-align:left;width:100%;background:none;border:none;cursor:pointer}.menu-item:hover{background-color:#f3f4f6;color:#654321}.menu-item.branch-switch{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem;color:#654321}.menu-item.branch-switch:hover{background-color:#f3f4f6}.menu-item.logout{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem;color:#dc2626}.menu-item.logout:hover{background-color:#fef2f2;color:#dc2626}.user-menu-dropdown::-webkit-scrollbar{width:6px}.user-menu-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.user-menu-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.user-menu-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.navbar{position:fixed;top:0;left:0;height:100vh;width:250px;background:white;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;z-index:1000}.navbar-brand{padding:1.5rem;text-align:center;border-bottom:1px solid #f0f0f0}.navbar-logo{height:40px;width:auto}.navbar-menu{flex:1;padding:1rem 0;overflow-y:auto}.navbar-item{display:flex;align-items:center;padding:1rem 1.5rem;color:#666;text-decoration:none;transition:all .2s;gap:1rem}.navbar-item:hover{background:#f8f9fa;color:#28a745}.navbar-item.active{background:#e8f5e9;color:#28a745;border-right:3px solid #28a745}.navbar-icon{font-size:1.2rem;width:24px;display:flex;align-items:center;justify-content:center}.navbar-text{font-weight:500}.navbar-footer{padding:1rem 1.5rem;border-top:1px solid #f0f0f0}.user-info{margin-bottom:1rem}.user-email{font-size:.9rem;color:#666}.logout-button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;border-radius:6px;background:#f8f9fa;color:#dc3545;cursor:pointer;transition:all .2s}.logout-button:hover{background:#dc3545;color:#fff}@media (max-width: 768px){.navbar{width:60px}.navbar-text,.user-info,.logout-button span{display:none}}.admin-controls{display:none}.dashboard-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#8B4513,#654321);padding-top:100px}.dashboard-welcome{text-align:center;color:#fff;padding:2rem;background-color:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040}.dashboard-logo{width:8rem;height:8rem;margin-bottom:1.5rem}.dashboard-welcome h1{font-size:2rem;margin-bottom:1rem}.dashboard-welcome p{color:#fffc}.dashboard-layout{min-height:100vh;width:100%;background:#ffffff;position:relative}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center;background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.dashboard-order-details{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#6b7280;margin:8px 0}.dashboard-order-item-more{color:#6b7280;font-style:italic;font-size:.85rem;padding:4px 0;text-align:center}.dashboard-sub-orders-status{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.sub-order-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;color:#fff;font-weight:500}.sub-order-badge.barra{background-color:#3b82f6}.sub-order-badge.cocina{background-color:#ef4444}.sub-order-badge.teppanyaki{background-color:#f59e0b}.dashboard-order-tag.employee-name{background-color:#6366f1;color:#fff;font-size:.7rem}.sub-order-badge.activas{opacity:1;border:2px solid #22c55e}.sub-order-badge.listas{opacity:.7;border:2px solid #f59e0b;background-color:#f59e0b!important}.sub-order-badge.unknown{opacity:.5;border:2px solid #6b7280}.dashboard-order-card.non-editable{border:2px solid #f59e0b;background-color:#fffbeb}.dashboard-order-card.non-editable:before{content:"🔒 No editable - Algunos items están listos";position:absolute;top:-8px;left:50%;transform:translate(-50%);background-color:#f59e0b;color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:500;z-index:1}.processing-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000}.processing-modal-content{background:white;padding:2rem;border-radius:12px;box-shadow:0 8px 32px #0000004d;text-align:center;max-width:400px;width:90%}.processing-spinner{width:60px;height:60px;border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.processing-modal-content h3{margin:0 0 1rem;color:#333;font-size:1.5rem}.processing-message{color:#666;margin-bottom:1.5rem;font-size:1rem;min-height:1.5rem}.processing-steps{text-align:left;margin-top:1rem}.processing-steps .step{color:#999;font-size:.9rem;border-left:3px solid #eee;padding:.5rem 0 .5rem 1rem;margin-bottom:.5rem}.processing-steps .step.active{color:#27ae60;border-left-color:#27ae60;font-weight:500}.order-btn.process.processing{background:#95a5a6;cursor:not-allowed;opacity:.7}.order-btn.process.processing:hover{background:#95a5a6;transform:none}.dashboard-main{padding:20px;width:100%;max-width:1600px;margin:0 auto;min-height:calc(100vh - 64px);position:relative;box-sizing:border-box}.dashboard-grid{display:flex!important;width:100%!important;box-sizing:border-box;position:relative!important;height:100vh!important}.dashboard-card-main{background:#ffffff;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;height:-moz-fit-content;height:fit-content;box-sizing:border-box;display:flex;margin-top:100px;overflow-y:auto;height:100vh!important;flex-direction:column!important}.dashboard-card-main:nth-child(1){width:50%!important}.dashboard-card-main:nth-child(2){width:50%!important}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:20px}.category-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:all .2s ease;height:90px;display:flex;align-items:center;justify-content:center}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:#8b4513}.category-card h4{margin:0;font-size:14px;color:#333;line-height:1.3}.order-panel{position:sticky;top:20px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:20px}.order-form{display:flex;flex-direction:column;gap:15px}.order-input{padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background-color:#fff;color:#000;width:100%}.order-input:focus{border-color:#8b4513;outline:none}.order-toggles{display:flex;flex-direction:column;gap:15px;margin:15px 0}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}.employee-selector{display:flex;flex-direction:column;gap:8px}.employee-selector-label{display:flex;flex-direction:column;gap:8px;cursor:pointer;font-size:14px;color:#333}.employee-select{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background-color:#fff;color:#333;width:100%;cursor:pointer;transition:all .2s ease}.employee-select:focus{border-color:#8b4513;outline:none;box-shadow:0 0 0 2px #8b45131a}.employee-select:hover{border-color:#8b4513}.order-items{max-height:600px;overflow-y:auto;margin:15px 0;padding-right:10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#8B4513 #f1f1f1}.order-items::-webkit-scrollbar{width:8px}.order-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.order-items::-webkit-scrollbar-thumb{background:#8B4513;border-radius:4px}.order-items::-webkit-scrollbar-thumb:hover{background:#654321}.order-item{background:#fafbfc;border:1px solid #e8eaed;border-radius:8px;padding:16px;margin-bottom:12px;transition:all .2s ease}.order-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.order-item.non-editable{background-color:#f5f5f5!important;border-color:#ccc!important;opacity:.7;cursor:not-allowed}.order-item.non-editable:hover{border-color:#ccc!important;box-shadow:none!important}.order-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.order-item-header h4{margin:0;font-size:15px;color:#1f2937;font-weight:600;line-height:1.4}.order-item-price{font-size:16px;color:#059669;font-weight:600;min-width:-moz-fit-content;min-width:fit-content;margin-left:12px}.item-actions{display:flex;gap:6px;margin-top:12px;justify-content:flex-end}.icon-button{background:#f9fafb;border:1px solid #e5e7eb;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;color:#6b7280;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.icon-button:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#374151;transform:translateY(-1px)}.icon-button.extras{background:#fef3c7;border-color:#fbbf24;color:#92400e}.icon-button.extras:hover{background:#fde68a;border-color:#f59e0b;color:#78350f;transform:translateY(-1px)}.extras-selection-modal{max-width:800px;max-height:90vh;overflow-y:auto}.modal-title-section{display:flex;flex-direction:column;gap:.5rem}.modal-subtitle{margin:0;font-size:.9rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.area-badge-small{background:#fef3c7;color:#92400e;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.extras-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0}.extra-selection-card{background:white;border:2px solid #e5e7eb;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;position:relative}.extra-selection-card:hover{border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.extra-selection-card.selected{border-color:#10b981;background:#f0fdf4;box-shadow:0 4px 12px #10b98133}.extra-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.extra-card-header h4{margin:0;font-size:1rem;color:#1f2937;font-weight:600}.extra-card-details{margin-bottom:1rem}.extra-quantity{margin:0;font-size:.85rem;color:#6b7280}.extra-price{margin:.25rem 0 0;font-size:1.1rem;color:#059669;font-weight:700}.extra-card-checkbox{position:absolute;top:1rem;right:1rem}.extra-card-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#10b981;cursor:pointer}.loading-extras{text-align:center;padding:2rem}.loading-extras p{margin-top:1rem;color:#6b7280}.no-extras-available{text-align:center;padding:2rem;color:#6b7280}.no-extras-available p{margin:0;font-size:1.1rem}.no-extras-available small{display:block;margin-top:.5rem;font-size:.9rem}.modal-footer{border-top:1px solid #e5e7eb;padding:1rem 0 0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.extras-summary{flex:1}.extras-summary p{margin:0;font-size:1rem;color:#374151}.extras-total{color:#059669;font-weight:700;margin-left:.5rem}.modal-actions{display:flex;gap:.75rem}.btn-secondary{background:#f9fafb;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.btn-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{background:#d1d5db;transform:none}.order-total{font-size:18px;color:#333;text-align:right;margin:20px 0;font-weight:600}.order-buttons{display:flex;gap:10px;color:#fff!important}.order-btn{flex:1;padding:12px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.order-btn.clear{background:#f1f3f5;color:#495057}.order-btn.clear:hover{background:#e9ecef}.order-btn.process{background:#8B4513;color:#fff}.order-btn.process:hover{background:#654321}.order-btn.process:disabled{background:#adb5bd;cursor:not-allowed}.products-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:0;height:auto!important;width:100%;padding:20px}.product-card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s;height:100px}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:#8b4513}.product-name{margin:0 0 8px;font-size:14px;color:#333}.product-price{color:#2b8a3e;font-weight:500;font-size:16px}.notification{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:6px;color:#fff;font-size:14px;z-index:1000;animation:slideIn .3s ease;height:100px!important}.notification.success{background:#2b8a3e}.notification.error{background:#c92a2a;color:#fff}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}h1,h2,h3,h4{color:#333;margin:0 0 20px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}.products-panel{background:white;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;height:100%}.products-header{padding:1rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.products-search{padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:6px;width:300px}.product-image{width:100%;height:120px;-o-object-fit:cover;object-fit:cover}.product-card{animation:fadeIn .3s ease}.modal-content{background:white;border-radius:12px;padding:1.5rem;width:80%;max-width:500px;animation:fadeIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#adb5bd}.modal-body{margin-bottom:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.modal-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer}.modal-btn.cancel{background:#e9ecef;color:#495057}.modal-btn.confirm{background:#2b8a3e;color:#fff}.active-orders-section{margin-top:2rem;background:white;border-radius:16px;padding:1.5rem}.active-orders-header{display:flex;gap:2rem;margin-bottom:1.5rem}.order-counter{display:flex;flex-direction:column;align-items:center}.counter-label{font-size:.9rem;color:#888}.counter-number{font-size:1.5rem;font-weight:700;color:#22c55e}.active-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.active-order-card{background:white;border-radius:12px;padding:1.5rem;position:relative}.order-type-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.order-type-icon{font-size:1.5rem}.order-type-text{font-weight:700;color:#888}.order-number{margin-left:auto;font-weight:700;color:#22c55e}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.status-badge.preparing{background:#374151;color:#60a5fa}.status-badge.ready{background:#065f46;color:#34d399}.order-items-list{margin:1rem 0;padding:1rem;background:#2d2d2d;border-radius:8px;max-height:200px;overflow-y:auto}.order-tag{font-size:.8rem;padding:.25rem .75rem;border-radius:20px;background:#374151;color:#888}.order-actions{display:flex;gap:1rem;margin-top:1rem}.status-button{padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700}.status-button.ready{background:#065f46;color:#fff}.status-button.ready:hover{background:#047857}.status-button.delivered{background:#1d4ed8;color:#fff}.status-button.delivered:hover{background:#1e40af}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard-card-main{height:auto;min-height:500px}}@media (max-width: 768px){.dashboard-main{padding:1rem}.categories-grid,.products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.active-orders-grid{grid-template-columns:1fr}.order-toggles{flex-direction:column}}.action-button{background:#8B4513;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.action-button:hover{background:#654321}.variante-option{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1rem;cursor:pointer;transition:all .2s ease}.variante-option:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.variante-option h4{margin:0;color:#2d3748;font-size:1.1rem}.variante-precio{color:#48bb78;font-weight:700;font-size:1.2rem;margin:.5rem 0}.insumos-adicionales{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e2e8f0}.insumos-adicionales small{display:block;color:#718096;margin-bottom:.5rem}.insumo-tag{display:inline-block;background-color:#f7fafc;color:#4a5568;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;margin-right:.5rem;margin-bottom:.5rem}.extras-source-info{margin-bottom:15px;padding:8px 12px;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #007bff}.extras-source-info small{color:#495057;font-weight:500;font-size:12px}.modal-content-dashboard{background-color:#fff;padding:2rem;border-radius:8px;width:80%!important;max-height:90vh;overflow-y:auto;max-width:600px}.modal-content-dashboard h3{margin-top:0;color:#2d3748;margin-bottom:1.5rem}.modal-buttons button{padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;font-weight:500}.modal-buttons button:first-child{background-color:#e2e8f0;color:#4a5568}.modal-buttons button:last-child{background-color:#48bb78;color:#fff}.modal-buttons button:hover{opacity:.9}.order-ready-notification{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00ff00d9;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1100;animation:fadeInNotification .5s ease,pulseNotification 2s infinite;text-align:center}.order-ready-notification h4{margin:0 0 1rem;color:#fff;font-size:3rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.order-ready-details{font-size:2.2rem;margin:.7rem 0;text-shadow:0 1px 2px rgba(0,0,0,.3);background-color:#ffffff26;padding:.5rem 1.5rem;border-radius:8px;font-weight:500;display:block;width:80%;max-width:600px}.order-ready-details strong{font-weight:700;margin-right:.5rem;text-transform:uppercase;color:#ffc}.order-ready-location{display:inline-block;background-color:#ffffff40;padding:.5rem 2rem;border-radius:8px;margin-top:2rem;font-size:2.5rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}@keyframes fadeInNotification{0%{opacity:0}to{opacity:1}}@keyframes pulseNotification{0%{background-color:#00ff00d9}50%{background-color:#00dc00e6}to{background-color:#00ff00d9}}.no-disponible{background-color:red!important}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:20px;padding:10px}.subcategory-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s ease;height:100px;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;position:relative}.subcategory-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);border-radius:8px;z-index:1}.subcategory-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:#8b4513}.subcategory-card h4{color:#fff;position:relative;z-index:2;margin:0;font-size:16px;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.navigation-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;margin-top:10px;margin-bottom:15px;font-size:16px}.breadcrumb-item{color:#333;font-weight:500}.breadcrumb-separator{color:#999;margin:0 8px}.category-header{display:flex;flex-direction:column;margin-bottom:20px}.back-button{align-self:flex-start;padding:8px 16px;background-color:#f5f5f5;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s;margin-bottom:10px}.back-button:hover{background-color:#e0e0e0}body{color:#fff!important}.active-order-card.employee-order{border-left:4px solid #9c27b0;background-color:#9c27b00d}.extras-lista{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;margin:20px 0;padding-right:10px}.extra-option{display:flex;justify-content:space-between;flex-direction:column;align-items:center;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.extra-option:hover{border-color:#8b4513;background:#f8f9fa}.extra-option.selected{border-color:#8b4513;background:#fff3e0}.extra-info{flex:1}.extra-info h4{margin:0 0 5px;font-size:16px;color:#333}.extra-description{margin:0 0 5px;font-size:14px;color:#666}.extra-precio{margin:0;font-size:14px;font-weight:600;color:#2b8a3e}.extra-controls{display:flex;align-items:center;gap:10px;margin-left:15px}.extra-checkbox{display:flex;align-items:center}.extra-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.gratis-toggle{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;padding:5px 8px;cursor:pointer;font-size:16px;transition:all .2s ease;min-width:35px;height:35px;display:flex;align-items:center;justify-content:center}.gratis-toggle:hover{border-color:#8b4513;background:#fff3e0}.gratis-toggle.active{background:#2b8a3e;border-color:#2b8a3e;color:#fff}.gratis-toggle.active:hover{background:#1e6b2e;border-color:#1e6b2e}.extras-summary{background:#f8f9fa;padding:15px;border-radius:8px;margin:20px 0;border:1px solid #e0e0e0}.extras-summary p{margin:5px 0;font-size:14px;color:#333}.extras-summary .total-price{font-size:16px;color:#2b8a3e;border-top:1px solid #e0e0e0;padding-top:10px;margin-top:10px}.confirm-button{background-color:#8b4513!important;color:#fff!important}.confirm-button:hover{background-color:#654321!important}.order-item-extras{margin:6px 0 0;padding:0;background:transparent;border:none}.dashboard-order-card{transition:all .2s ease;position:relative}.dashboard-order-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#8b4513}.dashboard-order-card:before{content:"👆 Click para añadir items";position:absolute;top:-30px;left:50%;transform:translate(-50%);background:rgba(139,69,19,.9);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;opacity:0;transition:opacity .2s ease;white-space:nowrap;z-index:10}.dashboard-order-card:hover:before{opacity:1}.dashboard-order-table{font-size:13px;color:#666;margin:4px 0;font-weight:500}.dashboard-order-table:before{content:"🍽️ ";margin-right:4px}.order-item-extras small{font-weight:400;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.extra-tag{display:inline;font-size:12px;color:#888;font-weight:400;margin-right:8px}.extra-tag:not(:last-child):after{content:" • ";color:#ccc;margin-left:4px}.config-list{margin-top:6px;display:flex;flex-direction:column;gap:4px}.config-row{font-size:12px;color:#555}.config-row strong{margin-right:6px}.variants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:20px 0}.variant-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.variant-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #8b451326;border-color:#8b4513}.variant-card.sin-variante{border-color:#6b7280;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%)}.variant-card.sin-variante:hover{border-color:#4b5563;box-shadow:0 8px 25px #4b556326}.variant-card h4{margin:0 0 10px;font-size:16px;font-weight:600;color:#1f2937;line-height:1.3}.variant-card.sin-variante h4{color:#6b7280;font-style:italic}.variant-price{font-size:18px;font-weight:700;color:#8b4513;margin:8px 0}.variant-card.sin-variante .variant-price{color:#6b7280}.extras-indicator{margin-top:10px;padding:4px 8px;background:rgba(34,197,94,.1);border-radius:20px;border:1px solid rgba(34,197,94,.2)}.extras-indicator small{color:#16a34a;font-size:12px;font-weight:500}@media (max-width: 768px){.variants-grid{grid-template-columns:1fr}.variant-card{padding:12px}.variant-card h4{font-size:13px}.variant-price{font-size:12px}}.quantity-display{font-weight:700;font-size:18px;color:#8b4513;min-width:25px;text-align:center}.quantity-display-readonly{font-weight:700;font-size:18px;color:#666;min-width:25px;text-align:center;background:#f5f5f5;padding:4px 8px;border-radius:4px;border:1px solid #ddd}.price-info{display:flex;flex-direction:column;align-items:flex-end}.unit-price{color:#666;font-size:12px;margin-top:2px}.order-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:8px}@media (max-width: 768px){.quantity-controls{gap:6px}.quantity-btn{width:28px;height:28px;font-size:14px}.quantity-display{font-size:16px;min-width:20px}}.dashboard-active-orders-section{margin-top:40px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.dashboard-active-orders-title{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center;border-bottom:2px solid #8B4513;padding-bottom:10px}.dashboard-order-counters{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.dashboard-order-counter{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#8B4513,#A0522D);border-radius:12px;color:#fff;min-width:120px;box-shadow:0 4px 12px #8b45134d;transition:transform .2s ease}.dashboard-order-counter:hover{transform:translateY(-2px)}.dashboard-counter-label{font-size:14px;font-weight:500;opacity:.9;margin-bottom:4px}.dashboard-counter-number{font-size:20px;font-weight:700}.dashboard-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.dashboard-order-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.dashboard-order-card:hover{border-color:#8b4513;box-shadow:0 4px 16px #8b451326;transform:translateY(-2px)}.dashboard-employee-order{border-color:#9c27b0;background:linear-gradient(135deg,#fff,#f3e5f5)}.dashboard-employee-order:hover{border-color:#7b1fa2;box-shadow:0 4px 16px #9c27b033}.dashboard-order-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.dashboard-order-type{display:flex;align-items:center;gap:8px}.dashboard-order-icon{font-size:20px}.dashboard-order-place{font-weight:600;color:#2c3e50;font-size:16px}.dashboard-order-number{font-size:18px;font-weight:700;color:#8b4513;align-self:flex-end}.dashboard-customer-name{color:#34495e;font-size:16px;font-weight:500;margin:0}.dashboard-status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;align-self:flex-start}.dashboard-status-badge.preparing{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.dashboard-status-badge.ready{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.dashboard-order-items{margin-bottom:16px;max-height:150px;overflow-y:auto;padding-right:5px}.dashboard-order-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f8f9fa}.dashboard-order-item:last-child{border-bottom:none}.dashboard-item-name{font-weight:500;color:#2c3e50;flex:1;font-size:14px}.dashboard-item-quantity{font-weight:700;color:#8b4513;margin-left:8px;font-size:14px;min-width:30px;text-align:right}.dashboard-config-list{margin-top:4px;font-size:12px;color:#6c757d}.dashboard-config-row{margin-bottom:2px}.dashboard-item-comment{font-style:italic;color:#6c757d;font-size:12px;margin-top:4px;display:block}.dashboard-order-footer{display:flex;flex-direction:column;gap:12px}.dashboard-order-tags{display:flex;gap:8px;flex-wrap:wrap}.dashboard-order-tag{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.dashboard-order-tag.togo{background:#e3f2fd;color:#1976d2}.dashboard-order-tag.employee{background:#f3e5f5;color:#7b1fa2}.dashboard-order-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}.dashboard-order-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:space-between}.dashboard-edit-btn,.dashboard-add-btn,.dashboard-add-items-btn,.dashboard-incidencias-btn{padding:8px 12px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;min-width:70px;text-align:center}.dashboard-edit-btn{background:#28a745;color:#fff}.dashboard-edit-btn:hover{background:#218838;transform:translateY(-1px)}.dashboard-add-btn{background:#007bff;color:#fff}.dashboard-add-btn:hover{background:#0056b3;transform:translateY(-1px)}.dashboard-add-items-btn{background:#8B4513;color:#fff}.dashboard-add-items-btn:hover{background:#A0522D;transform:translateY(-1px)}.dashboard-incidencias-btn{background:#dc3545;color:#fff}.dashboard-incidencias-btn:hover{background:#c82333;transform:translateY(-1px)}@media (max-width: 768px){.dashboard-active-orders-section{margin-top:20px;padding:16px}.dashboard-active-orders-title{font-size:20px}.dashboard-order-counters{gap:15px}.dashboard-order-counter{min-width:100px;padding:12px 16px}.dashboard-orders-grid{grid-template-columns:1fr;gap:16px}.dashboard-order-actions{flex-direction:column}.dashboard-add-items-btn,.dashboard-incidencias-btn{flex:none;width:100%}}@keyframes greenFlash{0%{background-color:#28a74500}50%{background-color:#28a74533}to{background-color:#28a74500}}.flash-animation{animation:greenFlash 1.5s ease-out}.overlay-animation{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00ff3ca9;pointer-events:none;animation:fadeOut 1.5s ease-out forwards;z-index:9999}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.login-container{min-height:100vh;width:100%;display:flex;background:linear-gradient(to bottom right,#8B4513,#654321);position:absolute;top:0;left:0;right:0;bottom:0}.login-left-side{display:none;background-color:#3b250633;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3rem}@media (min-width: 1024px){.login-left-side{display:flex;width:50%;align-items:center;justify-content:center}}.login-content{max-width:36rem;text-align:center}.login-logo-large{width:16rem;height:16rem;margin:0 auto 2rem}.login-right-side{width:100%;display:flex;align-items:center;justify-content:center;padding:1rem}@media (min-width: 1024px){.login-right-side{width:50%}}.login-form-container{width:100%;max-width:28rem;background-color:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;margin:0 auto}.login-header{text-align:center}.login-logo-small{height:6rem;width:auto;margin:0 auto}@media (min-width: 1024px){.login-logo-small{display:none}}.login-title{margin-top:1.5rem;font-size:1.875rem;font-weight:700;color:#fff}.login-subtitle{margin-top:.5rem;font-size:.875rem;color:#fffc}.login-branch{margin-top:1rem;padding:.5rem 1rem;background-color:#ffffff1a;border-radius:.5rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:1rem}.login-change-branch{background-color:#fff3;color:#fff;border:none;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s}.login-change-branch:hover{background-color:#ffffff4d}.login-input-group{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.login-label{display:block;color:#fff;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.login-input{width:100%;padding:.75rem 1rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;transition:all .2s}.login-input::-moz-placeholder{color:#ffffff80}.login-input::placeholder{color:#ffffff80}.login-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #ffffff80}.login-error{color:#ff4d4d;font-size:.875rem;text-align:center;background-color:#ff4d4d1a;padding:.75rem;border-radius:.5rem;margin:1rem 0;border:1px solid rgba(255,77,77,.2);animation:fadeIn .3s ease-in-out}.login-error-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.login-button{width:100%;display:flex;justify-content:center;padding:.75rem 1rem;background-color:#fff;color:#654321;font-weight:700;font-size:.875rem;border-radius:.5rem;border:none;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;margin-bottom:1rem}.login-button:hover{background-color:#ffffffe6}.login-button:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}.forgot-password{color:#fff;font-size:.875rem;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#fffc}.area-indicator{position:fixed;top:4rem;left:50%;transform:translate(-50%);padding:.5rem 1.5rem;border-radius:9999px;color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000001a;z-index:50}.area-icon{font-size:1.25rem}.area-text{font-size:1rem}.orders-layout{min-height:100vh;background:white!important;padding:2rem}.orders-main{max-width:1400px;margin:0 auto}.orders-title{color:#fff;text-align:center;font-size:20px;margin-bottom:3rem;text-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600;margin-top:100px}.orders-grid{display:flex;flex-direction:column;gap:.75rem;padding:.5rem;width:100%}.order-card{background:white;border-radius:12px;padding:1rem;box-shadow:0 4px 16px #0000001a;transition:transform .2s ease,box-shadow .2s ease;width:100%;max-width:none;border:solid 2px #8B4513;height:auto!important}.order-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:2rem}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#8b4513;animation:spin 1s ease-in-out infinite;margin-bottom:1.5rem}.loading-container p{font-size:1.2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.no-orders{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:2rem}.no-orders-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;padding:2rem;background:white;border-radius:24px;box-shadow:0 8px 32px #0000001a;transform:translateY(-20px);animation:float 6s ease-in-out infinite}.no-orders-illustration{width:250px;height:250px;-o-object-fit:contain;object-fit:contain;margin-bottom:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.no-orders-text{color:#4a5568}.no-orders-text h3{font-size:1.8rem;color:#2d3748;margin-bottom:1rem;font-weight:600}.no-orders-text p{font-size:1.2rem;color:#718096;line-height:1.6}@keyframes float{0%{transform:translateY(-20px)}50%{transform:translateY(-30px)}to{transform:translateY(-20px)}}.AREA-kitchen-order-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.AREA-kitchen-order-header-left-section{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.AREA-kitchen-order-header-buttons-wrapper{display:flex;gap:.5rem}.AREA-kitchen-status-action-button{padding:.4rem .8rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 4px #0000001a}.AREA-kitchen-status-action-button.AREA-ready-state{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.AREA-kitchen-status-action-button.AREA-ready-state:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 12px #10b9814d}.AREA-kitchen-status-action-button.AREA-delivered-state{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.AREA-kitchen-status-action-button.AREA-delivered-state:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 12px #8b5cf64d}.order-header h4{font-size:1.3rem;color:#1a202c;font-weight:700;margin:0}.order-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:#4a5568;font-weight:500}.AREA-kitchen-order-items-grid-container{background:#f7f8fa;border-radius:8px;padding:.75rem;margin:.5rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;max-width:100%}.AREA-kitchen-order-item-card-element{display:flex;flex-direction:column;justify-content:space-between;padding:10px!important;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e2e8f0;width:100%;transition:all .2s ease}.AREA-kitchen-order-item-card-element:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000026;border-color:#8b4513}.item-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.item-name{display:block;font-weight:600;color:#2d3748;margin-bottom:.15rem;font-size:.9rem}.item-comments{display:block;font-size:.75rem;color:#718096;font-style:italic;margin-top:.15rem;font-weight:500}.item-extras{margin-top:8px;padding:6px;background:#f8f9fa;border-radius:4px;border-left:3px solid #fbbf24}.item-extras strong{font-size:.75rem;color:#8b5a00;display:block;margin-bottom:4px}.extra-item-detail{display:flex;justify-content:space-between;align-items:center;margin:2px 0;padding:2px 0}.extra-name{font-size:.75rem;color:#374151;flex:1}.extra-price{font-size:.7rem;color:#059669;font-weight:600;margin-left:8px}.item-price{font-weight:700;color:#8b4513;white-space:nowrap;font-size:.9rem;text-align:right;margin-top:.25rem}.status-badge{padding:.4rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600}.status-badge.preparing{background-color:#fef3c7;color:#92400e}.status-badge.ready{background-color:#d1fae5;color:#065f46}.status-badge.delivered{background-color:#e0e7ff;color:#3730a3}.order-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:2px solid #f3f4f6}.order-tags{display:flex;gap:.5rem}.order-tag{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500}.order-tag.employee{background-color:#e0e7ff;color:#3730a3}.order-tag.togo{background-color:#fef3c7;color:#92400e}.order-total{font-weight:700;color:#1a202c;font-size:1.5rem}.order-actions{margin-top:1rem;padding-top:1rem;border-top:2px solid #f3f4f6;display:flex;justify-content:flex-end}.status-button{padding:1rem 2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1.1rem}.status-button.ready:hover{background-color:#047857}.status-button.delivered:hover{background-color:#4338ca}.price-discount{display:block;font-size:.75rem;color:#059669;font-weight:400}.order-type-indicator{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background-color:#f3f4f6;border-radius:9999px;margin-bottom:.5rem}.order-type-icon{font-size:1.25rem}.order-type-text{font-size:.875rem;font-weight:500;color:#4b5563}.order-number{font-weight:700;color:#1f2937;font-size:1.3rem}.order-actions{display:flex;gap:.5rem;margin-top:1rem}.status-button{flex:1;padding:.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s}.status-button.ready{background-color:#059669;color:#fff}.status-button.delivered{background-color:#4f46e5;color:#fff}.payment-options{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.payment-select,.phone-input{padding:.5rem;border-radius:.375rem;border:1px solid #e5e7eb;font-size:1rem}.modal-content{background:white;padding:2rem;border-radius:1rem;width:90%;max-width:500px}.modal-button{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer}.modal-button.cancel{background-color:#ef4444;color:#fff}.modal-button.confirm{background-color:#10b981;color:#fff}.status-button.payment{background-color:#6366f1;color:#fff}.overlay-animation{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00ff3c66;pointer-events:none;animation:pulseAndFade 1.5s ease-out forwards;z-index:9999}@keyframes pulseAndFade{0%{opacity:.2}25%{opacity:.8}50%{opacity:.6}75%{opacity:.4}to{opacity:0}}.item-extras{margin-top:.5rem;padding:.5rem;background-color:#f0f9ff;border-radius:6px;border-left:3px solid #0ea5e9}.item-extras strong{color:#0369a1;font-size:.875rem;display:block;margin-bottom:.25rem}.extra-item{display:block;font-size:.8rem;color:#374151;margin-left:.5rem;line-height:1.4}.extra-item:not(:last-child){margin-bottom:.125rem}.item-info{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.item-quantity{background-color:#8b4513;color:#fff;padding:3px 8px;border-radius:8px;font-size:.85rem;font-weight:700;min-width:30px;text-align:center}.item-name{flex:1;margin-right:.5rem;font-weight:600;font-size:.9rem}.new-order-alert{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in-out}.new-order-alert-content{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:3rem;border-radius:20px;text-align:center;box-shadow:0 25px 50px #0000004d;position:relative;overflow:hidden;min-width:400px;max-width:90vw;animation:bounceIn .6s ease-out}.new-order-alert-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shine 2s infinite}.alert-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 1.5s infinite}.new-order-alert h2{font-size:2.5rem;margin:0 0 1rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:glow 2s infinite alternate}.new-order-alert p{font-size:1.2rem;margin:0;opacity:.9}.alert-animation{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.3);overflow:hidden}.alert-animation:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:loading 4s linear forwards}@keyframes bounceIn{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.05) rotate(2deg)}70%{transform:scale(.9) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes glow{0%{text-shadow:0 2px 4px rgba(0,0,0,.3)}to{text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5)}}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes loading{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.new-order-alert-content{padding:2rem;min-width:300px}.new-order-alert h2{font-size:2rem}.alert-icon{font-size:3rem}.item-info{flex-direction:column;align-items:flex-start;gap:.5rem}.item-quantity{align-self:flex-end}.AREA-kitchen-order-header-buttons-wrapper{flex-direction:column;gap:.25rem;width:100%}.AREA-kitchen-status-action-button{padding:.3rem .6rem;font-size:.8rem;width:100%;text-align:center}.AREA-kitchen-order-header-left-section{width:100%}.AREA-kitchen-order-header-container{flex-direction:column;align-items:flex-start;gap:.5rem}}.employee-orders-layout{min-height:100vh;background-color:#f5f6fa;font-family:Inter,sans-serif}.employee-orders-main{max-width:1400px;margin:0 auto;padding:1.5rem;padding-top:110px}.header-section{text-align:center;margin-bottom:2rem;background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef}.page-title{color:#2c3e50;font-size:2rem;margin-bottom:.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem}.title-icon{color:#8b4513;font-size:1.8rem}.page-subtitle{color:#6c757d;font-size:1rem;margin:0}.controls-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef}.emp-control-group{display:flex;flex-direction:column;gap:.5rem}.emp-control-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;font-size:.9rem}.emp-control-icon{color:#8b4513;font-size:1rem}.emp-input,.emp-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s ease;background-color:#fff;color:#374151}.emp-input:focus,.emp-select:focus{border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a;outline:none}.date-input-container{display:flex;gap:.5rem;align-items:stretch}.date-input-container .emp-input{flex:1}.today-button{padding:.75rem 1rem;background:linear-gradient(135deg,#8B4513 0%,#A0522D 100%);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:60px}.today-button:hover{background:linear-gradient(135deg,#A0522D 0%,#8B4513 100%);transform:translateY(-1px);box-shadow:0 2px 8px #8b45134d}.today-button:active{transform:translateY(0);box-shadow:0 1px 4px #8b45134d}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.emp-stat-card{background:linear-gradient(135deg,#8B4513 0%,#A0522D 100%);color:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px #8b451340;transition:transform .2s ease}.emp-stat-card:hover{transform:translateY(-2px)}.emp-stat-icon{font-size:2rem;opacity:.9}.emp-stat-content{flex:1}.emp-stat-number{font-size:1.8rem;font-weight:700;margin-bottom:.25rem;line-height:1}.emp-stat-label{font-size:.85rem;opacity:.9;line-height:1}.orders-section{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef;overflow:hidden}.emp-section-header{background:#f8fafc;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.emp-section-title{color:#374151;font-size:1.25rem;margin:0;font-weight:600}.emp-orders-count{color:#6b7280;font-size:.85rem;background:#e5e7eb;padding:.25rem .75rem;border-radius:16px;font-weight:500}.loading-state,.empty-state{text-align:center;padding:3rem 2rem;color:#6b7280}.loading-spinner{width:36px;height:36px;border:3px solid #f3f4f6;border-top:3px solid #8B4513;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-icon{font-size:2.5rem;color:#d1d5db;margin-bottom:1rem}.orders-list{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:650px;overflow-y:auto}.orders-list::-webkit-scrollbar{width:6px}.orders-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.orders-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.orders-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.emp-order-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.emp-order-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:#8b4513}.emp-order-header{background:#f9fafb;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.emp-employee-info{display:flex;align-items:center;gap:.75rem}.emp-employee-icon{color:#8b4513;font-size:1.1rem}.emp-employee-name{font-weight:600;color:#374151;font-size:1rem}.emp-employee-dept{background:#e5e7eb;color:#6b7280;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.emp-order-meta{display:flex;align-items:center;gap:1rem}.emp-order-time{display:flex;align-items:center;gap:.4rem;color:#6b7280;font-size:.85rem;font-weight:500}.emp-time-icon{font-size:.8rem}.emp-status-badge{padding:.3rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-preparing{background-color:#fef3c7;color:#92400e;border:1px solid #fbbf24}.status-ready{background-color:#d1fae5;color:#065f46;border:1px solid #34d399}.status-delivered{background-color:#dbeafe;color:#1e40af;border:1px solid #60a5fa}.emp-order-content{padding:1.25rem}.emp-order-items{margin-bottom:1rem}.emp-items-title{color:#374151;font-size:.95rem;margin-bottom:.75rem;font-weight:600}.emp-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.emp-item-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;border-left:3px solid #8B4513;transition:background-color .2s ease}.emp-item-card:hover{background:#f3f4f6}.emp-item-name{font-weight:500;color:#374151;font-size:.9rem;flex:1;margin-right:.5rem}.emp-item-price{font-weight:600;color:#8b4513;font-size:.9rem}.emp-no-items{color:#9ca3af;font-style:italic;text-align:center;padding:1rem;background:#f9fafb;border-radius:6px}.emp-order-summary{border-top:1px solid #e5e7eb;padding-top:1rem;text-align:right}.emp-total-amount{font-size:1.1rem;color:#374151;font-weight:600}.view-mode-selector{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.mode-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:8px;background:white;color:#6b7280;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-btn:hover{border-color:#8b4513;color:#8b4513;transform:translateY(-1px)}.mode-btn.active{border-color:#8b4513;background:linear-gradient(135deg,#8B4513 0%,#A0522D 100%);color:#fff}.mode-icon{font-size:1rem}.quick-range-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.quick-range-btn{padding:.5rem 1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-range-btn:hover{background:#8B4513;color:#fff;border-color:#8b4513}.employee-breakdown-section{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef;overflow:hidden;margin-bottom:2rem}.employee-breakdown-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.employee-breakdown-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;transition:all .2s ease;position:relative;overflow:hidden}.employee-breakdown-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b451326;border-color:#8b4513}.emp-breakdown-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.emp-breakdown-info{flex:1}.emp-breakdown-name{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 .25rem}.emp-breakdown-dept{background:#e5e7eb;color:#6b7280;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.emp-breakdown-rank{background:linear-gradient(135deg,#8B4513 0%,#A0522D 100%);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;box-shadow:0 2px 4px #8b45134d}.emp-breakdown-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.breakdown-stat{display:flex;flex-direction:column;gap:.25rem}.breakdown-stat .stat-label{font-size:.8rem;color:#6b7280;font-weight:500}.breakdown-stat .stat-value{font-size:.95rem;color:#374151;font-weight:600}.breakdown-stat .stat-value.highlight{color:#8b4513;font-size:1.1rem}.emp-breakdown-products{margin-bottom:1rem}.emp-breakdown-products h5{font-size:.9rem;color:#374151;margin:0 0 .5rem;font-weight:600}.favorite-products-list{display:flex;flex-direction:column;gap:.25rem}.favorite-product{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;background:white;border-radius:4px;font-size:.8rem}.product-name{color:#374151;font-weight:500;flex:1}.product-count{color:#8b4513;font-weight:600;font-size:.75rem}.emp-breakdown-last-order{text-align:center;padding-top:.75rem;border-top:1px solid #e5e7eb}.emp-breakdown-last-order small{color:#9ca3af;font-size:.75rem}@media (max-width: 768px){.employee-orders-main{padding:1rem;padding-top:100px}.controls-section{grid-template-columns:1fr;gap:1rem}.stats-section{grid-template-columns:repeat(2,1fr)}.page-title{font-size:1.75rem}.emp-section-header,.emp-order-header{flex-direction:column;align-items:flex-start;gap:.75rem}.emp-items-grid{grid-template-columns:1fr}.emp-stat-card{padding:1.25rem}.date-input-container{flex-direction:column;gap:.75rem}.today-button{align-self:flex-start;min-width:80px}.view-mode-selector{flex-direction:column;gap:.75rem}.mode-btn{justify-content:center}.quick-range-buttons{flex-direction:column;gap:.5rem}.quick-range-btn{width:100%;text-align:center}.employee-breakdown-grid{grid-template-columns:1fr;padding:1rem}.emp-breakdown-stats{grid-template-columns:1fr}}@media (max-width: 480px){.header-section{padding:1.5rem 1rem}.controls-section{padding:1rem}.emp-stat-card{flex-direction:column;text-align:center;gap:.75rem}.emp-order-content,.orders-list{padding:1rem}.today-button{font-size:.8rem;padding:.6rem .8rem;min-width:70px}.stats-section{grid-template-columns:1fr}.employee-breakdown-card{padding:1rem}.emp-breakdown-rank{width:28px;height:28px;font-size:.8rem}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.reports-layout{min-height:100vh;background-color:#f5f7fa;padding:20px;margin-top:60px}.reports-main{max-width:1400px;margin:0 auto;padding:20px}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;background-color:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.reports-header h2{color:#2c3e50;font-size:2rem;margin:0}.date-filters{display:flex;gap:1rem}.date-filters button{padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:8px;background:white;color:#666;cursor:pointer;transition:all .2s}.date-filters button:hover{border-color:#28a745;color:#28a745}.date-filters button.active{background:#28a745;color:#fff;border-color:#28a745}.time-and-date{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.current-time{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#2c3e50}.clock-icon,.calendar-icon{color:#3498db;font-size:1.3rem}.time-text{font-weight:600;letter-spacing:.5px}.current-shift{background-color:#3498db;color:#fff;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:500;margin-left:10px}.date-selector{display:flex;align-items:center;gap:10px}.date-picker{padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#2c3e50;background:white;cursor:pointer;transition:all .2s;min-width:140px}.date-picker:hover,.date-picker:focus{border-color:#3498db;outline:none}.shift-tabs{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.shift-tab{padding:.75rem 1.25rem;background:white;border:none;border-radius:10px;font-size:.95rem;font-weight:500;color:#555;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.shift-tab:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.shift-tab.active{background:#3498db;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2.5rem}.stat-card{background:white;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#3498db,#2980b9);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.stat-card:hover:before{opacity:1}.stat-icon{font-size:1.8rem;color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);padding:1rem;border-radius:12px;box-shadow:0 4px 12px #3498db4d;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-info{flex:1}.stat-info h3{margin:0 0 8px;color:#555;font-size:.9rem}.stat-value{margin:0;color:#2c3e50;font-size:1.75rem;font-weight:700;transition:all .3s ease}.stat-card:hover .stat-value{color:#3498db}.daily-summary{display:flex;justify-content:center;margin-bottom:2.5rem}.print-report-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3498db4d;display:flex;align-items:center;gap:10px}.print-report-btn:before{content:"📊";font-size:1.2rem}.print-report-btn:hover{transform:translateY(-3px);box-shadow:0 6px 18px #3498db66;background:linear-gradient(135deg,#2980b9,#1c638e)}.orders-table-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem;margin-top:2rem;overflow:auto}.orders-table-container h3{margin-top:0;margin-bottom:1.25rem;color:#2c3e50;font-size:1.25rem;position:relative;padding-bottom:.75rem}.orders-table-container h3:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,#3498db,transparent);border-radius:3px}.orders-table{width:100%;border-collapse:collapse;font-size:.9rem}.orders-table th{background-color:#f8f9fa;padding:.9rem 1rem;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0;position:sticky;top:0;z-index:1}.orders-table td{padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;color:#333;transition:all .2s}.order-row{transition:all .2s}.order-row:hover{background-color:#f5f7fa;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.products-cell{position:relative;cursor:pointer}.products-count{background:#edf2f7;color:#3498db;padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:600;transition:all .2s}.products-cell:hover .products-count{background:#3498db;color:#fff}.products-tooltip{position:absolute;top:110%;left:50%;transform:translate(-50%);background:white;border-radius:8px;box-shadow:0 10px 25px #00000026;padding:1rem;min-width:200px;max-width:300px;z-index:10;opacity:0;visibility:hidden;transition:all .3s}.products-cell:hover .products-tooltip{opacity:1;visibility:visible;top:100%}.tooltip-item{padding:.5rem 0;border-bottom:1px solid #e0e0e0;font-size:.85rem;color:#333}.view-details-btn{background:none;border:none;color:#3498db;cursor:pointer;font-size:1.1rem;transition:all .2s;padding:.5rem;border-radius:50%}.view-details-btn:hover{color:#fff;background-color:#3498db;transform:scale(1.1)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #28a745;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@media (max-width: 768px){.reports-header{flex-direction:column}.current-time,.date-selector{width:100%}.shift-tabs{flex-direction:column}.date-filters{width:100%;overflow-x:auto;padding-bottom:.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{flex-direction:column;text-align:center;padding:1.25rem 1rem}.stat-icon{margin-bottom:.75rem}.orders-table-container{padding:1rem}.order-details-content{padding:1.5rem}}.reports-title{color:#fff;text-align:center;font-size:2.5rem;margin-bottom:3rem;text-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600;margin-top:100px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:white;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;text-align:center}.summary-card h3{color:#4b5563;margin-bottom:.5rem;font-size:1.1rem}.summary-card p{color:#1f2937;font-size:1.5rem;font-weight:600}.chart-container{background:white;padding:2rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.orders-list{background:white;padding:2rem;border-radius:1rem;margin-top:2rem;box-shadow:0 4px 6px #0000001a}.orders-list h3{margin-bottom:1.5rem;color:#1f2937;font-size:1.5rem;font-weight:600}.orders-table{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-top:1rem}.orders-table table{width:100%;border-collapse:collapse}.orders-table th{background-color:#f3f4f6;padding:12px;text-align:left;font-weight:600;color:#1f2937}.orders-table td{padding:12px;border-bottom:1px solid #e5e7eb;color:#1f2937}.orders-table tr:hover{background-color:#f9fafb}.status-badge{padding:4px 8px;border-radius:9999px;font-size:.875rem;font-weight:500}.status-badge.activa{background-color:#fef3c7;color:#92400e}.status-badge.completada{background-color:#d1fae5;color:#065f46}.items-summary{position:relative;cursor:pointer;color:#1f2937}.items-tooltip{position:absolute;display:none;background:white;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem;box-shadow:0 2px 4px #0000001a;z-index:10;min-width:200px}.items-summary:hover .items-tooltip{display:block}.tooltip-item{padding:4px 8px;border-bottom:1px solid #f3f4f6;color:#1f2937}.tooltip-item:last-child{border-bottom:none}.employee-order-row{background-color:#ffc1071a!important;border-left:4px solid #ffc107}.employee-order-row:hover{background-color:#ffc10733!important}.employee-badge{background-color:#ffc107;color:#212529;font-size:.7rem;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.orders-section{background:white;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.section-title{color:#4b5563;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.no-orders{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.tag{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;margin-right:.5rem}.tag.employee{background-color:#e0e7ff;color:#3730a3}.tag.togo{background-color:#fef3c7;color:#92400e}.loading-message,.no-orders-message{text-align:center;padding:3rem 0;color:#777;font-size:1.1rem;background:#f9f9f9;border-radius:8px}.loading-message:before{content:"⏳";display:block;font-size:2.5rem;margin-bottom:1rem}.no-orders-message:before{content:"📭";display:block;font-size:2.5rem;margin-bottom:1rem}.order-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.order-details-content{background:white;border-radius:12px;box-shadow:0 25px 50px #00000040;padding:2rem;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#555;cursor:pointer;transition:all .2s}.close-modal:hover{color:#e74c3c;transform:scale(1.2)}.order-details-content h2{margin-top:0;color:#2c3e50;border-bottom:2px solid #f1f1f1;padding-bottom:1rem;margin-bottom:1.5rem}.order-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;background:#f8f9fa;padding:1rem;border-radius:8px}.order-info p{margin:.5rem 0}.order-info p strong{color:#555}.order-items{margin-bottom:2rem}.order-items h3{color:#2c3e50;margin-bottom:1rem}.items-table{width:100%;border-collapse:collapse}.items-table th{background-color:#f5f7fa;padding:.75rem 1rem;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0}.items-table td{padding:.75rem 1rem;border-bottom:1px solid #e0e0e0}.order-totals{background:#edf2f7;padding:1.25rem;border-radius:8px;text-align:right}.order-totals p{margin:.5rem 0;font-size:1rem}.order-total{font-size:1.25rem!important;color:#2c3e50;margin-top:.75rem!important}@media (max-width: 576px){.reports-header{flex-direction:column;align-items:stretch}.time-and-date{flex-direction:column;align-items:flex-start}.orders-table{font-size:.8rem}.stat-card{min-height:150px;justify-content:center}}@media (max-width: 480px){.shift-tabs{flex-direction:column}.shift-tab{width:100%}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-card{animation:slideInUp .5s ease-out forwards;opacity:0}.fade-in{animation:fadeIn .8s ease-out forwards}.order-row{animation:slideInUp .4s ease-out forwards;opacity:0}.stats-grid:hover .animate-card{transition-delay:0s!important}.print-report-btn:hover:before{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stat-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s;z-index:1;pointer-events:none}.stat-card:hover:after{left:100%}.stat-card:nth-child(1) .stat-icon,.stat-card:nth-child(2) .stat-icon,.stat-card:nth-child(3) .stat-icon,.stat-card:nth-child(4) .stat-icon,.stat-card:nth-child(7) .stat-icon{background:linear-gradient(135deg,#4CAF50,#2E7D32);box-shadow:0 4px 12px #4caf504d}.stat-card:nth-child(5) .stat-icon,.stat-card:nth-child(6) .stat-icon{background:linear-gradient(135deg,#FF9800,#F57C00);box-shadow:0 4px 12px #ff98004d}.stat-card:nth-child(8) .stat-icon,.stat-card:nth-child(9) .stat-icon{background:linear-gradient(135deg,#2196F3,#1565C0);box-shadow:0 4px 12px #2196f34d}.stats-grid .stat-card{transition:transform .3s ease,box-shadow .3s ease}.stats-grid .stat-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px #00000026}.stats-grid:hover .stat-card:not(:hover){filter:brightness(.95)}.stats-grid{padding:10px;margin-top:15px}.stat-card{min-height:120px}.orders-table-container{scroll-behavior:smooth}.print-report-btn{position:relative;overflow:hidden}.print-report-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.8s;z-index:1}.print-report-btn:hover:after{left:100%}.quick-insights-section{background:white;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;animation:fadeIn .6s ease-out}.quick-insights-title{margin-bottom:1.5rem}.quick-insights-title h2{font-size:1.4rem;color:#2c3e50;margin:0;font-weight:600;position:relative;display:inline-block}.quick-insights-title h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#3498db,transparent);border-radius:2px}.quick-insights-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.insight-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;animation:slideInUp .5s ease-out forwards;border-left:5px solid #3498db}.insight-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000001f}.insight-number{font-size:2.2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;line-height:1}.insight-label{font-size:1rem;color:#64748b;font-weight:500}.insight-icon{position:absolute;top:1.25rem;right:1.25rem;font-size:1.8rem;opacity:.2;transition:all .3s ease;color:#3498db}.insight-card:hover .insight-icon{transform:scale(1.2);opacity:.4}.insight-card.total-sales{border-left-color:#4caf50}.insight-card.total-sales .insight-icon{color:#4caf50}.insight-card.orders-count{border-left-color:#2196f3}.insight-card.orders-count .insight-icon{color:#2196f3}.insight-card.avg-ticket{border-left-color:#ff9800}.insight-card.avg-ticket .insight-icon{color:#ff9800}.insight-card.customers{border-left-color:#9c27b0}.insight-card.customers .insight-icon{color:#9c27b0}.insight-card:nth-child(1){animation-delay:.1s}.insight-card:nth-child(2){animation-delay:.2s}.insight-card:nth-child(3){animation-delay:.3s}.insight-card:nth-child(4){animation-delay:.4s}.insight-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.8s;z-index:1}.insight-card:hover:after{left:100%}@media (max-width: 768px){.quick-insights-cards{grid-template-columns:repeat(2,1fr)}.insight-number{font-size:1.8rem}.insight-icon{font-size:1.5rem}}@media (max-width: 480px){.quick-insights-cards{grid-template-columns:1fr}.insight-card{text-align:center;padding:1.25rem}.insight-icon{position:static;display:block;margin:0 auto .75rem;font-size:2rem;opacity:.5}.quick-insights-title h2{font-size:1.2rem}}.productivity-section{background:white;border-radius:12px;padding:24px;margin:24px 0;box-shadow:0 4px 6px #0000001a}.productivity-section h3{color:#2c3e50;margin-bottom:20px;font-size:1.4rem;border-bottom:2px solid #3498db;padding-bottom:8px}.productivity-cards{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.productivity-cards{grid-template-columns:1fr 1fr}}@media (min-width: 1200px){.productivity-cards{grid-template-columns:1fr 1fr 1fr}}.productivity-card{background:#f8f9fa;border-radius:8px;padding:20px;border-left:4px solid #3498db;transition:all .3s ease}.productivity-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.productivity-card.general{border-left-color:#2ecc71}.productivity-card.departments{border-left-color:#e74c3c}.productivity-card.shifts{border-left-color:#f39c12}.productivity-card h4{color:#2c3e50;margin-bottom:16px;font-size:1.1rem;font-weight:600}.productivity-metrics{display:flex;flex-direction:column;gap:12px}.metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #ecf0f1}.metric.highlight{background:rgba(52,152,219,.1);padding:12px;border-radius:6px;border-bottom:none;font-weight:700}.metric-label{color:#7f8c8d;font-size:.9rem}.metric-value{color:#2c3e50;font-weight:600;font-size:1rem}.departments-grid,.shifts-grid{display:grid;gap:12px}.department-item,.shift-item{background:white;padding:12px;border-radius:6px;border:1px solid #ecf0f1;transition:all .2s ease}.department-item:hover,.shift-item:hover{border-color:#3498db;box-shadow:0 2px 4px #3498db1a}.department-item h5,.shift-item h5{color:#2c3e50;margin:0 0 8px;font-size:.9rem;font-weight:600}.department-stats,.shift-stats{display:flex;flex-direction:column;gap:4px}.department-stats small,.shift-stats small{color:#7f8c8d;font-size:.8rem}.department-stats strong,.shift-stats strong{color:#27ae60;font-size:1rem;font-weight:700}@media (max-width: 768px){.productivity-section{padding:16px;margin:16px 0}.productivity-section h3{font-size:1.2rem}.productivity-card{padding:16px}.departments-grid,.shifts-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.large{background:white;border-radius:8px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 6px #0000001a}.modal-header{padding:1rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;border-radius:8px 8px 0 0}.modal-header h3{margin:0;color:#2c3e50;font-size:1.5rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;transition:color .2s}.close-button:hover{color:#dc3545}.modal-body{padding:1rem;overflow-y:auto;flex:1}.add-items-container{display:grid;grid-template-columns:2fr 1fr;gap:1rem;height:100%}.categories-section{background:#f8f9fa;border-radius:8px;padding:1rem;overflow-y:auto}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem}.back-button{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-bottom:1rem;transition:background-color .2s}.back-button:hover{background:#5a6268}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem}.product-card{background:white;border:1px solid #dee2e6;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;justify-content:space-between}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.new-items-section{background:white;border-radius:8px;padding:1rem;border:1px solid #dee2e6;display:flex;color:#000;flex-direction:column}.new-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid #e0e0e0}.item-actions{display:flex;gap:.5rem}.item-actions button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.item-actions button:hover{background-color:#f8f9fa}.new-items-total{margin-top:auto;padding:1rem;border-top:2px solid #e0e0e0;font-weight:700;text-align:right}.modal-footer{padding:1rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:1rem;background-color:#f8f9fa;border-radius:0 0 8px 8px}.cancel-button,.save-button{padding:.5rem 1rem;border-radius:4px;cursor:pointer;border:none;font-weight:500;transition:all .2s}.cancel-button{background-color:#6c757d;color:#fff}.save-button{background-color:#28a745;color:#fff}.cancel-button:hover{background-color:#5a6268}.save-button:hover{background-color:#218838}.save-button:disabled{background-color:#6c757d;cursor:not-allowed}.order-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.order-meta h3{margin:0;font-size:1.2rem;color:#2c3e50}.order-datetime{font-size:.9rem;color:#666}.pay-button{background-color:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .2s;margin-left:.5rem;width:150px!important}.add-items-button{color:#fff!important;border:none;padding:.5rem 1rem;border-radius:4px;width:150px!important}.pay-button:hover{background-color:#218838}.item-price-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.item-unit-price{font-size:.8rem;color:#6c757d;margin-top:2px}.item-quantity{background-color:#f8f9fa;padding:2px 6px;border-radius:4px;font-size:.85rem;color:#333;margin-right:8px;font-weight:500}.item-place{background-color:#e9ecef;padding:2px 6px;border-radius:4px;font-size:.8rem;text-transform:capitalize;color:#495057}.order-item{display:flex;justify-content:space-between;padding:12px;border:1px solid #e8eaed;border-radius:8px;margin-bottom:10px;gap:10px}.order-item:last-child{border-bottom:none}.item-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:80%}.item-name{font-weight:600;color:#333;margin-right:8px}.item-comments{width:100%;color:#6c757d;font-style:italic;font-size:.9rem;margin-top:5px;padding-left:5px;border-left:2px solid #dee2e6}.product-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap}.variantes-badge{background-color:#e9ecef;color:#495057;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:500}.product-employee-price{font-size:.9rem;color:#fff;background-color:#8b4513;padding:3px 8px;border-radius:4px;margin-top:8px;display:inline-block;font-weight:500}.price-tag.employee{background-color:#8b4513;color:#fff;padding:4px 8px;border-radius:4px;font-weight:500;margin-top:5px;font-size:.8rem;display:inline-block}.variant-modal{width:90%;max-width:600px;max-height:80vh}.variantes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin:1rem 0}.variante-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;text-align:center}.variante-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:#8b4513}.variante-card h4{margin:0 0 .5rem;font-size:1rem;color:#333}.variante-precio{font-size:1.1rem;font-weight:600;color:#2b8a3e;display:flex;flex-direction:column;align-items:center;gap:5px}.product-card{min-height:100px;display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:#fff;transition:all .2s ease}.product-card h4{margin:0;font-size:1rem;color:#333;line-height:1.3;max-width:85%}.product-price{font-weight:700;font-size:1.1rem;color:#2b8a3e;margin:.5rem 0 0}.new-items-section{max-height:500px;overflow-y:auto}.new-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;background-color:#fafbfc;transition:all .2s ease}.new-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.new-item-content{flex:1;display:flex;flex-direction:column;gap:4px}.new-item-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.4}.new-item-price{font-size:14px;font-weight:600;color:#059669}.new-item-extras{margin-top:4px;display:flex;flex-direction:column}.new-item-extras small{font-weight:400;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.new-item-extras .extra-tag{display:inline;font-size:12px;color:#6b7280;font-weight:400;margin-right:8px}.new-item-extras .extra-tag:not(:last-child):after{content:" • ";color:#d1d5db;margin-left:4px}.chip{max-width:200px}.new-item-comments{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;color:#6b7280;font-style:italic}.new-item-comments .comment-icon{color:#9ca3af}.debug-info{background-color:#f8f9faf2;border:1px solid #dee2e6;border-left:3px solid #8B4513;font-family:monospace;color:#333;z-index:1100}.debug-info p{margin:5px 0}.employee-sale-badge{background-color:#8b4513;color:#fff;font-size:.7rem;padding:4px 8px;border-radius:4px;margin-left:10px;font-weight:500;vertical-align:middle;text-transform:uppercase}.product-card.no-disponible{opacity:.6;cursor:not-allowed;position:relative;background-color:#f8f9fa;border:1px solid #dee2e6}.product-card.no-disponible:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff80;pointer-events:none}.disponibilidad-badge{background-color:#dc3545;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:500;margin-left:5px}.variante-card.no-disponible{opacity:.6;cursor:not-allowed;position:relative;background-color:#f8f9fa;border:1px solid #dee2e6}.variante-card.no-disponible:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff80;pointer-events:none}.category-with-subcategories,.subcategories-container,.product-card,.product-card h4,.product-price,.product-employee-price,.subcategories-container .category-card{color:#333}.order-card.employee-order{border-left:4px solid #9c27b0;background-color:#9c27b00d}.order-tag.employee{background-color:#9c27b0;color:#fff;font-weight:700}.orders-layout,.orders-main,.orders-title,.order-card,.order-header,.order-meta h3,.order-meta h4,.order-datetime,.order-items,.item-details,.item-name,.item-quantity,.item-place,.item-comments,.item-price-info,.item-price,.item-unit-price,.order-footer,.order-total,.order-actions button{color:#333}p{color:#000!important}.variante-card.sin-variante{border:2px dashed #8B4513;background-color:#fff8f0}.variante-card.sin-variante:hover{background-color:#fff0e0;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.extras-lista{display:grid;gap:12px;max-height:400px;overflow-y:auto;margin:16px 0}.extra-option{display:flex;align-items:center;justify-content:space-between;padding:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:#fff}.extra-option:hover{border-color:#d1d5db;background-color:#f9fafb}.extra-option.selected{border-color:#3b82f6;background-color:#eff6ff}.extra-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937}.extra-description{margin:0 0 4px;font-size:12px;color:#6b7280}.extra-precio{margin:0;font-size:13px;font-weight:600;color:#059669}.extra-controls{display:flex;align-items:center;gap:8px}.extra-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.gratis-toggle{background:none;border:1px solid #d1d5db;border-radius:4px;padding:4px 6px;cursor:pointer;font-size:12px;transition:all .2s ease}.gratis-toggle:hover{background-color:#f3f4f6}.gratis-toggle.active{background-color:#10b981;border-color:#10b981;color:#fff}.extras-summary{margin-top:16px;padding:12px;background-color:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.extras-summary p{margin:4px 0;font-size:14px;color:#374151}.total-price{font-size:16px!important;color:#1f2937!important;border-top:1px solid #d1d5db;padding-top:8px;margin-top:8px!important}.extras-source-info{margin-bottom:12px;padding:8px 12px;background-color:#f0f9ff;border-radius:6px;border-left:3px solid #0ea5e9}.extras-source-info small{color:#0c4a6e;font-weight:500;font-size:12px}.extras-info{margin-top:8px}.extras-info small{display:inline-block;background-color:#e8f5e8;color:#2e7d32;padding:2px 6px;border-radius:12px;font-size:10px;font-weight:500}.complete-button{background-color:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.complete-button:hover{background-color:#218838}.extra-option.disabled-gratis{background-color:#e8f5e8!important;border:2px solid #28a745!important;cursor:not-allowed!important;opacity:.9}.extra-option.disabled-gratis:hover{transform:none!important;box-shadow:none!important}.extra-option.disabled-gratis .extra-checkbox input[type=checkbox]{cursor:not-allowed;accent-color:#28a745}.extra-option.disabled-gratis .extra-checkbox input[type=checkbox]:disabled{opacity:1}.gratis-permanente-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:none;cursor:default;box-shadow:0 2px 4px #28a7454d;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.extra-option.disabled-gratis .extra-precio{color:#28a745!important;font-weight:700;font-size:14px;text-shadow:0 1px 2px rgba(40,167,69,.2)}.extra-option.disabled-gratis .extra-info h4:before{content:"✨ ";color:#28a745}.new-item-price-section{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.quantity-controls{display:flex;align-items:center;gap:8px;margin-bottom:8px}.quantity-btn{width:30px;height:30px;border:2px solid #8B4513;background:#ffffff;color:#8b4513;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s ease}.quantity-btn:hover:not(:disabled){background:#8B4513;color:#fff;transform:scale(1.1)}.quantity-btn:disabled{background:#f5f5f5;border-color:#d0d0d0;color:#999;cursor:not-allowed}.quantity-display{min-width:40px;text-align:center;font-weight:700;color:#8b4513;background:#f8f9fa;padding:4px 8px;border-radius:4px;font-size:14px}.new-item-price{font-weight:700;color:#28a745}.subcategories-modal{width:100%;max-height:60vh;overflow-y:auto;padding:20px}.modal-header-subcategories,.modal-header-products{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.modal-header-subcategories h3,.modal-header-products h3{margin:0;color:#333;font-size:1.4rem;font-weight:600}.back-button{padding:8px 16px;background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:5px}.back-button:hover{background-color:#e9ecef;border-color:#8b4513;color:#8b4513;transform:translate(-2px)}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.subcategory-card{background-color:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;height:120px;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;position:relative;overflow:hidden}.subcategory-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.6));border-radius:12px;z-index:1;transition:all .3s ease}.subcategory-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #8b451340;border-color:#8b4513}.subcategory-card:hover:before{background:linear-gradient(135deg,rgba(139,69,19,.4),rgba(139,69,19,.7))}.subcategory-card h4{color:#fff;position:relative;z-index:2;margin:0;font-size:18px;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.8);transition:all .3s ease}.subcategory-card:hover h4{transform:scale(1.1);text-shadow:2px 2px 6px rgba(0,0,0,.9)}@media (max-width: 768px){.quantity-controls{gap:6px}.quantity-btn{width:28px;height:28px;font-size:14px}.quantity-display{font-size:16px;min-width:20px}.new-item-price-section{align-items:center}}.toggle-items{background-color:#8b4513;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:14px;margin-bottom:1rem}.order-history-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5;margin-top:60px}.order-history-content{flex:1;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.order-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.order-history-header h1{font-size:1.8rem;color:#333;margin:0}.order-history-controls{display:flex;gap:1rem;align-items:center}.date-selector,.search-box{display:flex;align-items:center;background-color:#fff;border-radius:8px;padding:.5rem 1rem;box-shadow:0 2px 4px #0000001a}.date-selector .icon,.search-box .icon{margin-right:.5rem;color:#4a6fa5}.date-picker,.search-box input{border:none;font-size:.9rem;color:#333;background:transparent;outline:none}.search-box input{width:250px}.export-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#4a6fa5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.export-button:hover{background-color:#3a5d8f}.order-summary{display:flex;flex-wrap:wrap;gap:1rem;background-color:#f9f9f9;padding:1rem;border-radius:8px;margin-bottom:1.5rem;justify-content:space-between}.summary-item{padding:.5rem 1rem;background:white;border-radius:6px;box-shadow:0 1px 3px #0000001a;min-width:200px;text-align:center}.summary-item p{margin:0}.summary-item strong{font-size:1.2rem;color:#007bff}.order-table-container{padding:1rem;background-color:transparent;box-shadow:none}.order-table-container h3{margin-top:0;margin-bottom:1.5rem;color:#2d3748;font-size:1.2rem;text-align:center}.orders-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.order-card{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.order-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.order-card-header{background-color:#4a6fa5;color:#fff;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center}.order-date{font-size:.9rem;font-weight:500}.order-table-number{background-color:#fff3;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600}.order-card-body{padding:1rem}.order-card-info{margin-bottom:1rem}.order-card-info p{margin:.5rem 0;display:flex;justify-content:space-between}.order-card-info .label{color:#4a5568;font-weight:500}.order-card-info .value{color:#2d3748;font-weight:600}.order-card-products{margin-top:1rem;border-top:1px solid #e2e8f0;padding-top:1rem}.order-card-products h4{margin-top:0;margin-bottom:.8rem;color:#4a5568;font-size:1rem}.product-list{max-height:200px;overflow-y:auto;padding:.5rem;background-color:#f8fafc;border-radius:6px}.product-item{padding:.5rem;border-bottom:1px dashed #e2e8f0;display:flex;justify-content:space-between;align-items:center}.product-name{font-size:.9rem;color:#2d3748}.product-price{font-size:.9rem;color:#4a6fa5;font-weight:600}.order-card-footer{padding:1rem;background-color:#f8fafc;border-top:1px solid #e2e8f0}.order-totals{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.order-totals p{margin:0;display:flex;justify-content:space-between;padding:.3rem 0}.order-total{grid-column:1 / -1;font-size:1.1rem;color:#4a6fa5;font-weight:700;border-top:1px solid #e2e8f0;padding-top:.5rem!important;margin-top:.3rem!important}.order-card-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:.5rem}.print-ticket-btn,.view-details-btn{background-color:#4a6fa5;color:#fff;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.print-ticket-btn:hover,.view-details-btn:hover{background-color:#3a5d8f}.actions-cell{display:flex;gap:.5rem;justify-content:center}.no-orders-message{text-align:center;padding:3rem;color:#718096;font-size:1.1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4a6fa5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.order-history-header{flex-direction:column;align-items:flex-start}.order-history-controls{flex-direction:column;width:100%}.date-selector,.search-box,.export-button{width:100%}.order-summary{flex-direction:column;gap:.5rem}.orders-card-grid{grid-template-columns:1fr}.order-table-container{padding:.5rem}.order-card-info,.order-totals{font-size:.9rem}}.payment-modal{background:white;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;padding:2rem;box-shadow:0 4px 20px #00000026}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.payment-modal-header h2{margin:0;color:#2c3e50;font-size:1.8rem}.payment-methods h3{text-align:center;color:#2c3e50;margin-bottom:2rem}.payment-methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem;width:100%!important}.method-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px solid #e0e0e0;border-radius:12px;background:white;cursor:pointer;transition:all .2s;gap:1rem;color:#000}.method-button i{font-size:2rem;color:#2c3e50}.method-button:hover{border-color:#28a745;transform:translateY(-2px);box-shadow:0 4px 12px #28a7451a}.payment-details{display:flex;flex-direction:column;gap:1.5rem}.back-button{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.back-button:hover{color:#2c3e50}.ticket-summary{background:#f8f9fa;padding:1.5rem;border-radius:8px;text-align:center}.total-amount{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:.5rem 0}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.input-group label{color:#666;font-size:.9rem}.input-group input{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1.1rem}.input-group input:focus{border-color:#28a745;outline:none}.change-display{background:#e8f5e9;padding:1rem;border-radius:8px;text-align:center;margin-top:1rem}.change-display p{margin:0;color:#2c3e50}.change-display h3{margin:.5rem 0 0;font-size:1.8rem}.change-display h3.positive{color:#28a745}.change-display h3.negative{color:#dc3545}.process-payment-button{background-color:#28a745;color:#fff;border:none;padding:1rem;border-radius:6px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:1rem}.process-payment-button:hover:not(:disabled){background-color:#218838}.process-payment-button:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width: 768px){.payment-methods-grid{grid-template-columns:1fr}.payment-modal{padding:1rem}}.tickets-layout{display:flex;flex-direction:column;min-height:100vh;overflow-y:scroll!important;background-color:#f8f9fa}.tickets-layout::-webkit-scrollbar{width:12px!important;display:block!important}.tickets-layout::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:6px!important}.tickets-layout::-webkit-scrollbar-thumb{background:#888!important;border-radius:6px!important}.tickets-layout::-webkit-scrollbar-thumb:hover{background:#555!important}.tickets-main{flex:1;padding:2rem;max-width:1400px;margin:100px auto 0;width:100%}.tickets-title{font-size:2rem;color:#2c3e50;margin-bottom:2rem;font-weight:600}.tickets-grid{display:flex;flex-flow:row wrap;gap:24px;padding:24px;width:100%;justify-content:flex-start;align-items:stretch}.ticket-card{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;flex:1 1 400px;min-width:350px;max-width:calc(50% - 12px);margin:0;display:flex;flex-direction:column;transition:all .3s ease}.ticket-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ticket-card.new{animation:greenFlash 1.5s ease-out}.ticket-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.ticket-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ticket-meta h3{font-size:1.25rem;color:#2c3e50;margin:0}.ticket-datetime{font-size:.875rem;color:#6c757d}.ticket-customer{font-size:1rem;color:#495057;font-weight:500}.ticket-items{padding:16px 0}.ticket-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f0f0f0}.ticket-item:last-child{border-bottom:none}.item-details{flex:1;display:flex;flex-direction:column;gap:4px}.item-info{display:flex;align-items:center;gap:8px;margin-bottom:4px}.item-name{font-weight:500;color:#333;flex:1}.item-quantity{background:transparent;color:#fff;padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:700;min-width:30px;text-align:center}.item-place{font-size:.8rem;color:#666;background:#f8f9fa;padding:2px 6px;border-radius:4px;text-transform:capitalize}.item-extras{margin-top:4px;font-size:.8rem;color:#666}.extra-item{display:block;margin-left:8px;color:#555}.item-comments{font-size:.8rem;color:#888;font-style:italic;margin-top:4px}.item-price-section{display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:80px}.item-price{font-weight:700;color:#28a745;font-size:1rem}.item-unit-price{font-size:.75rem;color:#666;margin-top:2px}.ticket-footer{margin-top:20px;padding-top:16px;border-top:1px solid #eee}.ticket-tags{display:flex;gap:.5rem}.ticket-tag{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500}.ticket-tag.employee{background-color:#e3f2fd;color:#1976d2}.ticket-tag.togo{background-color:#f3e5f5;color:#7b1fa2}.ticket-total{font-size:1.25rem;font-weight:600;color:#2c3e50}.ticket-actions{margin-top:24px;padding-top:16px;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end}.ticket-actions button{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.print-button{background-color:#e3f2fd;color:#1976d2}.print-button:hover{background-color:#bbdefb}.pay-button{background-color:#e8f5e9;color:#2e7d32}.pay-button:hover{background-color:#c8e6c9}.finish-button{background-color:#f3e5f5;color:#7b1fa2}.finish-button:hover{background-color:#e1bee7}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.no-tickets{text-align:center;padding:3rem;color:#6c757d;font-size:1.25rem}.notification{position:fixed;bottom:2rem;right:2rem;padding:1rem 2rem;border-radius:8px;color:#fff;font-weight:500;animation:slideIn .3s ease;z-index:1000}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}.overlay-animation{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000001a;z-index:999;animation:fadeInOut 1.5s ease}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.item-extras{margin:8px 0;border-left:3px solid #059669;padding:4px 0 4px 8px;background-color:#f8f9fa}.item-extras strong{display:block;margin-bottom:4px;color:#374151;font-size:.85rem}.extra-item-detail{display:flex;justify-content:space-between;align-items:center;margin:4px 0;padding:3px 0}.extra-name{font-size:.85rem;color:#374151;flex:1}.extra-price{font-size:.8rem;color:#059669;font-weight:600;margin-left:8px}@media (max-width: 768px){.tickets-grid{grid-template-columns:1fr}.ticket-card{padding:1rem}.ticket-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.inventario-container{flex:1;padding:1.5rem;max-width:100%;margin:60px auto 0;width:100%;background-color:#f5f5f5;min-height:100vh}.inventario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;background-color:#fff;border-radius:10px;padding:1.2rem 1.5rem;box-shadow:0 2px 8px #00000014}.inventario-header h1{font-size:1.8rem;color:#333;margin:0}.filtros-container{display:flex;gap:1rem;align-items:center}.search-box{display:flex;align-items:center;background:#f5f5f5;padding:.5rem 1rem;border-radius:6px;border:1px solid #e0e0e0;transition:all .2s ease}.search-box input{border:none;outline:none;background:transparent;width:200px;font-size:.9rem;color:#333}.filtros-container select{padding:.5rem 1rem;border-radius:6px;border:1px solid #e0e0e0;background-color:#f5f5f5;font-size:.9rem;color:#333;cursor:pointer;transition:all .2s ease}.filtros-container select:hover{border-color:#ccc}.add-insumo-btn{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;background-color:#4a6fa5;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.add-insumo-btn:hover{background-color:#3a5d8f}.insumos-grid{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:2rem}.insumos-table-header{display:grid;grid-template-columns:minmax(180px,1.5fr) 180px 120px 120px 150px 120px 100px;padding:.8rem 1rem;background-color:#f0f4f8;border-bottom:1px solid #e0e0e0;font-weight:600;font-size:.9rem;color:#555;position:sticky;top:0;z-index:1}.insumos-table-header>div{padding:.5rem}.insumo-card{display:grid;grid-template-columns:minmax(180px,1.5fr) 180px 120px 120px 150px 120px 100px;align-items:center;padding:.7rem 1rem;border-bottom:1px solid #f0f0f0;background-color:#fff;transition:background-color .2s ease}.insumo-card:hover{background-color:#f9f9f9;transform:none}.insumo-card:last-child{border-bottom:none}.insumo-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:0;align-items:flex-start;padding:.5rem;border-bottom:none}.insumo-header h3{font-size:1rem;overflow:hidden;text-overflow:ellipsis;margin:0;white-space:nowrap;max-width:200px}.cantidades-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%}.insumo-cantidad{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:4px;gap:2px;width:100%;transform:translate(-80px)}.cantidad-disponible{font-size:.95rem;color:#333}.cantidad-real-info{font-size:.95rem;color:#666}.cantidad-disponible strong,.cantidad-real-info strong{color:#4a6fa5;font-weight:600}.aprovechamiento-badge{display:inline-block;font-size:.7rem;background-color:#f0f4f8;color:#4a6fa5;padding:1px 6px;border-radius:4px;font-weight:500;margin-left:6px;vertical-align:middle}.precio-unidad-info{font-size:.85rem;color:#2c3e50;margin-top:4px;font-weight:500}.precio-container{display:flex;align-items:center}.precio-symbol{margin-right:5px;font-weight:700}.aprovechamiento-info{margin-top:5px;font-size:.9rem;color:#444}.aprovechamiento-info strong{color:#2c3e50}.insumo-minmax{font-size:.85rem;color:#666;padding:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.insumo-minmax span{color:#333;font-weight:600}.insumo-minmax small{color:#888;margin-left:2px}.inventory-type-indicator{display:flex;align-items:center;gap:8px;padding:.5rem;margin:0;font-size:.9rem;background-color:transparent;border-radius:0}.insumo-proveedores{padding:.5rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge-container{padding:.5rem}.insumo-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:0;padding:.5rem;border-top:none}.no-results img{width:150px;margin-bottom:1rem;opacity:.7}.loading{display:flex;justify-content:center;align-items:center;padding:3rem;font-size:1.1rem;color:#555;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014}.modal-content{background-color:#fff;border-radius:10px;padding:1.5rem;width:100%;max-width:500px;box-shadow:0 4px 12px #00000026}.form-group input,.form-group select{width:100%;padding:.7rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;color:#333;background-color:#f9f9f9;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#4a6fa5;outline:none;background-color:#fff}.checkbox-label input{width:auto}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.ajuste-modal{max-width:400px}.notification{position:fixed;bottom:20px;right:20px;padding:1rem 2rem;border-radius:8px;color:#fff;z-index:1000;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}@media (max-width: 768px){.inventario-header{flex-direction:column;align-items:flex-start;gap:1rem}.filtros-container{width:100%;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.add-insumo-btn{width:100%;justify-content:center}.insumos-table-header{display:none}.insumo-card{display:flex;flex-direction:column;padding:1rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 8px #00000014;gap:.5rem}.insumo-header{padding:0;margin-bottom:.5rem}.insumo-header h3{font-size:1.1rem;max-width:100%}.insumos-grid{display:flex;flex-direction:column;gap:1rem;background-color:transparent;box-shadow:none}.insumo-cantidad,.insumo-minmax,.inventory-type-indicator,.insumo-proveedores,.status-badge-container{padding:0;width:100%}.insumo-actions{width:100%;justify-content:center;padding:0;margin-top:.5rem}.cantidades-row{flex-direction:column;align-items:flex-start;gap:4px}.cantidad-disponible,.cantidad-real-info{width:100%}.aprovechamiento-badge{margin-top:2px;margin-left:0}}.inventory-type-indicator{display:flex;align-items:center;gap:8px;margin:8px 0;padding:6px 10px;background-color:#f5f5f5;border-radius:4px;font-size:.9rem;color:#555}.inventory-type-indicator svg{font-size:1.2rem;color:#4a6fa5}.inventario-tipo-select{color:#333;font-weight:500}.inventario-tipo-select option{padding:4px}.inventory-type-indicator.cocina svg{color:#5c9e6a}.inventory-type-indicator.barra svg{color:#d48c45}.inventory-type-indicator.servicios svg{color:#4a6fa5}.proveedores-list{color:#494848}.proveedores-input{position:relative;display:flex;width:100%}.proveedores-dropdown{position:absolute;top:100%;left:0;width:100%;max-height:150px;overflow-y:auto;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:100;margin-top:2px}.proveedor-option{padding:8px 12px;cursor:pointer;transition:background-color .2s;color:#000}.proveedor-option:hover{background-color:#f5f5f5}.proveedor-option strong{font-weight:700;color:#8b4513;background-color:#8b45131a}.status-badge{padding:.3rem .6rem;border-radius:6px;font-size:.85rem;white-space:nowrap;display:inline-block;text-align:center}.status-badge.success{background-color:#e6f4ea;color:#5c9e6a}.status-badge.warning{background-color:#fef7e6;color:#d48c45}.status-badge.danger{background-color:#f8d7da;color:#721c24}.insumo-actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-size:.9rem}.ajuste-btn{background-color:#e6f4ea;color:#5c9e6a}.ajuste-btn:hover{background-color:#5c9e6a;color:#fff}.header-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.add-insumo-btn,.sync-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#4a6cf7;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.add-insumo-btn:hover,.sync-btn:hover{background-color:#3a5ce4;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.sync-btn{background-color:#16a34a}.sync-btn:hover{background-color:#138a3f}.sync-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.sync-inventory-btn{background:#6c5ce7;border:none;border-radius:5px;color:#fff;padding:8px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;white-space:nowrap}.sync-inventory-btn:hover:not(:disabled){background:#5649c0;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.sync-inventory-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0003}.sync-inventory-btn:disabled{background:#a29bfe;cursor:not-allowed;transform:none;box-shadow:none}.spinning{animation:spin 1s linear infinite}.notification{position:fixed;bottom:20px;right:20px;background-color:#2ecc71;color:#fff;padding:15px 20px;border-radius:5px;box-shadow:0 4px 8px #0003;z-index:1000;animation:fadeIn .3s,fadeOut .3s 2.7s;max-width:300px}.notification.warning{background-color:#f39c12}.notification.error{background-color:#e74c3c}.notification.info{background-color:#3498db}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width: 768px){.header-buttons{flex-direction:column;width:100%;margin-bottom:10px}.sync-inventory-btn,.add-insumo-btn,.sync-btn{width:100%;justify-content:center}.inventario-header{flex-direction:column}}.sync-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1100}.sync-progress-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;padding:24px;width:90%;max-width:500px}.sync-progress-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sync-progress-header svg{color:#6c5ce7;font-size:1.5rem}.sync-progress-header h3{margin:0;color:#2d3436;font-size:1.2rem}.sync-progress-message{margin-bottom:16px;color:#636e72;font-size:.95rem}.sync-progress-bar-container{height:12px;background-color:#f1f2f6;border-radius:6px;overflow:hidden;margin-bottom:12px}.sync-progress-bar{height:100%;background:linear-gradient(to right,#6c5ce7,#a29bfe);border-radius:6px;transition:width .3s ease}.sync-progress-stats{display:flex;justify-content:space-between;color:#7f8c8d;font-size:.85rem}@media (max-width: 768px){.sync-progress-container{width:95%;padding:16px}}.revert-inventory-btn{background-color:#f39c12;color:#fff;display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.revert-inventory-btn:hover{background-color:#e67e22}.revert-inventory-btn:disabled{background-color:#d1d1d1;cursor:not-allowed}.productos-container{flex:1;padding:1.5rem;width:100%;max-width:100%;margin:60px auto 0;background-color:#f5f8fa;min-height:100vh;box-sizing:border-box}.productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 3px 15px #00000014;width:100%}.productos-header h1{font-size:2rem;color:#212529;margin:0;font-weight:700}.filtros-container{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;flex-direction:row;width:auto}.search-box{display:flex;align-items:center;background:#f1f3f5;padding:.7rem 1.2rem;border-radius:8px;border:1px solid #e9ecef;min-width:220px}.search-box svg{color:#4361ee;margin-right:.7rem;font-size:1.1rem}.search-box input,.filtros-container select{border:none;outline:none;background:transparent;font-size:1rem;color:#212529;width:100%}.filtros-container select{padding:.7rem 1.2rem;border-radius:8px;border:1px solid #e9ecef;background-color:#f1f3f5;cursor:pointer;min-width:180px;width:200px;font-weight:500}.add-product-btn{display:flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;background-color:#4361ee;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .25s;font-size:1.2rem;font-weight:600;box-shadow:0 4px 10px #4361ee4d}.add-product-btn:hover{background-color:#3a56e4;transform:translateY(-3px);box-shadow:0 6px 15px #4361ee66}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%}.producto-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 3px 12px #0000000f;transition:all .3s;display:flex;flex-direction:column;width:100%;border:1px solid #f0f0f0}.producto-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a;border-color:#e6e6e6}.producto-info{display:flex;flex-direction:column;width:100%}.producto-info h3{font-size:1.25rem;color:#212529;margin:0 0 .8rem;font-weight:700}.precio{font-size:1.4rem;font-weight:700;color:#4361ee;margin:.3rem 0}.precio-empleado{font-size:1rem;color:#495057;margin:.2rem 0 1rem}.descripcion{color:#212529;font-size:1rem;margin:.8rem 0;line-height:1.6}.recetas-section,.insumos-section,.variantes-section{margin-top:1.2rem;margin-bottom:1.2rem;width:100%;background-color:#f8f9fa;padding:1rem;border-radius:8px}.recetas-section h4,.insumos-section h4,.variantes-section h4{font-size:1rem;margin:0 0 .8rem;color:#212529;font-weight:700;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.recetas-lista,.insumos-lista,.variantes-lista{display:flex;flex-wrap:wrap;gap:.7rem;width:100%}.receta-tag,.insumo-tag,.categoria-tag,.subcategoria-tag,.place-tag,.status-badge,.variante-tag{display:inline-flex;align-items:center;padding:.5rem .9rem;border-radius:6px;font-size:.95rem;margin:.25rem;font-weight:600;box-shadow:0 2px 4px #0000000d}.receta-tag{background-color:#e9ecef;color:#000}.insumo-tag{background-color:#e3fafc;color:#000;display:inline-flex;align-items:center;width:auto;border-left:3px solid #15aabf}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;width:100%}.categoria-tag{background-color:#e6f4ea;color:#000;border-left:3px solid #2b8a3e}.subcategoria-tag{background-color:#e8f0fe;color:#000;border-left:3px solid #1a73e8}.place-tag{background-color:#fff0f6;color:#000;border-left:3px solid #e64980}.place-tag.barra{background-color:#f3f0ff;color:#000;border-left:3px solid #7950f2}.place-tag.cocina{background-color:#fff0f6;color:#000;border-left:3px solid #e64980}.status-badge{background-color:#e9ecef;color:#000}.status-badge.active{background-color:#d3f9d8;color:#000;border-left:3px solid #40c057}.status-badge.inactive{background-color:#ffe3e3;color:#000;border-left:3px solid #fa5252}.variante-tag{background-color:#e7f5ff;color:#000;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;width:100%;margin:.3rem 0;border-left:3px solid #339af0}.variante-precio{font-weight:700;color:#4361ee}.producto-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:auto;padding-top:1rem;border-top:1px solid #f1f3f5;width:100%}.producto-actions button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;transition:all .2s;color:#fff;font-size:1.1rem}.edit-btn{background-color:#4361ee;box-shadow:0 2px 6px #4361ee4d}.delete-btn{background-color:#e03131;box-shadow:0 2px 6px #e031314d}.edit-btn:hover,.delete-btn:hover{opacity:.95;transform:translateY(-3px);box-shadow:0 4px 10px #0003}.producto-imagen{width:100%;height:180px;overflow:hidden;border-radius:8px;margin:1rem 0;box-shadow:0 3px 10px #00000014}.producto-imagen img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-results{text-align:center;padding:4rem;background-color:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;display:flex;flex-direction:column;align-items:center;width:100%}.no-results img{width:150px;margin-bottom:2rem;opacity:.7}.no-results h3{font-size:1.4rem;color:#343a40;margin:0 0 .8rem;font-weight:700}.no-results p{color:#495057;font-size:1.1rem;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{border-radius:12px;box-shadow:0 6px 30px #00000026;min-width:1000px!important;max-height:90vh;overflow-y:auto;padding:2rem;position:absolute}.modal-content h2{margin-top:0;color:#212529;font-size:1.7rem;font-weight:700;margin-bottom:2rem;border-bottom:2px solid #f1f3f5;padding-bottom:1rem;text-align:center}.form-group{margin-bottom:1.5rem;width:100%;border:1px solid #f1f3f5;padding:1.5rem;border-radius:10px;background-color:#fafafa;box-shadow:0 2px 5px #00000008;transition:all .2s}.form-group:hover{box-shadow:0 4px 10px #0000000d;border-color:#e6e6e6}.form-group label{display:block;margin-bottom:.7rem;font-weight:600;color:#212529;font-size:1.1rem;border-left:4px solid #4361ee;padding-left:10px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.9rem 1rem;border:1px solid #ced4da;border-radius:8px;font-size:1.05rem;color:#212529;transition:all .2s;box-sizing:border-box;background-color:#f8f9fa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4361ee;outline:none;box-shadow:0 0 0 3px #4361ee26;background-color:#fff}.checkbox-label{display:flex;align-items:center;gap:.7rem;cursor:pointer;color:#212529;font-weight:600;font-size:1.05rem;padding:.5rem 0;border-left:none}.checkbox-label input{width:auto;margin:0;height:20px;width:20px}form{display:flex;flex-wrap:wrap;gap:2%}form>.form-group:nth-child(-n+5){width:49%}.form-group.recetas-section{width:100%;background-color:#f0f4f8;padding:1.5rem;margin-top:1rem}.recetas-lista{margin-top:1rem;width:100%;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;background-color:#fff;max-height:none;overflow-y:visible}.receta-item{display:flex;flex-direction:column;padding:1.5rem;background-color:#fff;border-radius:8px;margin-bottom:1.2rem;width:100%;box-sizing:border-box;box-shadow:0 2px 10px #00000014;border-left:4px solid #4361ee}.receta-info-producto{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.8rem}.receta-porcentaje-control{display:flex;align-items:center;gap:.5rem;background-color:#f1f3f5;padding:.5rem .8rem;border-radius:6px}.porcentaje-receta-input{width:70px;padding:.5rem;border:1px solid #ced4da;border-radius:4px;text-align:center;font-weight:600}.form-group.variantes-section{width:100%;background-color:#f5f3ff;padding:1.5rem;margin-top:1rem}.variantes-lista{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.variante-item{border:1px solid #ced4da;border-radius:6px;padding:15px;margin-bottom:15px;background-color:#f8f9fa;transition:all .2s ease}.variante-item.active{border-color:#fd7e14;box-shadow:0 0 0 .2rem #fd7e1440;background-color:#fff8f3}.variante-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.variante-header h4{margin:0;color:#2c3e50}.variante-precios{text-align:right}.variante-precios p{margin:0;line-height:1.3;color:#495057}.agregar-variante{display:flex;gap:8px;margin-bottom:15px}.nombre-variante-input{flex:2}.precio-variante-input{flex:1}.variante-recetas-section,.variante-insumos-section{margin-top:15px;border-top:1px solid #dee2e6;padding-top:10px}.variante-recetas-section h5,.variante-insumos-section h5{margin-top:0;margin-bottom:10px;font-size:1rem;color:#495057}.agregar-receta-variante,.agregar-insumo-variante{display:flex;gap:8px;margin-bottom:10px}.variante-recetas-lista,.variante-insumos-lista{margin-top:10px}.variante-receta-item,.variante-insumo-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:#fff;border-radius:4px;margin-bottom:6px;box-shadow:0 1px 2px #00000014}.receta-porcentaje-control{display:flex;align-items:center}.porcentaje-input{width:60px;text-align:right;margin-right:2px}.porcentaje-symbol{margin-right:10px}.variante-acciones{display:flex;justify-content:flex-end;margin-top:15px;padding-top:10px;border-top:1px solid #dee2e6}.delete-variante-btn{background-color:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px}.delete-variante-btn:hover{background-color:#c82333}.ingrediente-item{background-color:#fff;border-radius:8px;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;border-left:3px solid #15aabf;box-shadow:0 2px 4px #0000000d;margin-bottom:.5rem}.ingrediente-modificado{border-left-color:#fd7e14;background-color:#fff4e6}.ingrediente-exclusivo{border-left-color:#40c057;background-color:#f4fce3}.variante-desglose{border-left:4px solid #fd7e14;background-color:#fff9db}.receta-exclusiva{border-left-color:#40c057}.exclusiva-badge{background-color:#d3f9d8;color:#2b8a3e;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;margin-left:.5rem}.cantidad-original{color:#fa5252;font-size:.85rem;margin-left:.5rem}.save-btn.loading{position:relative;color:transparent}.save-btn.loading:after{content:"";position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.insumo-producto-lista,.insumos-producto-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.insumo-producto-item{background-color:#e3fafc;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;border-left:3px solid #15aabf;box-shadow:0 2px 4px #0000000d}.insumo-nombre{font-weight:600;color:#000;font-size:1rem;flex:1}.insumo-cantidad{color:#000;font-weight:600;font-size:1rem;margin:0 .5rem;background-color:#15aabf1a;padding:.3rem .7rem;border-radius:4px}.add-btn,.remove-btn{min-width:42px;height:42px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:1.1rem;transition:all .2s}.add-btn{background-color:#40c057;box-shadow:0 2px 6px #40c0574d}.add-btn:hover{background-color:#37b24d;transform:translateY(-2px);box-shadow:0 4px 10px #40c05766}.remove-btn{background-color:#fa5252;box-shadow:0 2px 6px #fa52524d}.remove-btn:hover{background-color:#e03131;transform:translateY(-2px);box-shadow:0 4px 10px #fa525266}.image-upload-container{margin-top:1rem;width:100%;border:2px dashed #ced4da;border-radius:8px;padding:1.5rem;text-align:center;background-color:#f8f9fa;transition:all .3s}.image-upload-container:hover{border-color:#4361ee;background-color:#f0f4f8}.image-preview{width:100%;max-height:250px;overflow:hidden;border-radius:8px;margin-bottom:1rem;box-shadow:0 3px 10px #0000001a}.image-preview img{width:100%;-o-object-fit:contain;object-fit:contain;max-height:250px}.image-upload-button{display:inline-block;padding:.9rem 1.8rem;background-color:#4361ee;color:#fff;border-radius:8px;cursor:pointer;transition:all .25s;font-weight:600;font-size:1.05rem;box-shadow:0 4px 10px #4361ee4d}.image-upload-button:hover{background-color:#3a56e4;transform:translateY(-2px);box-shadow:0 6px 15px #4361ee66}.image-upload-input{display:none}.agregar-variante-btn{padding:1rem 1.5rem;background-color:#4361ee;color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .25s;margin-top:1.2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 10px #4361ee4d;width:100%}.agregar-variante-btn:hover:not(:disabled){background-color:#3a56e4;transform:translateY(-2px);box-shadow:0 6px 15px #4361ee66}.agregar-variante-btn:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.7;box-shadow:none}@media (max-width: 768px){.productos-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.2rem}.filtros-container{flex-direction:column;width:100%;align-items:stretch}.add-product-btn{width:100%}.productos-grid{grid-template-columns:1fr}.modal-content{max-width:95%;padding:1.2rem}form>.form-group:nth-child(-n+5){width:100%}}.variante-content{padding:1.2rem;display:none}.variante-content.visible{display:block}.agregar-receta,.agregar-insumo-producto{display:flex;gap:.8rem;margin-bottom:1.2rem;width:100%;background-color:#f8f9fa;padding:1rem;border-radius:8px;box-shadow:0 2px 6px #0000000d}.receta-select,.porcentaje-input{border:1px solid #ced4da;padding:.8rem;border-radius:6px;font-size:1rem}.receta-select{flex:2}.porcentaje-input{flex:1;text-align:center}.insumo-select{flex:2;padding:.8rem;border:1px solid #ced4da;border-radius:6px;font-size:1rem}.cantidad-input{flex:1;padding:.8rem;border:1px solid #ced4da;border-radius:6px;font-size:1rem;text-align:center}.section-title{font-size:1.2rem;color:#4361ee;margin:1.5rem 0 1rem;padding-bottom:.8rem;border-bottom:2px solid #ced4da;font-weight:700}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.status-indicator.active{background-color:#40c057}.status-indicator.inactive{background-color:#fa5252}.form-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid #ced4da}.form-tab{padding:1rem 1.5rem;cursor:pointer;border-bottom:3px solid transparent;font-weight:600;color:#495057;transition:all .2s}.form-tab.active{color:#4361ee;border-bottom-color:#4361ee}.form-tab:hover:not(.active){background-color:#f8f9fa;color:#212529}body{color:#000!important}.agregar-subreceta{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center}.subreceta-select{flex:2}.unidad-select{flex:1}.subrecetas-lista{margin-top:1rem}.subreceta-item{background:#f8f9fa;border-radius:.375rem;padding:1rem;margin-bottom:1rem;border-left:3px solid #654321}.subreceta-info-producto{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.subreceta-nombre{font-weight:500;color:#333}.subreceta-cantidad-control{display:flex;align-items:center;gap:.5rem;color:#666;font-weight:500}.subreceta-desglose{margin-top:1rem;padding-top:.5rem;border-top:1px dashed #ddd}.subreceta-desglose h6{font-size:.85rem;color:#666;margin-bottom:.5rem}.subreceta-insumos{display:flex;flex-direction:column;gap:.5rem}.subreceta-insumos .insumo-item{display:flex;justify-content:space-between;font-size:.85rem;padding:.25rem .5rem;background:#f2f2f2;border-radius:.25rem}.subrecetas-section{margin-top:.5rem}.subrecetas-section h4{font-size:.9rem;margin-bottom:.5rem;color:#666}.subrecetas-lista{display:flex;flex-wrap:wrap;gap:.5rem}.subreceta-tag{background-color:#e6e2dd;color:#654321;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500}.subreceta-rendimiento{background-color:#f8f9fa;color:#6c757d;border-radius:.25rem;font-size:.8rem;margin-left:.5rem;border-left:2px solid #dee2e6;padding:.2rem .5rem}.subreceta-proporcion{font-size:.75rem;color:#495057;margin-left:.3rem;opacity:.8}.unidad-select-small{width:auto;padding:.5rem;font-size:.9rem;border:1px solid #ced4da;border-radius:4px;background-color:#f8f9fa}.receta-cantidad-control{display:flex;align-items:center;gap:.5rem;background-color:#f1f3f5;padding:.5rem;border-radius:6px}.cantidad-receta-input{width:70px;padding:.5rem;border:1px solid #ced4da;border-radius:4px;text-align:center;font-weight:600}.receta-meta-info{margin:.5rem 0;padding:.5rem;background-color:#f8f9fa;border-radius:6px;font-size:.9rem;color:#495057}.receta-rendimiento-info{display:block;font-weight:500}.receta-desglose,.subreceta-desglose{width:100%;margin-top:10px;background-color:#f8f9fa;border-radius:6px;padding:12px;border-left:3px solid #adb5bd}.receta-desglose h6,.subreceta-desglose h6{font-size:.85rem;margin:0 0 8px;color:#495057;font-weight:600}.receta-insumos,.subreceta-insumos{display:flex;flex-direction:column;gap:5px}.variante-receta-item,.variante-subreceta-item{flex-direction:column;align-items:flex-start}.receta-info-variante,.subreceta-info-variante{display:flex;justify-content:space-between;align-items:center;width:100%}.variante-recetas-section,.variante-insumos-section,.variante-subrecetas-section{margin-top:15px;border-top:1px solid #dee2e6;padding-top:15px}.agregar-subreceta-variante{display:flex;gap:8px;margin-bottom:10px}.variante-subrecetas-lista{margin-top:10px}.cost-calculation{background-color:#f8f9fa;padding:12px 15px;border-radius:8px;border:1px solid #e9ecef;margin-bottom:20px}.cost-container{display:flex;align-items:center;gap:10px;margin-top:8px}.cost-display{font-size:1.1rem;font-weight:600;color:#343a40;background:#ffffff;padding:8px 12px;border-radius:6px;border:1px solid #dee2e6;flex-grow:1}.cost-input{flex-grow:1;padding:8px 12px;border-radius:6px;border:1px solid #ced4da;font-size:1.1rem}.cost-actions{display:flex;gap:5px}.cost-action-btn{background:none;border:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background-color .2s}.edit-cost{color:#4a6fa5;background-color:#f0f4f8}.edit-cost:hover{background-color:#e1ebf5}.save-cost{color:#198754;background-color:#d1e7dd}.save-cost:hover{background-color:#badbcc}.cancel-cost{color:#dc3545;background-color:#f8d7da}.cancel-cost:hover{background-color:#f5c2c7}.cost-explanation{color:#6c757d;font-size:.85rem;margin-top:5px;display:block}.preparaciones-section{margin-top:1rem;margin-bottom:.5rem}.preparaciones-section h4{font-size:.9rem;color:#444;margin-bottom:.5rem}.preparaciones-lista{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.preparacion-tag{display:inline-flex;align-items:center;background-color:#e0f7fa;border:1px solid #80deea;border-radius:4px;padding:.4rem .6rem;font-size:.85rem;color:#00838f;margin-right:.5rem;margin-bottom:.5rem}.preparacion-icon{margin-right:.4rem;font-size:.75rem}.preparacion-item{border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;margin-bottom:.75rem;background-color:#f9f9f9;position:relative}.preparacion-info-producto{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.preparacion-nombre{font-weight:500;color:#00838f}.preparacion-cantidad-control{display:flex;align-items:center}.cantidad-preparacion-input{width:60px;padding:.25rem;border:1px solid #ccc;border-radius:4px 0 0 4px;text-align:right}.preparacion-meta-info{font-size:.85rem;color:#777;margin-bottom:.5rem}.preparacion-disponible-info{padding:.2rem .5rem;background-color:#e0f7fa;border-radius:4px;font-size:.8rem}.piloto-checkbox{background-color:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:15px;margin:10px 0}.piloto-label{display:flex;flex-direction:column;font-weight:600;color:#856404;font-size:1rem}.piloto-label small{font-weight:400;font-size:.85rem;color:#6c757d;margin-top:5px}.piloto-badge{background-color:#ffc107;color:#212529;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.agregar-extra{display:flex;gap:10px;align-items:center;margin-bottom:15px}.extra-select{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.extras-lista{display:flex;flex-direction:column;gap:8px}.extra-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.extra-info-producto{display:flex;align-items:center;gap:10px}.extra-nombre{font-weight:500;color:#495057}.extra-precio{font-weight:600;color:#28a745;background-color:#d4edda;padding:2px 8px;border-radius:4px;font-size:.9rem}.variante-extras-section{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.variante-extras-section h5{margin:0 0 10px;color:#495057;font-size:1rem;font-weight:600}.agregar-extra-variante{display:flex;gap:10px;align-items:center;margin-bottom:15px}.agregar-extra-variante select{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.variante-extras-lista{display:flex;flex-direction:column;gap:8px}.variante-extra-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border:1px solid #dee2e6;border-radius:4px}.variante-extra-item span{font-size:.9rem;color:#495057}.extras-section{margin-top:1rem;margin-bottom:.5rem}.extras-section h4{font-size:.9rem;color:#444;margin-bottom:.5rem}.extras-lista-card{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.extra-tag{display:inline-flex;align-items:center;background-color:#e8f5e8;border:1px solid #28a745;border-radius:4px;padding:.4rem .6rem;font-size:.85rem;color:#155724;margin-right:.5rem;margin-bottom:.5rem}.extra-tag .extra-precio-tag{margin-left:5px;font-weight:600}.extras-gratis-config{background-color:#fff3cd;border:2px solid #ffeaa7;border-radius:8px;padding:15px;margin-bottom:20px}.extras-gratis-config label[for=maxExtrasGratis]{font-weight:600;color:#856404;margin-bottom:8px;display:block;border:none;padding:0}.max-extras-gratis-input{width:80px!important;padding:8px 12px!important;border:2px solid #ffeaa7!important;border-radius:6px!important;background-color:#fff!important;font-weight:600!important;text-align:center!important;margin-bottom:8px!important}.max-extras-gratis-input:focus{border-color:#f39c12!important;box-shadow:0 0 0 3px #f39c1226!important}.extras-gratis-info{display:block;color:#856404;font-size:.85rem;font-weight:500;background-color:#ffeaa780;padding:6px 10px;border-radius:4px;margin-top:8px}.extra-item.extra-gratis{background-color:#d1edff;border-left:4px solid #007bff;box-shadow:0 2px 8px #007bff26}.extra-main-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.extra-precio.precio-tachado{text-decoration:line-through;opacity:.6;color:#6c757d}.precio-gratis{background-color:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:8px}.extra-gratis-control{margin-top:8px}.extra-gratis-checkbox{display:flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer;color:#495057;border:none;padding:0}.extra-gratis-checkbox input[type=checkbox]{width:16px!important;height:16px!important;margin:0!important;cursor:pointer}.extra-gratis-checkbox .checkbox-label{cursor:pointer;color:#495057;font-weight:500}.extras-gratis-summary{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;padding:12px;margin-top:15px}.extras-gratis-summary h5{margin:0 0 8px;color:#155724;font-size:.9rem;font-weight:600}.extras-gratis-summary h6{margin:0 0 8px;color:#155724;font-size:.85rem;font-weight:600}.extras-gratis-tags{display:flex;flex-wrap:wrap;gap:6px}.extra-gratis-tag{background-color:#28a745;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:4px}.extra-gratis-tag small{opacity:.8;font-size:.7rem}.variante-extras-gratis-config{background-color:#fff9e6;border:1px solid #ffe066;border-radius:6px;padding:12px;margin-bottom:15px}.variante-extras-gratis-config label{font-size:.9rem;font-weight:600;color:#963;margin-bottom:6px;display:block}.variante-extra-item.extra-gratis{background-color:#d1edff;border-left:4px solid #007bff}.extra-info-variante{display:flex;flex-direction:column;gap:8px;flex:1}.extras-gratis-info-card{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:6px 10px;margin-bottom:8px}.extras-gratis-info-card small{color:#856404;font-weight:600;font-size:.8rem}.extra-tag.extra-gratis-tag{background-color:#d1ecf1;border:1px solid #17a2b8;color:#0c5460}.extra-precio-gratis{margin-left:5px;font-weight:700;color:#28a745;background-color:#28a7451a;padding:2px 6px;border-radius:8px;font-size:.75rem}.extras-gratis-summary-card{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:6px 10px;margin-top:8px}.extras-gratis-summary-card small{color:#155724;font-weight:500;font-size:.8rem}.recetas-container{flex:1;padding:1.5rem;max-width:100%;margin:60px auto 0;width:100%;background-color:#f5f5f5;min-height:100vh}.recetas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;background-color:#fff;border-radius:10px;padding:1.2rem 1.5rem;box-shadow:0 2px 8px #00000014}.recetas-header h1{font-size:1.8rem;color:#333;margin:0}.add-receta-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:#4a6fa5;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.add-receta-btn:hover{background-color:#3a5d8f}.recetas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.receta-card{background-color:#fff;border-radius:10px;padding:1.2rem;box-shadow:0 2px 8px #00000014;transition:transform .2s ease;display:flex;flex-direction:column!important;border:none}.receta-card:hover{transform:translateY(-3px)}.receta-info h3{font-size:1.1rem;color:#333;margin:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1rem}.descripcion{color:#666;font-size:.9rem;margin-bottom:1rem}.descripcion input{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.5rem;width:100%;font-size:.9rem;color:#333;transition:all .2s ease}.descripcion input:focus{border-color:#4a6fa5;outline:none}.ingredientes-list{margin:1rem 0}.ingredientes-list h4{margin:0 0 .5rem;color:#333;font-size:1rem;font-weight:600}.ingredientes-list p{margin:.25rem 0;color:#666;font-size:.9rem}.ingredientes-section{margin:1.5rem 0;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.agregar-ingrediente{display:flex;gap:.8rem;margin-bottom:1rem}.agregar-ingrediente select,.agregar-ingrediente input{padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:6px;color:#333;background-color:#f5f5f5;font-size:.9rem;transition:all .2s ease}.agregar-ingrediente select:hover,.agregar-ingrediente input:hover{border-color:#ccc}.agregar-ingrediente select:focus,.agregar-ingrediente input:focus{border-color:#4a6fa5;outline:none;background-color:#fff}.agregar-ingrediente select{flex:2}.agregar-ingrediente input{flex:1}.agregar-ingrediente button{padding:.5rem 1rem;background-color:#4a6fa5;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.agregar-ingrediente button:hover{background-color:#3a5d8f}.ingredientes-lista{display:grid;gap:.8rem}.ingrediente-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background-color:#fff;border-radius:6px;border:1px solid #e0e0e0;color:#333;transition:all .2s ease}.ingrediente-item:hover{border-color:#ccc;box-shadow:0 2px 4px #0000000d}.ingrediente-item button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:#f8d7da;border:none;border-radius:6px;color:#dc3545;cursor:pointer;transition:all .2s ease}.ingrediente-item button:hover{background-color:#dc3545;color:#fff}.status-badge{display:inline-block;padding:.3rem .8rem;border-radius:6px;font-size:.85rem;font-weight:500;margin-top:1rem}.status-badge.active{background-color:#e6f4ea;color:#5c9e6a}.status-badge.inactive{background-color:#f8d7da;color:#dc3545}.receta-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:auto;padding-top:.8rem;border-top:1px solid #f0f0f0}.receta-actions button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-size:1rem}.delete-btn{background-color:#f8d7da;color:#dc3545}.delete-btn:hover{background-color:#dc3545;color:#fff}@media (max-width: 768px){.recetas-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-receta-btn{width:100%;justify-content:center}.recetas-grid{grid-template-columns:1fr}.agregar-ingrediente{flex-direction:column}.agregar-ingrediente select,.agregar-ingrediente input{width:100%}}.total-calculation{margin-top:1rem;padding:.8rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.total-calculation p{margin:0;margin-bottom:.3rem;color:#333}.total-calculation strong{color:#198754;font-size:1.1rem}.total-explanation{display:block;margin-top:.5rem;color:#6c757d;font-style:italic}.rendimiento-input-group{display:flex;align-items:center}.rendimiento-input-group input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.unidad-display{padding:.75rem;background-color:#e9ecef;border:1px solid #ddd;border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px;color:#495057;font-size:1rem}.receta-rendimiento{margin-bottom:1rem}.rendimiento-badge{display:inline-block;padding:.5rem .75rem;background-color:#e3f2fd;color:#0d6efd;border-radius:6px;font-weight:600;font-size:.9rem}.preparaciones-container{max-width:100%;width:100%;margin-top:80px!important;margin:0 auto;padding:2rem;background-color:#f8f9fa;min-height:calc(100vh - 80px)}.preparaciones-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2rem;background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 5px #0000000d;gap:1rem}.preparaciones-header h1{font-size:1.8rem;color:#212529;font-weight:600;margin:0;min-width:250px}.add-preparacion-btn{background-color:#4285f4;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4285f433;white-space:nowrap}.add-preparacion-btn:hover{background-color:#3367d6;transform:translateY(-1px);box-shadow:0 4px 8px #4285f44d}.preparaciones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1rem}.preparacion-card{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;overflow:hidden;display:flex;flex-direction:column;transition:all .25s ease;border:1px solid #e9ecef;position:relative;padding-top:36px}.preparacion-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.preparacion-info{padding:1.5rem;flex:1}.preparacion-info h3{margin-top:0;font-size:1.25rem;color:#212529;margin-bottom:.75rem;font-weight:600}.preparacion-stock{margin:.75rem 0}.stock-badge{display:inline-block;padding:.5rem .8rem;background-color:#e8f5e9;color:#1b5e20;border-radius:50px;font-size:.9rem;font-weight:600;border:1px solid #c8e6c9;box-shadow:0 1px 3px #0000000d}.receta-info{margin-top:1rem;font-size:.9rem;color:#495057}.receta-info p{margin:.5rem 0}.notas{margin-top:1rem;font-size:.9rem;padding:.75rem;background-color:#fff8e1;border-radius:6px;border:1px solid #ffecb3;color:#654c00}.descripcion{color:#6c757d;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-top:1rem;font-weight:600}.status-badge.active{background-color:#e8f5e9;color:#1b5e20;border:1px solid #c8e6c9}.status-badge.inactive{background-color:#ffebee;color:#b71c1c;border:1px solid #ffcdd2}.preparacion-actions{display:flex;padding:.75rem 1rem;background-color:#f8f9fa;border-top:1px solid #e9ecef}.preparacion-actions button{border:none;background-color:transparent;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center}.preparacion-actions .preparar-btn{margin-right:auto;color:#4285f4;display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9rem}.preparacion-actions .preparar-btn:hover{background-color:#e8f0fe}.preparacion-actions .edit-btn{color:#34a853;margin-right:.5rem}.preparacion-actions .edit-btn:hover{background-color:#e6f4ea}.preparacion-actions .delete-btn{color:#ea4335}.preparacion-actions .delete-btn:hover{background-color:#fce8e6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background-color:#fff;border-radius:10px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 10px 25px #00000026;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{margin-top:0;color:#212529;margin-bottom:1.5rem;font-weight:600;font-size:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#343a40;font-size:.95rem}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:1rem;transition:border-color .2s ease;background-color:#f8f9fa}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4285f4;outline:none;box-shadow:0 0 0 3px #4285f433;background-color:#fff}.checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-label input{margin-right:.5rem;accent-color:#4285f4;width:16px;height:16px}.required-mark{color:#ea4335;margin-left:2px}.modal-buttons button{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-buttons button[type=button]{background-color:#f8f9fa;color:#343a40;border:1px solid #ced4da}.modal-buttons button[type=button]:hover{background-color:#e9ecef}.modal-buttons .save-btn{background-color:#4285f4;color:#fff;border:none;box-shadow:0 2px 4px #4285f433}.modal-buttons .save-btn:hover{background-color:#3367d6;box-shadow:0 4px 8px #4285f44d}.modal-buttons .process-btn{background-color:#34a853;color:#fff;border:none;box-shadow:0 2px 4px #34a85333}.modal-buttons .process-btn:hover{background-color:#2e7d32;box-shadow:0 4px 8px #34a8534d}.cantidad-input-group{display:flex;align-items:center}.cantidad-input-group input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.unidad-display{padding:.75rem;background-color:#e9ecef;border:1px solid #ced4da;border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px;font-size:1rem;color:#495057;font-weight:500}.helper-text{display:block;margin-top:.5rem;font-size:.85rem;color:#6c757d}.receta-details{background-color:#f8f9fa;padding:1.25rem;border-radius:6px;margin-bottom:1.5rem;border:1px solid #e9ecef}.receta-details p{margin:.5rem 0;font-size:.95rem;color:#495057}.notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:1rem 1.5rem;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1100;animation:slideUp .3s ease-out;display:flex;align-items:center;gap:8px}.notification.success{background-color:#34a853}.notification.error{background-color:#ea4335}.notification.warning{background-color:#fbbc05}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin:2rem 0}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #4285f4;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container{text-align:center;padding:2rem;color:#ea4335;background-color:#fce8e6;border-radius:8px;margin:2rem 0;border:1px solid #f6cbc7}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#6c757d;border:1px dashed #dee2e6}.empty-state h3{margin:1rem 0;color:#343a40;font-weight:600}.empty-state svg{color:#adb5bd;margin-bottom:1rem}.empty-state p{max-width:400px;line-height:1.5}.form-info{background-color:#e8f0fe;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;border:1px solid #d2e3fc}.form-info p{margin:0;color:#1a73e8;font-size:.95rem}.form-info strong{font-weight:600}.stats-container,.stat-card,.stat-header,.stat-value,.stat-bar-container,.stat-bar,.active-bar,.quantity-bar,.stat-footer,.stat-icon{display:none}.stock-progress-container{width:100%;height:12px;background-color:#e9ecef;border-radius:6px;margin:12px 0 15px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.stock-progress-bar{height:100%;background-color:#4285f4;border-radius:6px;transition:width .8s ease-in-out;animation:slideRight 1s ease-out}.stock-progress-text{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:700;color:#343a40;text-shadow:0 0 2px rgba(255,255,255,.7)}@keyframes slideRight{0%{width:0}}.realtime-indicator{display:flex;align-items:center;background-color:#30d1581a;padding:6px 12px;border-radius:16px;margin-right:auto;margin-left:16px;animation:fadeIn .3s ease-in-out}.pulse-dot{height:10px;width:10px;background-color:#30d158;border-radius:50%;margin-right:8px;display:inline-block;animation:pulse 1.5s infinite}.update-text{font-size:13px;color:#30d158;font-weight:500}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #30d158b3}70%{transform:scale(1);box-shadow:0 0 0 6px #30d15800}to{transform:scale(.95);box-shadow:0 0 #30d15800}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filtros-container{display:flex;align-items:center;gap:1rem;flex:1;flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center;background-color:#f1f3f4;border-radius:24px;padding:0 15px;height:40px;min-width:300px;transition:all .2s ease;flex:1}.search-box:focus-within{background-color:#fff;box-shadow:0 1px 6px #20212447}.search-box svg{color:#5f6368;margin-right:8px}.search-box input{border:none;background:transparent;outline:none;font-size:.95rem;color:#3c4043;width:100%;height:100%}.tipo-select{height:40px;border-radius:4px;border:1px solid #dadce0;padding:0 12px;font-size:.95rem;color:#3c4043;background-color:#fff;cursor:pointer;transition:all .2s ease;min-width:180px}.tipo-select:hover{border-color:#c6c6c6}.tipo-select:focus{border-color:#4285f4;outline:none}.tipo-badge{position:absolute;top:0;right:0;padding:6px 12px;border-radius:0 10px 0 8px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:5px;z-index:1}.tipo-badge.cocina{background-color:#e8f5e9;color:#1b5e20;border-bottom:1px solid #c8e6c9;border-left:1px solid #c8e6c9}.tipo-badge.barra{background-color:#e3f2fd;color:#0d47a1;border-bottom:1px solid #bbdefb;border-left:1px solid #bbdefb}.tipo-preparacion-selector{display:flex;gap:1rem;margin-top:.5rem}.tipo-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:1px solid #dadce0;border-radius:8px;cursor:pointer;transition:all .2s ease}.tipo-option.selected{border-color:#4285f4;background-color:#e8f0fe}.tipo-option input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.tipo-icon{font-size:1.5rem;margin-bottom:.5rem}.tipo-nombre{font-weight:500}.tipo-option:hover{background-color:#f8f9fa}.tipo-option.selected:hover{background-color:#e8f0fe}.form-group-row{display:flex;gap:1rem}.form-group-row .form-group{flex:1}.stock-details{margin:.5rem 0;font-size:.85rem;color:#616161}.stock-min-max{display:inline-block;padding:.3rem .6rem;background-color:#f5f5f5;border-radius:4px;border:1px solid #e0e0e0}.stock-badge.danger{background-color:#ffebee;color:#b71c1c;border:1px solid #ffcdd2}.stock-badge.warning{background-color:#fff8e1;color:#f57f17;border:1px solid #ffecb3}.stock-badge.success{background-color:#e8f5e9;color:#1b5e20;border:1px solid #c8e6c9}.stock-progress-bar.danger{background-color:#ef5350}.stock-progress-bar.warning{background-color:#ffca28}.stock-progress-bar.success{background-color:#66bb6a}.sub-recetas-container{padding:2rem;margin-top:4rem;width:100%;margin-left:auto;margin-right:auto;background-color:#fff;min-height:100vh}.sub-recetas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.sub-recetas-header h1{margin:0;color:#333}.search-box{display:flex;align-items:center;background:#f5f5f5;border-radius:8px;padding:.5rem 1rem;flex:1;max-width:400px}.search-box input{border:none;background:none;margin-left:.5rem;width:100%;outline:none;font-size:1rem}.add-sub-receta-btn{display:flex;align-items:center;gap:.5rem;background:#654321;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .2s}.add-sub-receta-btn:hover{background:#8B4513}.sub-recetas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.sub-receta-card{background:white;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sub-receta-info h3{margin:0 0 .5rem;color:#333}.descripcion{color:#666;margin:0 0 1rem;font-size:.9rem}.insumos-section{margin-top:1rem}.insumos-section h4{margin:0 0 .5rem;color:#444}.insumos-lista{display:flex;flex-wrap:wrap;gap:.5rem}.insumo-tag{background:#f0f0f0;padding:.25rem .75rem;border-radius:16px;font-size:.9rem;color:#555}.total-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.total-section h4{margin:0 0 .5rem;color:#444}.total-cantidad{font-size:1.1rem;font-weight:500;color:#654321}.tags{display:flex;gap:.5rem;margin-top:1rem}.status-badge{padding:.25rem .75rem;border-radius:16px;font-size:.8rem;font-weight:500}.status-badge.active{background:#e6f4ea;color:#1e7e34}.status-badge.inactive{background:#fce8e8;color:#dc3545}.sub-receta-actions{display:flex;gap:.5rem;margin-top:auto}.edit-btn,.delete-btn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.edit-btn{background:#f8f9fa;color:#654321}.edit-btn:hover{background:#e9ecef}.delete-btn{background:#f8f9fa;color:#dc3545}.delete-btn:hover{background:#fce8e8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;padding:2rem;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content h2{margin:0 0 1.5rem;color:#333}.form-group label{display:block;margin-bottom:.5rem;color:#444;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.form-group textarea{min-height:100px;resize:vertical}.agregar-insumo{display:flex;gap:.5rem;margin-bottom:1rem}.insumo-select{flex:2}.cantidad-input{flex:1}.add-btn{padding:.75rem;background:#654321;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.add-btn:hover{background:#8B4513}.add-btn:disabled{background:#ccc;cursor:not-allowed}.insumo-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8f9fa;border-radius:6px;margin-bottom:.5rem;width:100%}.insumo-cantidad{color:#666;font-weight:500;transform:translateY(10px);font-size:12px;max-width:120px}.remove-btn{padding:.25rem;background:none;border:none;color:#dc3545;cursor:pointer;transition:color .2s}.remove-btn:hover{color:#c82333}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px}.modal-buttons button{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.modal-buttons button[type=button]{background:#f8f9fa;border:1px solid #ddd;color:#666}.modal-buttons button[type=button]:hover{background:#e9ecef}.save-btn{background:#654321;color:#fff;border:none}.save-btn:hover{background:#8B4513}.save-btn:disabled{background:#ccc;cursor:not-allowed}.no-results{text-align:center;padding:3rem;background:#f8f9fa;border-radius:12px;color:#666}.no-results h3{margin:0 0 .5rem;color:#333}.sub-receta-cantidad-total{background-color:#f0f4f8;color:#3a5caa;padding:.4rem .8rem;border-radius:.5rem;font-size:.9rem;font-weight:600;margin-bottom:.8rem;display:inline-block}.total-calculation{border:1px solid #d1e7dd;background-color:#f8f9fa;border-radius:8px;padding:1.2rem}.total-calculation-display{font-size:1.5rem;font-weight:700;color:#198754;padding:1rem;background-color:#d1e7dd;border-radius:6px;margin:1rem 0;text-align:center}.total-explanation{font-size:.9rem;color:#666;margin-top:.5rem;font-style:italic}.conversion-note{display:block;margin-top:5px;color:#4a6fa5;font-style:italic;font-size:.85rem}@media (max-width: 768px){.sub-recetas-container{padding:1rem}.sub-recetas-header{flex-direction:column;align-items:stretch}.search-box{max-width:none}.add-sub-receta-btn{width:100%;justify-content:center}.modal-content{padding:1rem;width:95%}.agregar-insumo{flex-direction:column}.insumo-select,.cantidad-input,.add-btn{width:100%}}.tiempos-container{padding:2rem;max-width:1400px;margin:50px auto 0}.tiempos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;color:#fff}.header-left h1{font-size:1.8rem;color:#fff!important;margin:0}.header-right .date-picker{padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;color:#333;background:white;cursor:pointer;transition:all .2s ease}.header-right .date-picker:hover{border-color:#6366f1}.products-btn{background:none;border:none;color:#6366f1;cursor:pointer;padding:.5rem;font-size:.9rem;transition:all .2s ease;text-decoration:underline}.products-btn:hover{color:#4f46e5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;border-radius:16px;padding:1.5rem;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;transition:all .2s ease}.close-btn:hover{color:#333}.products-list{display:flex;flex-direction:column;gap:1rem}.product-item{padding:1rem;border-radius:8px;background:#f9fafb;transition:all .2s ease}.product-item:hover{background:#f3f4f6}.product-name{margin-bottom:.5rem}.product-name strong{font-size:1.1rem;color:#333}.product-details{display:flex;flex-direction:column;gap:.5rem;color:#666}.preparation-notes{font-size:.9rem;font-style:italic;margin:.5rem 0 0;color:#666}.dashboard-grid-tiempos{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column}.row{display:flex;flex-direction:row!important;gap:1.5rem;width:100%}.stats-card{grid-column:span 4;border-radius:16px;padding:1.5rem;width:33%;background-color:#fff;box-shadow:0 4px 6px -1px #ae03031a}.stats-card h2{font-size:1.2rem;color:#333;margin:0 0 1.5rem}.time-stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:12px;transition:all .2s ease}.time-stat-item:hover{background:#f3f4f6;transform:translateY(-2px)}.time-stat-info{display:flex;flex-direction:column;flex:1}.time-stat-info span{color:#666;font-size:.875rem}.time-stat-info strong{color:#111;font-size:1.125rem;font-weight:600}.orders-section{grid-column:span 12;background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.orders-header h2{font-size:1.2rem;color:#333;margin:0}.orders-filters{display:flex;gap:1rem}.filter-btn{padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:8px;background:white;color:#333;cursor:pointer;transition:all .2s ease}.filter-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.orders-table th{font-weight:500;color:#666;background:#f9fafb}.orders-table tr:hover{background:#f9fafb}.time-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.time-badge.fast{background:#ecfdf5;color:#059669}.time-badge.normal{background:#eff6ff;color:#3b82f6}.time-badge.slow{background:#fef2f2;color:#dc2626}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(6,1fr)}.stats-card{grid-column:span 6}}@media (max-width: 768px){.tiempos-container{padding:1rem}.tiempos-header{flex-direction:column;gap:1rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.stats-card{grid-column:span 1}.orders-table{display:block;overflow-x:auto}}.time-distribution{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;font-size:.9rem}.time-label{padding:.25rem .5rem;border-radius:4px;display:inline-block}.time-label.fast{background-color:#d1fae5;color:#065f46}.time-label.normal{background-color:#fef3c7;color:#92400e}.time-label.slow{background-color:#fee2e2;color:#991b1b}.time-badge{padding:.25rem .5rem;border-radius:4px;font-weight:500;font-size:.9rem;white-space:nowrap}.time-badge.fast{background-color:#d1fae5;color:#065f46}.time-badge.normal{background-color:#fef3c7;color:#92400e}.time-badge.slow{background-color:#fee2e2;color:#991b1b}.area-cell{text-transform:capitalize}.orders-table td{padding:1rem;vertical-align:middle}.orders-filters{display:flex;gap:1rem;margin-bottom:1rem}.filter-btn{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:6px;background:white;color:#374151;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#2563eb;color:#2563eb}.filter-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.stats-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.stats-card h2{margin:0 0 1rem;color:#1f2937;font-size:1.25rem}.time-stats{display:flex;flex-direction:column;gap:1rem}.time-stat-item{display:flex;align-items:center;gap:1rem}.time-stat-info{flex:1}.time-stat-info span{display:block;color:#6b7280;font-size:.875rem}.time-stat-info strong{display:block;color:#1f2937;font-size:1.5rem;margin-top:.25rem}.filter-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.date-filter{display:flex;align-items:center;gap:8px}.date-filter label{font-weight:500;color:#333}.date-picker{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.shift-filter{display:flex;flex-direction:column;gap:8px}.shift-filter-label{font-weight:500;color:#333;margin-bottom:4px}.shift-buttons{display:flex;gap:8px;flex-wrap:wrap}.shift-btn{padding:8px 12px;border:none;border-radius:20px;background-color:#f0f0f0;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;font-size:14px;color:#444;min-width:100px;justify-content:center}.shift-btn:hover{background-color:#e4e4e4}.shift-btn.active{background-color:#4a6cf7;color:#fff;box-shadow:0 2px 8px #00000026}.shift-btn.morning{background-color:#fff8e1;border:1px solid #FFECB3}.shift-btn.morning:hover{background-color:#ffe082}.shift-btn.morning.active{background-color:#ffc107;color:#333}.shift-btn.afternoon{background-color:#e3f2fd;border:1px solid #BBDEFB}.shift-btn.afternoon:hover{background-color:#90caf9}.shift-btn.afternoon.active{background-color:#2196f3;color:#fff}.shift-btn.night{background-color:#ede7f6;border:1px solid #D1C4E9}.shift-btn.night:hover{background-color:#b39ddb}.shift-btn.night.active{background-color:#673ab7;color:#fff}.shift-icon{font-size:16px}.shift-name{font-weight:500}.shift-time{font-size:12px;color:inherit;opacity:.8}.turno-cell{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-weight:500}.turno-cell.morning{background-color:#fff8e1;color:#f57f17}.turno-cell.afternoon{background-color:#e3f2fd;color:#0d47a1}.turno-cell.night{background-color:#ede7f6;color:#4527a0}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{padding:10px 20px;background-color:#f5f5f5;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.tab-btn.active{background-color:#8b4513;color:#fff}.tab-btn:hover:not(.active){background-color:#e0e0e0}.delivered-table th:nth-child(10),.delivered-table th:nth-child(11),.delivered-table th:nth-child(12){text-align:center}.delivered-table td:nth-child(10),.delivered-table td:nth-child(11),.delivered-table td:nth-child(12){text-align:center}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.orders-filters{display:flex;gap:10px}.debug-btn{margin-left:10px;padding:8px 12px;background-color:#f0ad4e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.debug-btn:hover{background-color:#ec971f}.debug-info{margin:20px 0;padding:15px;background-color:#f1f8ff;border:1px solid #c8e1ff;border-radius:5px}.debug-info h3{margin-top:0;color:#0366d6}.debug-table{width:100%;border-collapse:collapse;margin-top:10px}.debug-table th,.debug-table td{border:1px solid #ddd;padding:8px;text-align:center}.debug-table th{background-color:#f1f1f1;font-weight:700}.no-data-message{text-align:center;padding:20px;font-style:italic;color:#666;background-color:#f9f9f9}.productividad-container{padding:20px;max-width:1400px;margin:0 auto}.productividad-header{margin-bottom:24px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-bottom:25px}.department-card{border-left:4px solid #007bff}.card-number{font-size:1.8rem;font-weight:700;color:#343a40;margin-bottom:10px;display:flex;flex-direction:column}.card-subtitle{font-size:.9rem;font-weight:400;color:#6c757d;margin-top:5px}.card-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;font-size:.9rem;padding:5px 0;border-bottom:1px solid #f1f1f1}.detail-label{color:#6c757d}.detail-value{font-weight:600;color:#343a40}.performance-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;margin-bottom:30px}.performance-section h2{display:flex;align-items:center;font-size:1.3rem;margin-top:0;margin-bottom:20px;color:#343a40;border-bottom:1px solid #dee2e6;padding-bottom:10px}.performance-section h2 svg{margin-right:10px;color:#007bff}.performance-table{width:100%}.performance-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;background-color:#f8f9fa;padding:10px 15px;border-radius:6px;font-weight:600;color:#495057;margin-bottom:10px}.performance-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:12px 15px;border-bottom:1px solid #f1f1f1;align-items:center;transition:all .2s}.performance-table-row:hover{background-color:#f8f9fa}.performance-table-row:last-child{border-bottom:none}.col-hours,.col-days{color:#495057}.col-productivity{font-weight:600;color:#007bff}@media (max-width: 768px){.header-top{flex-direction:column;align-items:flex-start;gap:15px}.month-selector{flex-direction:column;align-items:flex-start;gap:10px}.current-month{margin-left:0;margin-top:10px}.summary-cards{grid-template-columns:1fr}.performance-table-header,.performance-table-row{grid-template-columns:2fr 1.5fr 1fr 1fr 1fr;font-size:.9rem;padding:10px}}@media (max-width: 576px){.performance-table-header,.performance-table-row{grid-template-columns:1fr;gap:8px}.performance-table-header{display:none}.performance-table-row{padding:15px;border:1px solid #dee2e6;border-radius:8px;margin-bottom:10px}.col-name,.col-department,.col-hours,.col-days,.col-productivity{position:relative;padding-left:110px}.col-name:before,.col-department:before,.col-hours:before,.col-days:before,.col-productivity:before{position:absolute;left:0;width:100px;font-weight:600;color:#6c757d}.col-name:before{content:"Nombre:"}.col-department:before{content:"Departamento:"}.col-hours:before{content:"Horas:"}.col-days:before{content:"Días:"}.col-productivity:before{content:"Productividad:"}}.semana-mes-info{fontSize:"0.85rem";color:"#2196f3";fontWeight:"600";marginTop:"5px"}.semana-actual-badge{margin-left:10px;background-color:#4caf50;color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.dia-productividad-badge{background-color:#4caf50;color:#fff;padding:4px 10px;border-radius:15px;font-size:.85rem;font-weight:700}.dia-horas-small{font-size:.7rem;color:#666;margin-top:2px}.stat-hours{font-size:.8rem;color:#666;background-color:#f0f8ff;padding:4px 12px;border-radius:15px}.daily-breakdown{margin-bottom:30px}.daily-breakdown h2{display:flex;align-items:center;font-size:1.3rem;margin-bottom:20px;color:#333;font-weight:600}.daily-breakdown h2 svg{margin-right:10px;color:#2196f3}.daily-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.daily-card{background-color:#fff;border-radius:12px;padding:20px;border:1px solid #e0e0e0;transition:all .2s;box-shadow:0 2px 8px #0000000d}.daily-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.daily-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.daily-header h3{margin:0;font-size:1.1rem;color:#333;font-weight:600}.daily-status{padding:4px 12px;border-radius:15px;font-size:.75rem;font-weight:600}.daily-status.active{background-color:#e8f5e9;color:#2e7d32}.daily-metrics{display:flex;flex-direction:column;gap:10px}.metric{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f8f9fa;border-radius:6px}.metric-label{font-size:.9rem;color:#555;font-weight:500}.metric-value{font-weight:600;color:#333}.metric-value.productivity{background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:.85rem}.no-data{text-align:center;padding:20px;color:#999;font-style:italic;background-color:#f9f9f9;border-radius:6px;border:2px dashed #ddd}@media (max-width: 768px){.week-navigation{flex-direction:column;gap:15px}.week-info{min-width:auto}.daily-grid{grid-template-columns:1fr}.summary-cards-horizontal{flex-direction:column}}.finanzas-container{padding:2rem;max-width:1400px;margin:50px auto 0}.finanzas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-left h1{font-size:1.8rem;color:#000!important;margin:0}.fecha-actual{color:#666;margin:.5rem 0 0;font-size:1rem}.mes-selector input{padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;color:#333;background:white;cursor:pointer;transition:all .2s ease}.mes-selector input:hover{border-color:#6366f1}.dashboard-grid-finanzas{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-bottom:2rem}.balance-card{grid-column:span 4;background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.balance-header h2{font-size:1.2rem;color:#333;margin:0}.balance-badge{background:#ecfdf5;color:#059669;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.balance-amount{font-size:2.5rem;font-weight:600;color:#111;margin:1rem 0}.balance-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.balance-item{display:flex;align-items:center;gap:.75rem}.icon-up{color:#059669;font-size:1.25rem}.icon-down{color:#dc2626;font-size:1.25rem}.balance-info{display:flex;flex-direction:column}.balance-info span{color:#666;font-size:.875rem}.balance-info strong{color:#111;font-size:1rem}.stats-card-finanzas{grid-column:span 4;background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.stats-card-finanzas h2{font-size:1.2rem;color:#333;margin:0 0 1.5rem}.payment-methods,.sales-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.payment-method,.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:12px;transition:all .2s ease}.payment-method:hover,.stat-item:hover{background:#f3f4f6;transform:translateY(-2px)}.payment-method .icon,.stat-item .icon{font-size:1.5rem;color:#6366f1}.method-info,.stat-info{display:flex;flex-direction:column}.method-info span,.stat-info span{color:#666;font-size:.875rem}.method-info strong,.stat-info strong{color:#111;font-size:1.125rem;font-weight:600}.chart-card{grid-column:span 12;background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.chart-card h2{font-size:1.2rem;color:#333;margin:0 0 1.5rem}.chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:200px;padding:1rem 0}.chart-column{display:flex;flex-direction:column;align-items:center;flex:1}.chart-bar{width:40px;height:150px;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:.5rem}.bar-ingresos{background:#6366f1;border-radius:4px 4px 0 0;transition:height .3s ease}.bar-gastos{background:#dc2626;border-radius:0 0 4px 4px;transition:height .3s ease}.chart-label{color:#666;font-size:.875rem;text-transform:capitalize}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(6,1fr)}.balance-card,.stats-card-finanzas,.chart-card{grid-column:span 6}}@media (max-width: 768px){.finanzas-container{padding:1rem}.finanzas-header{flex-direction:column;gap:1rem}.dashboard-grid-finanzas{grid-template-columns:1fr;gap:1rem}.balance-card,.stats-card-finanzas,.chart-card{grid-column:span 1}.payment-methods,.sales-stats{grid-template-columns:1fr}.chart-container{overflow-x:auto;padding-bottom:1rem}.chart-column{min-width:80px}}.gastos-section{margin-top:2rem}.gastos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.gastos-header h2{color:#64748b;margin:0;font-size:1.5rem;font-weight:500}.add-btn{background:#22c55e;color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.add-btn:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 4px 6px -1px #22c55e33}.gastos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.gasto-card{background:#ffffff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;transition:transform .3s ease}.gasto-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.gasto-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.gasto-info h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:500}.gasto-info .monto{font-weight:600;color:#f43f5e}.gasto-footer{display:flex;align-items:center;gap:1rem}.categoria{background:#f1f5f9;padding:.375rem 1rem;border-radius:20px;font-size:.875rem;color:#64748b;font-weight:500}.fecha{display:flex;align-items:center;gap:.375rem;color:#94a3b8;font-size:.875rem}.delete-btn{margin-left:auto;background:none;border:none;color:#f43f5e;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;opacity:.7}.delete-btn:hover{background:#fef2f2;opacity:1;transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;padding:2rem;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a}.modal-content h2{color:#1e293b;margin:0 0 1.5rem;font-weight:500}.form-group label{display:block;margin-bottom:.5rem;color:#64748b;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#1e293b;transition:all .3s ease;background:#ffffff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.modal-buttons button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.modal-buttons button:first-child{background:#f1f5f9;color:#64748b}.modal-buttons .save-btn{background:#22c55e;color:#fff}.modal-buttons button:hover{transform:translateY(-2px)}.loading{text-align:center;padding:2rem;color:#64748b;font-size:1.1rem}.error{background:#fef2f2;color:#f43f5e;padding:1rem;border-radius:12px;margin:1rem;text-align:center;font-weight:500}.comparative-section{margin-top:30px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.comparative-section h2{margin-bottom:20px;color:#333;font-size:1.5rem}.comparative-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.comparative-card{background-color:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 1px 5px #0000000d}.comparative-card h3{margin-bottom:15px;font-size:1.1rem;color:#444}.metric-container{display:flex;flex-direction:column;gap:15px}.metric{display:flex;align-items:center;gap:12px}.metric .icon{color:#627c9c;font-size:1.5rem}.metric div{display:flex;flex-direction:column}.metric span{font-size:.9rem;color:#666}.metric strong{font-size:1.3rem;color:#333}.categories-container{display:flex;flex-direction:column;gap:12px}.category-item{display:grid;grid-template-columns:100px 1fr 70px 60px;align-items:center;gap:10px}.category-name{font-size:.9rem;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-bar-container{height:12px;background-color:#e9ecef;border-radius:10px;overflow:hidden}.category-bar{height:100%;border-radius:10px;transition:width .3s ease}.category-amount{font-size:.9rem;font-weight:500;text-align:right}.category-percent{font-size:.85rem;color:#666;text-align:right}.daily-sales-container{background-color:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:20px;box-shadow:0 1px 5px #0000000d}.daily-sales-container h3{margin-bottom:15px;font-size:1.1rem;color:#444}.daily-chart{display:flex;gap:2px;height:200px;align-items:flex-end;position:relative;margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #ddd}.daily-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.daily-bar-label{position:absolute;bottom:-18px;font-size:.75rem;color:#666}.daily-bar-wrapper{height:100%;width:100%;display:flex;justify-content:center;align-items:flex-end;position:relative}.daily-bar{width:60%;background-color:#4dabf7;border-radius:2px 2px 0 0;transition:height .3s ease}.daily-average-line{position:absolute;width:100%;height:2px;background-color:#fd7e14;z-index:1}.daily-legend,.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:5px;font-size:.85rem}.legend-color{width:14px;height:14px;border-radius:3px}.legend-color.ingresos{background-color:#4dabf7}.legend-color.gastos{background-color:#ff6b6b}.legend-color.ventas{background-color:#4dabf7}.legend-color.gastos-promedio{background-color:#fd7e14}.summary-box{background-color:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 1px 5px #0000000d}.summary-box h3{margin-bottom:15px;font-size:1.1rem;color:#444}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-item strong{font-size:.9rem;color:#555}.summary-item span{font-size:1.2rem;font-weight:500;color:#333}.summary-item.highlight{padding:10px;background-color:#e9f5ff;border-radius:6px}.positive{color:#2b8a3e!important}.negative{color:#e03131!important}@media (max-width: 768px){.comparative-grid{grid-template-columns:1fr}.category-item{grid-template-columns:80px 1fr 60px 50px}}.executive-summary{background-color:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.exec-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.exec-summary-header h2{font-size:1.4rem;color:#333;margin:0}.balance-status{font-size:.9rem;font-weight:600;padding:.4rem 1rem;border-radius:20px}.balance-status.positive{background-color:#d3f9d8;color:#2b8a3e}.balance-status.negative{background-color:#ffe3e3;color:#e03131}.key-metrics-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2rem;margin-bottom:1.5rem}.key-metric{background-color:#f8f9fa;border-radius:10px;padding:1.2rem;transition:transform .2s ease,box-shadow .2s ease}.key-metric:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000000d}.key-metric.highlight{background-color:#f1f8ff;border-left:4px solid #4dabf7}.key-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.key-metric-header h3{font-size:1rem;color:#495057;margin:0;font-weight:500}.metric-icon{font-size:1.4rem}.metric-icon.income{color:#2b8a3e}.metric-icon.expense{color:#e03131}.metric-icon.balance{color:#4c6ef5}.key-metric-value{font-size:2rem;font-weight:700;color:#212529;margin-bottom:1rem}.key-metric-details{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.metric-detail{display:flex;flex-direction:column}.metric-detail span{font-size:.8rem;color:#6c757d;margin-bottom:.2rem}.metric-detail strong{font-size:1rem;color:#343a40}.profit-loss-chart{background-color:#f8f9fa;border-radius:10px;padding:1.2rem}.profit-loss-chart h3{font-size:1.1rem;color:#495057;margin:0 0 1rem;text-align:center}.profit-loss-bars{display:flex;justify-content:center;gap:2rem;height:250px}.pl-bar-container{display:flex;flex-direction:column;align-items:center;width:100px}.pl-bar-label{font-size:.9rem;color:#6c757d;margin-bottom:.8rem;font-weight:500}.pl-bar-wrapper{height:100%;width:100%;display:flex;justify-content:center;align-items:flex-end;position:relative}.pl-bar{width:60%;border-radius:6px 6px 0 0;display:flex;justify-content:center;align-items:flex-start;padding-top:10px;transition:height .5s ease}.pl-bar.income{background-color:#4dabf7}.pl-bar.expense{background-color:#ff6b6b}.pl-bar.profit{background-color:#51cf66}.pl-bar.loss{background-color:#ff8787}.pl-bar-value{font-size:.9rem;font-weight:600;color:#fff}@media (max-width: 768px){.key-metrics-grid{grid-template-columns:1fr}.profit-loss-bars{height:200px}}.exec-actions{display:flex;align-items:center;gap:10px}.verify-btn{background-color:#4361ee;color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.verify-btn:hover{background-color:#3a56d4;transform:translateY(-2px)}.page-layout{min-height:100vh;background-color:#fafafa;margin-top:60px}.asistencia-container{padding:20px;max-width:1200px;margin:0 auto}.asistencia-header{margin-bottom:30px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0}.header-top h1{display:flex;align-items:center;font-size:1.6rem;margin:0;color:#333;font-weight:600}.header-top h1 svg{margin-right:12px;color:#2196f3}.header-actions{display:flex;gap:12px}.action-btn{display:flex;align-items:center;background-color:#fff;border:1px solid #ddd;color:#555;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.action-btn:hover{background-color:#f5f5f5;border-color:#bbb}.action-btn.primary{background-color:#2196f3;color:#fff;border-color:#2196f3}.action-btn.primary:hover{background-color:#1976d2}.date-selector-container{margin-bottom:25px}.week-navigation{display:flex;align-items:center;justify-content:center;gap:20px;background-color:#fff;padding:20px;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:15px}.week-nav-btn{background-color:#2196f3;color:#fff;border:none;border-radius:6px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;transition:background-color .2s}.week-nav-btn:hover{background-color:#1976d2}.week-info{text-align:center;min-width:300px}.week-range{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:5px}.current-day{font-size:.95rem;color:#666}.date-picker-section{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#fff;padding:15px;border-radius:8px;border:1px solid #e0e0e0}.calendar-icon{color:#2196f3;font-size:1.1rem}.date-picker{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;width:140px}.horario-config-indicator{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#e8f5e9;color:#2e7d32;padding:12px 20px;border-radius:6px;font-size:.9rem;font-weight:500;margin-top:15px}.department-filters{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.department-filter{display:flex;align-items:center;padding:12px 20px;background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.department-filter svg{margin-right:8px}.department-filter:hover{background-color:#f5f5f5}.department-filter.active{background-color:#2196f3;color:#fff;border-color:#2196f3}.summary-cards-horizontal{display:flex;gap:20px;margin-bottom:25px;flex-wrap:wrap}.summary-card-main{flex:2;min-width:400px;background-color:#fff;border-radius:12px;padding:25px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}.summary-card-main h3{display:flex;align-items:center;font-size:1.1rem;margin:0 0 20px;color:#333;font-weight:600}.summary-card-main h3 svg{margin-right:10px;color:#2196f3}.total-semana-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f8ff}.empleados-info{background-color:#e8f5e9;color:#2e7d32;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:500}.desglose-dias-horizontal{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.dia-badge{display:flex;flex-direction:column;align-items:center;background-color:#f0f8ff;border:2px solid #e3f2fd;border-radius:12px;padding:12px 8px;min-width:70px;transition:all .2s}.dia-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f333;border-color:#2196f3}.dia-nombre-corto{font-size:.75rem;font-weight:600;color:#666;margin-bottom:5px;text-transform:uppercase}.dia-horas-badge{background-color:#2196f3;color:#fff;padding:4px 10px;border-radius:15px;font-size:.85rem;font-weight:700}.sin-horas-mensaje-horizontal{flex:1;text-align:center;padding:20px;color:#999;font-style:italic;background-color:#f9f9f9;border-radius:8px;border:2px dashed #ddd}.summary-card-department{flex:1;min-width:140px;background-color:#fff;border-radius:12px;padding:20px;border:1px solid #e0e0e0;text-align:center;transition:all .2s;box-shadow:0 2px 8px #0000000d}.summary-card-department:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a;border-color:#2196f3}.department-icon-header{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.department-icon-header svg{font-size:1.8rem;color:#2196f3;margin-bottom:8px}.department-icon-header span{font-size:.9rem;font-weight:600;color:#333}.department-stats{display:flex;flex-direction:column;gap:8px}.stat-number{font-size:1.8rem;font-weight:700;color:#2196f3}.stat-employees{font-size:.8rem;color:#666;background-color:#f0f8ff;padding:4px 12px;border-radius:15px}.semana-info-section{margin-bottom:30px}.semana-info-card{background-color:#fff;border-radius:12px;padding:25px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}.semana-info-card h4{display:flex;align-items:center;font-size:1.1rem;margin:0 0 20px;color:#333;font-weight:600}.semana-info-card h4 svg{margin-right:10px;color:#2196f3}.semana-info-grid{display:grid;grid-template-columns:1fr;gap:15px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #2196f3}.info-label{font-size:.9rem;color:#555;font-weight:500}.info-value{font-weight:600;color:#333;background-color:#fff;padding:4px 12px;border-radius:15px;font-size:.85rem}@media (max-width: 1024px){.summary-cards-horizontal{flex-direction:column}.summary-card-main{min-width:auto}.desglose-dias-horizontal{justify-content:space-around}}@media (max-width: 768px){.summary-card-main{padding:20px}.total-semana-header{flex-direction:column;gap:10px;text-align:center}.desglose-dias-horizontal{gap:8px}.dia-badge{min-width:60px;padding:10px 6px}.semana-info-grid{grid-template-columns:1fr}}.summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.summary-card{background-color:#fff;border-radius:8px;padding:25px;border:1px solid #e0e0e0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.summary-card h3{display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin:0 0 20px;color:#333;font-weight:600}.summary-card h3 svg{margin-right:10px;color:#2196f3}.card-number{font-size:2.5rem;font-weight:700;color:#2196f3;margin-bottom:15px}.semana-actual-info{margin:15px 0;padding:12px;background-color:#f0f8ff;border-radius:6px;color:#1976d2;font-size:.95rem;font-weight:500}.department-hours-summary{display:flex;flex-direction:column;gap:10px;margin-top:15px}.department-hour-item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background-color:#f9f9f9;border-radius:6px;font-size:.9rem}.department-icon{color:#2196f3;margin-right:8px}.department-name{flex:1;text-align:left;color:#555}.empleados-count{font-size:.8rem;color:#888;margin-left:10px}.semana-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f9f9f9;border-radius:6px}.stat-label{font-size:.9rem;color:#555}.stat-value{font-weight:600;color:#333;background-color:#e3f2fd;padding:4px 12px;border-radius:15px;font-size:.85rem}.cambios-indicator{border-top:1px solid #eee;padding-top:15px;margin-top:15px}.cambio-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;color:#666}.departments-container{display:flex;flex-direction:column;gap:25px}.department-section{background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}.department-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.department-header h2{display:flex;align-items:center;font-size:1.2rem;margin:0;color:#333;font-weight:600}.department-header h2 svg{margin-right:10px;color:#2196f3}.department-summary{display:flex;gap:15px;font-size:.9rem}.department-employees,.department-hours{background-color:#e3f2fd;padding:6px 12px;border-radius:15px;color:#1976d2;font-weight:500}.department-employees-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:25px}.employee-card{background-color:#fafafa;border-radius:8px;padding:20px;border:1px solid #e0e0e0;transition:all .2s}.employee-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.employee-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.employee-name{font-size:1.1rem;margin:0;color:#333;font-weight:600}.horario-semanal-badge{background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.employee-schedule,.employee-hours{display:flex;align-items:center;margin-bottom:10px;font-size:.9rem;flex-wrap:wrap;gap:8px}.schedule-label,.hours-label{font-weight:600;color:#666;min-width:60px}.schedule-time{background-color:#f0f0f0;padding:4px 10px;border-radius:4px;font-weight:500}.schedule-shift{padding:4px 8px;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600}.schedule-shift.matutino{background-color:#ff9800}.schedule-shift.vespertino{background-color:#4caf50}.schedule-shift.nocturno{background-color:#9c27b0}.horario-tipo-badge{padding:3px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase}.horario-tipo-badge.semanal{background-color:#e3f2fd;color:#1976d2}.horario-tipo-badge.base{background-color:#f3e5f5;color:#7b1fa2}.hours-value{font-weight:600;color:#333}.hours-extras-badge{padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:600}.hours-extras-badge.positive{background-color:#4caf50;color:#fff}.hours-extras-badge.negative{background-color:#f44336;color:#fff}.horario-semanal-info{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background-color:#e8f5e9;border-radius:6px}.info-text{font-size:.8rem;color:#2e7d32;font-weight:500}.employee-actions{display:flex;gap:8px;margin-top:15px}.edit-schedule-btn,.edit-weekly-schedule-btn{background-color:#fff;border:1px solid #ddd;color:#666;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.edit-schedule-btn:hover,.edit-weekly-schedule-btn:hover{background-color:#f5f5f5;color:#333}.edit-weekly-schedule-btn{background-color:#e3f2fd;color:#1976d2;border-color:#bbdefb}.edit-weekly-schedule-btn:hover{background-color:#bbdefb}.edit-indicator{background-color:#e8f5e9;color:#2e7d32;padding:6px;border-radius:50%;font-size:.8rem}.no-employees-message{grid-column:1 / -1;padding:40px;text-align:center;color:#999;font-style:italic}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr}.header-top,.week-navigation{flex-direction:column;gap:15px}.department-employees-list{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;padding:0;box-shadow:0 10px 30px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h2{margin:0;padding:25px 30px;background-color:#2196f3;color:#fff;font-size:1.3rem;font-weight:600;border-radius:12px 12px 0 0;text-align:center}.semana-info{background-color:#f8f9fa;padding:20px 30px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.semana-info p{margin:0;color:#555;font-size:1rem;font-weight:500}.copy-base-btn{background-color:#6c757d;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500}.copy-base-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.horario-form{padding:30px;display:flex;flex-direction:column;gap:20px}.horario-dia-form{display:flex;align-items:center;padding:20px;background-color:#fafafa;border-radius:10px;border:2px solid transparent;transition:all .3s ease;position:relative}.horario-dia-form:hover{background-color:#f0f8ff;border-color:#e3f2fd}.horario-dia-form.activo{background-color:#e8f5e9;border-color:#4caf50;box-shadow:0 2px 8px #4caf501a}.horario-dia-form.activo:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#4caf50;border-radius:10px 0 0 10px}.dia-label{min-width:120px;margin-right:20px}.dia-label label{display:flex;align-items:center;cursor:pointer;font-weight:600;color:#333;font-size:1rem}.dia-label input[type=checkbox]{margin-right:12px;width:18px;height:18px;accent-color:#2196f3;cursor:pointer}.horario-inputs{display:flex;align-items:center;gap:15px;flex:1}.horario-inputs input[type=time]{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background-color:#fff;color:#333;font-weight:500;transition:all .2s;min-width:140px}.horario-inputs input[type=time]:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 3px #2196f31a}.horario-inputs input[type=time]:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#e0e0e0}.horario-inputs span{font-weight:600;color:#666;font-size:1rem}.horas-extras{display:flex;align-items:center;margin-left:20px}.horas-extras label{display:flex;align-items:center;font-size:.9rem;color:#555;font-weight:500}.horas-extras input[type=number]{width:80px;padding:8px 12px;margin-left:10px;border:2px solid #e0e0e0;border-radius:6px;text-align:center;font-size:.9rem;font-weight:500;transition:all .2s}.horas-extras input[type=number]:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 3px #2196f31a}.horas-extras input[type=number]:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#e0e0e0}.modal-buttons{display:flex;justify-content:flex-end;gap:15px;padding:25px 30px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px}.modal-buttons button{padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.modal-buttons button[type=button]:not(.save-btn){background-color:#6c757d;color:#fff}.modal-buttons button[type=button]:not(.save-btn):hover{background-color:#5a6268;transform:translateY(-1px)}.save-btn{background-color:#4caf50;color:#fff;box-shadow:0 2px 8px #4caf504d}.save-btn:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.save-btn svg{font-size:1.1rem}.empleado-modal .modal-content{max-width:500px}.empleado-form{padding:30px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:1rem}.form-group input,.form-group select{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 3px #2196f31a}.notificacion-toast{position:fixed;bottom:30px;right:30px;min-width:300px;padding:16px 20px;border-radius:8px;box-shadow:0 6px 20px #00000026;z-index:1100;animation:slideInRight .3s ease-out,slideOutRight .3s ease-in 2.7s;font-weight:500;font-size:.95rem}.notificacion-toast.success{background-color:#4caf50;color:#fff}.notificacion-toast.error{background-color:#f44336;color:#fff}.notificacion-toast.warning{background-color:#ff9800;color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.loading,.error{padding:40px;text-align:center;font-size:1.1rem}.loading{color:#666}.error{color:#f44336}@media (max-width: 768px){.modal-content{width:95%;max-height:90vh}.horario-dia-form{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.dia-label{width:100%;margin-right:0;margin-bottom:10px}.horario-inputs{width:100%;justify-content:space-between}.horas-extras{margin-left:0;margin-top:10px}.modal-buttons{flex-direction:column;gap:10px}.modal-buttons button{width:100%;justify-content:center}}input[type=number]{color:#000;background-color:#fff}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.desglose-dias-semana{display:flex;flex-direction:column;gap:8px;margin-top:15px}.dia-horas-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#f0f8ff;border-radius:6px;border-left:4px solid #2196f3;font-size:.9rem}.dia-nombre{font-weight:600;color:#333;min-width:80px}.dia-horas{font-weight:700;color:#2196f3;background-color:#fff;padding:4px 12px;border-radius:15px;font-size:.85rem}.sin-horas-mensaje{text-align:center;padding:20px;color:#999;font-style:italic;background-color:#f9f9f9;border-radius:6px;border:2px dashed #ddd}.info-empleados-semana{margin-top:15px;padding:12px;background-color:#e8f5e9;border-radius:6px;text-align:center;font-size:.9rem;color:#2e7d32;font-weight:500}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:20px 40px;background-color:#fff;box-sizing:border-box;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:40px;color:#000;font-size:14px}.add-user-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s;font-size:1rem}.add-user-btn:hover{background-color:#218838}.users-table-container{background:white;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;color:#000}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.users-table th{background-color:#f8f9fa;font-weight:600}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.875rem}.status-badge.active{background-color:#e8f5e9;color:#28a745}.status-badge.inactive{background-color:#fee2e2;color:#dc3545}.branch-badge{padding:.25rem .5rem;border-radius:12px;font-size:.875rem;font-weight:500}.branch-badge.valle{background-color:#e8f4f8;color:#2563eb}.branch-badge.escobedo{background-color:#f0fdf4;color:#16a34a}.branch-badge.todas{background-color:#fef3c7;color:#d97706}.action-buttons{display:flex;gap:.5rem}.edit-btn,.delete-btn{padding:.5rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.edit-btn{background-color:#f8f9fa;color:#2c3e50}.delete-btn{background-color:#f8f9fa;color:#dc3545}.edit-btn:hover{background-color:#e9ecef}.delete-btn:hover{background-color:#fee2e2}.modal-content{background:white;padding:2rem;border-radius:8px;width:90%;max-width:500px}.modal-content h2{margin-bottom:1.5rem;color:#2c3e50}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50}.form-group input,.form-group select{width:100%;padding:.5rem;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;background-color:#fff;color:#000}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.modal-buttons button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.save-btn{background-color:#28a745;color:#fff}.error-message{background-color:#fee2e2;color:#dc3545;padding:1rem;border-radius:4px;margin-bottom:1rem}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.admin-indicator{background-color:#4a5568;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;margin-left:1rem}.admin-controls{display:flex;align-items:center;gap:1rem;padding:.5rem;background-color:#f8f9fa;border-radius:4px;margin-bottom:1rem}.admin-view-toggle{padding:.5rem 1rem;background-color:#4a5568;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.admin-view-toggle:hover{background-color:#2d3748}.collections-container{flex:1;padding:1.5rem;max-width:100%;margin:60px auto 0;width:100%;background-color:#fafafa;min-height:100vh}.collections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;background-color:#fff;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 1px 3px #0000000d;border:1px solid #f0f0f0}.collections-header h1{font-size:1.75rem;color:#1a1a1a;margin:0;font-weight:600}.add-collection-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;box-shadow:0 2px 4px #007bff33}.add-collection-btn:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;margin-bottom:2rem}.collection-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d;border:1px solid #f0f0f0;transition:all .2s ease;display:flex;flex-direction:column;height:100%}.collection-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#e0e0e0}.collection-card-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f8f9fa}.collection-header-left{display:flex;align-items:center;gap:1rem;flex:1}.collection-color-circle{width:24px;height:24px;border-radius:50%;flex-shrink:0;border:2px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000001a}.collection-header-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.collection-title{font-size:1.1rem;font-weight:600;margin:0;color:#1a1a1a;line-height:1.3}.subcollections-count{font-size:.8rem;color:#6c757d;font-weight:400}.collection-header-right{display:flex;align-items:center}.expand-btn-minimal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #e9ecef;cursor:pointer;background-color:#f8f9fa;color:#6c757d;transition:all .2s ease}.expand-btn-minimal:hover{background-color:#e9ecef;color:#495057;border-color:#dee2e6}.collection-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;flex:1}.collection-info{display:flex;flex-direction:column;gap:1rem}.collection-stats{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1rem}.productos-count{font-size:.9rem;color:#495057;margin:0}.productos-count strong{color:#1a1a1a;font-weight:600}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.active .status-dot{background-color:#28a745}.status-indicator.inactive .status-dot{background-color:#dc3545}.status-indicator.active{color:#155724}.status-indicator.inactive{color:#721c24}.collection-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:auto;padding-top:.5rem}.edit-btn,.delete-btn,.add-subcollection-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-size:.9rem}.edit-btn{background-color:#f8f9fa;color:#495057;border:1px solid #e9ecef}.delete-btn{background-color:#f8f9fa;color:#dc3545;border:1px solid #e9ecef}.add-subcollection-btn{background-color:#f8f9fa;color:#28a745;border:1px solid #e9ecef}.edit-btn:hover{background-color:#007bff;color:#fff;border-color:#007bff}.delete-btn:hover{background-color:#dc3545;color:#fff;border-color:#dc3545}.add-subcollection-btn:hover{background-color:#28a745;color:#fff;border-color:#28a745}.subcollections-container{background-color:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease}.subcollections-container:not(.expanded){max-height:60px}.subcollections-container.expanded{max-height:none}.subcollections-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.subcollections-header h4{margin:0;font-size:.9rem;color:#495057;font-weight:600}.toggle-all-btn{background:none;border:1px solid #dee2e6;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;color:#6c757d;cursor:pointer;transition:all .2s ease;font-weight:500}.toggle-all-btn:hover{background-color:#6c757d;color:#fff}.subcollections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1.5rem;background-color:#f8f9fa}.subcollection{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;border:1px solid #f0f0f0;transform:scale(.98);transition:all .2s ease}.subcollection:hover{transform:scale(1);box-shadow:0 2px 8px #00000014;border-color:#e0e0e0}.subcollection .collection-card-header{padding:1.25rem;border-bottom:1px solid #f8f9fa}.subcollection .collection-title{font-size:1rem}.subcollection .collection-card-body{padding:1.25rem}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:1.5rem;background-color:#fff;margin:2rem;border-radius:12px;border:1px solid #f0f0f0}.loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{margin:0;color:#6c757d;font-size:.95rem;font-weight:500}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;gap:1rem;background-color:#fff;margin:2rem;border-radius:12px;border:1px solid #f8d7da;padding:2rem}.error-icon{font-size:2.5rem}.error-container p{color:#721c24;text-align:center;margin:0;font-size:.95rem}.retry-btn{padding:.75rem 1.5rem;background-color:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.retry-btn:hover{background-color:#c82333;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;border-radius:12px;padding:2rem;width:100%;max-width:500px;box-shadow:0 8px 32px #00000026;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:1.4rem;color:#1a1a1a;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.75rem;font-size:.9rem;color:#495057;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;color:#495057;background-color:#fff;transition:all .2s ease;box-sizing:border-box}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.form-group input[type=color]{width:100%;height:44px;border:1px solid #e9ecef;border-radius:8px;background-color:#fff;padding:2px;cursor:pointer;box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:#495057;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#007bff}.image-preview{width:100%;height:150px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:1px solid #e9ecef;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:1rem}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.modal-buttons button{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;font-weight:500}.modal-buttons button:first-child{background-color:#f8f9fa;color:#6c757d;border:1px solid #e9ecef}.modal-buttons button:first-child:hover{background-color:#e9ecef;color:#495057}.save-btn{background-color:#007bff;color:#fff}.save-btn:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.save-btn:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.error-message{color:#dc3545;background-color:#f8d7da;padding:.75rem;border-radius:6px;margin:.5rem 0;font-size:.85rem;border:1px solid #f5c6cb}@media (max-width: 768px){.collections-container{padding:1rem}.collections-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem}.add-collection-btn{width:100%;justify-content:center}.collections-grid{grid-template-columns:1fr}.collection-stats{flex-direction:column;align-items:flex-start}.collection-actions{justify-content:center}.subcollections-grid{grid-template-columns:1fr;padding:1rem}.modal-content{padding:1.5rem;margin:1rem}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}}@media (max-width: 480px){.collections-header h1{font-size:1.5rem}.collection-card-header,.collection-card-body{padding:1.25rem}.loading-container{margin:1rem;min-height:300px}.error-container{margin:1rem;padding:1.5rem}}.aromaligpt-container{display:flex;height:calc(100vh - 60px);background:#0a0a0a;color:#fff;margin-top:100px}.chat-sidebar{width:260px;background:#1a1a1a;border-right:1px solid #2a2a2a;padding:20px;display:flex;flex-direction:column}.chat-main{flex:1;display:flex;flex-direction:column;background:#0a0a0a;position:relative}.chat-header{padding:16px 24px;border-bottom:1px solid #2a2a2a;background:rgba(32,32,32,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.chat-header h2{margin:0;color:#fff;font-size:1.25rem;font-weight:500}.chat-messages{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.message{max-width:85%;padding:16px 20px;border-radius:12px;font-size:.95rem;line-height:1.5;position:relative;transition:all .3s ease}.message.user{align-self:flex-end;background:#2563eb;color:#fff;margin-right:12px}.message.bot{align-self:flex-start;background:#262626;color:#fff;margin-left:12px}.message:before{content:"";position:absolute;width:0;height:0;border-style:solid}.message.user:before{border-width:8px 0 8px 8px;border-color:transparent transparent transparent #2563eb;right:-8px;top:12px}.message.bot:before{border-width:8px 8px 8px 0;border-color:transparent #262626 transparent transparent;left:-8px;top:12px}.chat-input{padding:24px;background:rgba(32,32,32,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #2a2a2a;position:sticky;bottom:0}.chat-input-container{max-width:768px;margin:0 auto;position:relative;display:flex;align-items:center;gap:12px}.chat-input input{flex:1;padding:16px 20px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;color:#fff;font-size:.95rem;transition:all .3s ease;min-width:0}.chat-input input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.chat-input button{position:static;padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:80px;height:40px;white-space:nowrap}.chat-input button:hover:not(:disabled){background:#1d4ed8}.chat-input button:disabled{background:#374151;cursor:not-allowed}.sidebar-section{margin-bottom:24px}.sidebar-section h3{margin:0 0 16px;color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.quick-actions{display:flex;flex-direction:column;gap:8px}.new-chat-btn{margin-bottom:20px;padding:12px 16px;background:#2563eb;border:none;border-radius:8px;color:#fff;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.new-chat-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.new-chat-btn i{font-size:1.1rem}.quick-action-btn{padding:12px 16px;background:#262626;border:1px solid #2a2a2a;border-radius:8px;color:#fff;text-align:left;cursor:pointer;transition:all .2s;font-size:.9rem;display:flex;align-items:center;gap:8px}.quick-action-btn i{font-size:1rem;opacity:.8}.quick-action-btn.add{border-color:#059669}.quick-action-btn.add:hover{background:#059669}.quick-action-btn.manage{border-color:#7c3aed}.quick-action-btn.manage:hover{background:#7c3aed}.loading-indicator{display:flex;align-items:center;gap:12px;color:#9ca3af;font-size:.9rem;padding:12px 16px;background:#262626;border-radius:8px;align-self:flex-start}.loading-indicator .dots{display:flex;gap:4px}.loading-indicator .dot{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.loading-indicator .dot:nth-child(1){animation-delay:-.32s}.loading-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message-content{white-space:pre-wrap}.message-content strong,.message-content b{color:#60a5fa;font-weight:700}.message-content h1,.message-content h2,.message-content h3,.message-content h4{color:#60a5fa;margin:16px 0 8px;font-weight:600;line-height:1.4}.message-content h1{font-size:1.5rem;border-bottom:1px solid #2a2a2a;padding-bottom:8px}.message-content h2{font-size:1.3rem}.message-content h3{font-size:1.1rem}.message-content h4{font-size:1rem}.message-content ul,.message-content ol{margin:8px 0;padding-left:24px}.message-content li{margin:4px 0}.message-content p{margin:8px 0;line-height:1.6}.message-content em{color:#9ca3af;font-style:italic}.message-content code{background:#1a1a1a;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.9em;color:#60a5fa}.message-content pre{background:#1a1a1a;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0;border:1px solid #2a2a2a}.message-content pre code{background:transparent;padding:0;color:#e5e7eb}.message-content blockquote{border-left:4px solid #2563eb;margin:16px 0;padding:8px 16px;background:#1a1a1a;color:#9ca3af}.message-content table{width:100%;border-collapse:collapse;margin:16px 0;background:#1a1a1a;border-radius:8px;overflow:hidden}.message-content th,.message-content td{padding:12px 16px;border:1px solid #2a2a2a;text-align:left}.message-content th{background:#262626;color:#60a5fa;font-weight:600}.message-content tr:nth-child(2n){background:#1a1a1a}.message-content tr:hover{background:#262626}.message.bot pre{background:#1a1a1a;color:#fff;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0;border:1px solid #2a2a2a}.message.bot code{font-family:JetBrains Mono,monospace;font-size:.9em}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.suggestion-chip{padding:6px 12px;background:#262626;border:1px solid #2a2a2a;border-radius:16px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s}.suggestion-chip:hover{background:#2563eb;border-color:#2563eb}.message-info{font-size:.75rem;color:#9ca3af;margin-top:4px;opacity:.8}.message.user .message-info{text-align:right}.message.bot .message-info{text-align:left}.control-inventario-container{flex:1;padding:1.5rem;max-width:100%;margin:60px auto 0;width:100%;background-color:#f5f5f5;min-height:100vh}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;background-color:#fff;border-radius:10px;padding:1.2rem 1.5rem;box-shadow:0 2px 8px #00000014}.control-header h1{font-size:1.8rem;color:#333;margin:0}.tab-buttons{display:flex;gap:1rem;max-height:100px}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:#f5f5f5;color:#555;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.tab-button.active{background-color:#4a6fa5;color:#fff}.tab-button:hover:not(.active){background-color:#e0e0e0}.tab-button svg{font-size:1rem}.control-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.search-box{display:flex;align-items:center;background:white;padding:.5rem 1rem;border-radius:6px;border:1px solid #e0e0e0;transition:all .2s ease;flex:1;max-width:400px}.search-box:hover{border-color:#ccc}.search-box svg{color:#666;margin-right:.5rem}.search-box input{border:none;outline:none;background:transparent;width:100%;font-size:.9rem;color:#333}.create-order-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:#4a6fa5;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.create-order-btn:hover{background-color:#3a5d8f}.orders-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.order-card{background-color:#fff;border-radius:10px;padding:1.2rem;box-shadow:0 2px 8px #00000014;transition:transform .2s ease;display:flex;flex-direction:column;border:none}.order-card:hover{transform:translateY(-3px)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid #f0f0f0;padding-bottom:.8rem}.order-header h3{font-size:1.1rem;color:#333;margin:0;font-weight:600}.status-badge{padding:.3rem .8rem;border-radius:6px;font-size:.85rem;white-space:nowrap}.status-badge.pendiente{background-color:#e8f4f8;color:#4a6fa5}.status-badge.completada{background-color:#e6f4ea;color:#5c9e6a}.status-badge.cancelada{background-color:#f8d7da;color:#721c24}.order-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1rem;flex:1}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item span:first-child{color:#666;font-size:.8rem}.detail-item span:last-child{color:#333;font-weight:600;font-size:.9rem}.order-actions{display:flex;gap:.8rem;justify-content:flex-end;margin-top:auto;padding-top:.8rem;border-top:1px solid #f0f0f0}.order-actions button,.order-actions a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-size:1rem;text-decoration:none}.edit-btn{background-color:#f0f4f8;color:#4a6fa5}.approve-btn{background-color:#e6f4ea;color:#5c9e6a}.download-btn{background-color:#f4f0f8;color:#6a5c9e}.edit-btn:hover{background-color:#4a6fa5;color:#fff}.approve-btn:hover{background-color:#5c9e6a;color:#fff}.download-btn:hover{background-color:#6a5c9e;color:#fff}.no-results{text-align:center;padding:3rem;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-results h3{font-size:1.2rem;color:#333;margin:0 0 .5rem}.no-results p{color:#666;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;border-radius:10px;padding:1.5rem;width:100%;max-width:600px;box-shadow:0 4px 12px #00000026;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:1.4rem;color:#333;margin:0 0 1.5rem;padding-bottom:.8rem;border-bottom:1px solid #eee}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#555}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.7rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;color:#333;background-color:#f9f9f9;transition:all .2s ease}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a6fa5;outline:none;background-color:#fff}.form-group input:disabled{background-color:#f0f0f0;cursor:not-allowed}.items-section{margin-top:1.5rem;margin-bottom:1.5rem;border:1px solid #eee;border-radius:8px;padding:1rem;background-color:#fafafa}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.items-header h3{font-size:1.1rem;color:#333;margin:0}.add-item-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#5c9e6a;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85rem}.add-item-btn:hover{background-color:#4c8e5a}.items-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.item-card{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.item-header h4{font-size:1rem;color:#333;margin:0;font-weight:600}.item-quantity{font-weight:600;color:#4a6fa5}.item-provider{font-size:.9rem;color:#666;margin-bottom:.5rem}.item-notes{font-size:.85rem;color:#777;margin-bottom:.5rem;font-style:italic}.item-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.item-actions button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease;font-size:.9rem}.no-items{text-align:center;padding:1.5rem;color:#777;background-color:#fff;border-radius:8px}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;max-height:100px}.modal-buttons button{padding:.7rem 1.5rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.modal-buttons button:first-child{background-color:#f0f0f0;color:#555}.save-btn{background-color:#4a6fa5;color:#fff}.save-btn:hover{background-color:#3a5d8f}.save-btn:disabled{background-color:#a0b3cc;cursor:not-allowed}.modal-buttons button:first-child:hover{background-color:#e0e0e0}.notification{position:fixed;bottom:20px;right:20px;padding:1rem 1.5rem;border-radius:8px;color:#fff;z-index:1000;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.notification.success{background-color:#5c9e6a}.notification.error{background-color:#dc3545}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.control-header{flex-direction:column;align-items:flex-start;gap:1rem}.tab-buttons{width:100%}.control-actions{flex-direction:column}.search-box{max-width:100%}.create-order-btn{width:100%}.orders-list,.items-list{grid-template-columns:1fr}.modal-content{width:95%;padding:1rem}}.orders-section-title{margin-bottom:1rem}.orders-section-title h2{font-size:1.4rem;color:#333;margin:0;padding:.8rem 1.2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.report-container{min-height:100vh;background-color:#fff;padding:1rem 2rem;font-family:Poppins,Segoe UI,sans-serif}.report-content{max-width:1400px;margin:0 auto}.report-title{color:#333;text-align:center;font-size:2.5rem;margin-bottom:2rem;font-weight:600;margin-top:100px}.report-controls{display:flex;justify-content:space-between;margin-bottom:1.5rem;background-color:#f8f9fa;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000000d;flex-wrap:wrap;gap:1rem}.date-range-selector{display:flex;align-items:center}.date-range-field{position:relative;display:flex;align-items:center;gap:.5rem}.date-picker{width:130px;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #dee2e6;border-radius:8px;font-size:1rem;transition:all .2s;background-color:#fff}.date-picker:focus{border-color:#4a89dc;box-shadow:0 0 0 3px #4a89dc26;outline:none}.date-separator{margin:0 .5rem;color:#6c757d}.icon{position:absolute;left:12px;color:#6c757d;font-size:1rem;z-index:1}.report-actions{display:flex;align-items:center;gap:1rem}.search-box{position:relative;width:250px}.search-box input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #dee2e6;border-radius:8px;font-size:1rem;transition:all .2s;background-color:#fff}.search-box input:focus{border-color:#4a89dc;box-shadow:0 0 0 3px #4a89dc26;outline:none}.search-box .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:1rem}.filter-button,.export-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.9rem}.filter-button{background-color:#f1f3f5;color:#495057}.filter-button:hover{background-color:#e9ecef}.export-button{background-color:#4a89dc;color:#fff}.export-button:hover{background-color:#3b7ddd}.filter-panel{background-color:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{margin-bottom:1rem}.filter-group label{display:block;font-weight:600;margin-bottom:.75rem;color:#333}.radio-group{display:flex;flex-wrap:wrap;gap:1.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#495057}.radio-label input[type=radio]{margin:0}.summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #4a89dc}.summary-card-content h3{font-size:1rem;color:#6c757d;margin:0 0 .5rem;font-weight:500}.summary-number{font-size:1.75rem;color:#2c3e50;font-weight:600;margin:0}.summary-icon{font-size:2.5rem;color:#4a89dc33}.view-tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.95rem;background-color:#f1f3f5;color:#495057}.tab-button:hover{background-color:#e9ecef}.tab-button.active{background-color:#4a89dc;color:#fff}.report-table-container{overflow-x:auto;background-color:#fff;border-radius:10px;padding:1rem;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem}.report-table{width:100%;border-collapse:collapse;text-align:left}.report-table th,.report-table td{padding:1rem;border-bottom:1px solid #eaeaea}.report-table th{background-color:#f8f9fa;color:#495057;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.report-table tbody tr:hover{background-color:#f8f9fa}.report-table tbody tr:last-child td{border-bottom:none}.number-cell{text-align:right;font-variant-numeric:tabular-nums}.dashboard-view{background-color:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem}.visualization-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #eaeaea;padding-bottom:1rem}.viz-tab{background-color:#f8f9fa;border:none;padding:.6rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;color:#495057;cursor:pointer;transition:all .2s}.viz-tab:hover{background-color:#e9ecef}.viz-tab.active{background-color:#4a89dc;color:#fff}.dashboard-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;color:#333;margin-bottom:1.5rem;font-weight:600}.top-productos-container{margin-bottom:3rem}.top-productos-list{display:flex;flex-direction:column;gap:1rem}.top-producto-item{display:flex;align-items:center;gap:1rem}.producto-rank{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f8f9fa;color:#495057;font-weight:600;font-size:1rem}.producto-info{flex:1}.producto-nombre{font-weight:500;color:#333;margin-bottom:.5rem;font-size:1rem}.producto-bar-container{height:12px;background-color:#e9ecef;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.producto-bar{height:100%;background-color:#4a89dc;border-radius:6px;transition:width .5s ease-out}.producto-stats{display:flex;justify-content:space-between;font-size:.85rem;color:#6c757d}.producto-cantidad{font-weight:500}.producto-porcentaje{font-weight:600;color:#495057}.turnos-distribution{margin-bottom:2rem}.turnos-bars{display:flex;flex-direction:column;gap:1.5rem}.turno-bar-container{display:flex;flex-direction:column;gap:.25rem}.turno-info{display:flex;justify-content:space-between;color:#495057;font-size:.95rem}.turno-name{font-weight:500}.turno-value{font-weight:600}.turno-bar-wrapper{height:24px;background-color:#e9ecef;border-radius:6px;overflow:hidden}.turno-bar{height:100%;border-radius:6px;transition:width .5s ease-out}.turno-bar.turno-matutino{background-color:#4facfe}.turno-bar.turno-vespertino{background-color:#ff9a9e}.turno-bar.turno-nocturno{background-color:#6a11cb}.turno-percentage{text-align:right;font-size:.85rem;color:#6c757d;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:#f8f9fa;border-radius:10px;margin:2rem 0;padding:2rem}.loading-spinner{width:50px;height:50px;border:4px solid rgba(74,137,220,.3);border-radius:50%;border-top-color:#4a89dc;animation:spin 1s ease-in-out infinite;margin-bottom:1.5rem}.loading-container p{font-size:1.1rem;color:#6c757d}.no-data-container{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem;background:#f8f9fa;border-radius:10px;margin:2rem 0}.no-data-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;padding:2rem;background:white;border-radius:16px;box-shadow:0 4px 12px #0000000d}.no-data-illustration{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;margin-bottom:1.5rem}.no-data-text h3{font-size:1.5rem;color:#333;margin-bottom:.5rem;font-weight:600}.no-data-text p{font-size:1.1rem;color:#6c757d}@media (max-width: 768px){.report-container{padding:1rem}.report-controls{flex-direction:column}.date-range-selector,.report-actions{width:100%}.date-range-field{flex-wrap:wrap}.search-box{width:100%}.report-actions{flex-wrap:wrap}.filter-button,.export-button{flex:1;justify-content:center}.summary-cards{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:.75rem}.view-tabs,.visualization-tabs{flex-wrap:wrap;overflow-x:auto}.dashboard-view{padding:1.5rem 1rem}.producto-rank{width:30px;height:30px;font-size:.85rem}.producto-nombre{font-size:.9rem}.producto-stats{flex-direction:column;gap:.25rem}}.incidencias-container{width:100%;min-height:100vh;background-color:#f8f9fa}.incidencias-content{max-width:1200px;margin:0 auto;padding:2rem}.incidencias-content h1{margin-bottom:2rem;color:#2c3e50;font-size:2rem;font-weight:700;text-align:center}.tabs-container{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e9ecef;background-color:#fff;border-radius:12px 12px 0 0;padding:.5rem;box-shadow:0 2px 8px #0000000a}.tab{background:none;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#6c757d;cursor:pointer;border-radius:8px;transition:all .3s ease}.tab:hover{color:#495057;background-color:#f8f9fa}.tab.active{color:#007bff;background-color:#e3f2fd}.incidencias-card,.incidencias-list-card,.ordenes-activas-card,.mermas-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:2rem;margin-bottom:2rem;border:1px solid #f1f3f4}.incidencias-card h2,.incidencias-list-card h2,.ordenes-activas-card h2,.mermas-card h2{font-size:1.5rem;margin-bottom:1.5rem;color:#2c3e50;font-weight:600}.incidencia-form{display:flex;flex-direction:column;gap:1.2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#34495e;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#3498db;outline:none}.submit-btn{background-color:#3498db;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .3s;margin-top:.5rem;align-self:flex-start}.submit-btn:hover{background-color:#2980b9}.incidencias-list{display:flex;flex-direction:column;gap:1rem}.incidencia-item{border-radius:12px;border:1px solid #e9ecef;background-color:#fff;padding:1.5rem;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.incidencia-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000014}.incidencia-item.prioridad-baja{border-left:4px solid #1976d2}.incidencia-item.prioridad-normal{border-left:4px solid #2e7d32}.incidencia-item.prioridad-alta{border-left:4px solid #f57c00}.incidencia-item.prioridad-urgente{border-left:4px solid #d32f2f}.incidencia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.8rem}.incidencia-tipo-badge{font-size:.75rem;padding:.3rem .8rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.incidencia-header h3{font-size:1.1rem;color:#2c3e50;font-weight:600;margin:0;flex:1}.incidencia-descripcion{color:#495057;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.incidencia-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#6c757d;flex-wrap:wrap;gap:.5rem;padding-top:1rem;border-top:1px solid #f1f3f4}.incidencia-prioridad{font-weight:500;padding:.2rem .5rem;border-radius:4px;font-size:.8rem}.prioridad-baja{background-color:#3498db22;color:#3498db}.prioridad-normal{background-color:#2ecc7122;color:#2ecc71}.prioridad-alta{background-color:#f39c1222;color:#f39c12}.ordenes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.orden-card{background-color:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.orden-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.orden-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid #f1f3f4}.orden-header h3{margin:0;color:#2c3e50;font-size:1.2rem;font-weight:600}.orden-total{font-weight:700;color:#2e7d32;font-size:1.2rem}.orden-items{margin-bottom:1.2rem}.orden-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f8f9fa}.orden-item:last-child{border-bottom:none}.item-name{font-weight:500;color:#495057}.item-price{color:#2e7d32;font-weight:600}.edit-order-btn{width:100%;background-color:#fff;color:#007bff;border:2px solid #007bff;padding:.8rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-order-btn:hover{background-color:#007bff;color:#fff}.modal-content{background-color:#fff;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.order-edit-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.modal-header h2{margin:0;color:#2c3e50}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:.5rem;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#f8f9fa}.modal-body{padding:1.5rem}.order-items-edit{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.edit-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border-radius:6px;gap:1rem}.item-info{flex:1}.item-name{font-weight:600;color:#2c3e50;display:block;margin-bottom:.3rem}.original-price{font-size:.9rem;color:#6c757d}.price-edit{display:flex;align-items:center;gap:.5rem}.price-edit label{font-size:.9rem;color:#495057;white-space:nowrap}.price-edit input{width:100px;padding:.5rem;border:1px solid #ced4da;border-radius:4px;text-align:right}.free-btn{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .3s;white-space:nowrap}.free-btn:hover{background-color:#c0392b}.order-total-edit{text-align:center;font-size:1.2rem;color:#27ae60;padding:1rem;background-color:#f8f9fa;border-radius:6px}.motivo-section{margin-top:1.5rem;padding:1.2rem;background-color:#fff3cd;border:2px solid #ffc107;border-radius:8px;box-shadow:0 2px 8px #ffc10733}.motivo-section label{display:block;font-weight:700;color:#856404;margin-bottom:.8rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.motivo-section textarea{width:100%;padding:.8rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;resize:vertical;min-height:80px;font-family:inherit}.motivo-section textarea:focus{border-color:#f39c12;outline:none;box-shadow:0 0 0 2px #f39c1233}.motivo-section textarea::-moz-placeholder{color:#6c757d;font-style:italic}.motivo-section textarea::placeholder{color:#6c757d;font-style:italic}.motivos-predefinidos{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.motivo-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.motivo-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.motivo-btn:active{background-color:#f39c12;border-color:#f39c12;color:#fff;transform:scale(.98)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e9ecef}.cancel-btn{background-color:#6c757d;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .3s}.cancel-btn:hover{background-color:#5a6268}.save-btn{background-color:#28a745;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .3s}.save-btn:hover{background-color:#218838}.mermas-summary{margin-bottom:2rem}.summary-item h3{margin-bottom:1.5rem;color:#2c3e50;font-weight:600;text-align:center}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.stat{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;background-color:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000a}.stat-label{font-weight:600;color:#495057}.stat-value{font-weight:700;font-size:1.1rem;color:#2c3e50}.stat-value.cost{color:#f57c00}.stat-value.loss{color:#d32f2f}.mermas-table{overflow-x:auto;background-color:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000a}.mermas-table table{width:100%;border-collapse:collapse}.mermas-table th,.mermas-table td{padding:1rem;text-align:left;border-bottom:1px solid #f1f3f4}.mermas-table th{background-color:#f8f9fa;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.mermas-table tr:hover{background-color:#f8f9fa}.mermas-table tr:last-child td{border-bottom:none}.loading-message,.empty-message{text-align:center;padding:3rem 2rem;color:#6c757d;font-size:1.1rem;background-color:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000a}@media (max-width: 768px){.incidencias-content{padding:1rem}.form-row{grid-template-columns:1fr}.tabs-container{flex-direction:column}.tab{text-align:center}.ordenes-grid{grid-template-columns:1fr}.incidencia-header,.incidencia-footer{flex-direction:column;align-items:flex-start}.estado-badge{font-size:.75rem}.edit-item{flex-direction:column;align-items:stretch}.price-edit{justify-content:space-between}.summary-stats{grid-template-columns:1fr}.modal-content{width:95%;margin:1rem}.estadisticas-grid{grid-template-columns:repeat(2,1fr)}.categorias-stats,.filtros-grid{grid-template-columns:1fr}.incidencias-header{flex-direction:column;align-items:stretch}.add-incidencia-btn{justify-content:center}.stat-card{padding:1.5rem 1rem}.stat-number{font-size:2rem}.estadisticas-card,.filtros-card{padding:1.5rem}}@media (max-width: 480px){.estadisticas-grid{grid-template-columns:1fr}.stat-card{padding:1.2rem}.stat-number{font-size:1.8rem}.estadisticas-card,.filtros-card{padding:1rem}}.incidencia-inventario{background-color:#fff5f5;border-left-color:#e53e3e}.incidencia-inventario .incidencia-header h3{color:#e53e3e}.incidencia-inventario:before{content:"⚠️";position:absolute;top:1rem;right:1rem;font-size:1.2rem}input,textarea{background-color:#f8f9fa!important;color:#2c3e50!important}.estadisticas-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:2rem;margin-bottom:2rem;border:1px solid #f1f3f4}.estadisticas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#fff;color:#2c3e50;padding:2rem 1.5rem;border-radius:16px;text-align:center;box-shadow:0 2px 12px #0000000f;border:1px solid #f1f3f4;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#2c3e50}.stat-label{font-size:.9rem;color:#6c757d;text-transform:uppercase;letter-spacing:1px;font-weight:500}.categorias-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.categoria-stat{background-color:#fff;padding:1.5rem;border-radius:12px;border:1px solid #f1f3f4;box-shadow:0 2px 8px #0000000a}.categoria-stat h4{margin:0 0 1.2rem;color:#2c3e50;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-items{display:flex;flex-direction:column;gap:.8rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.tipo-badge{font-size:.75rem;padding:.3rem .8rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tipo-servicio{background-color:#e3f2fd;color:#1976d2}.tipo-inventario{background-color:#ffebee;color:#d32f2f}.tipo-equipo{background-color:#fff3e0;color:#f57c00}.tipo-personal{background-color:#f3e5f5;color:#7b1fa2}.cantidad{font-weight:700;color:#2c3e50;background-color:#fff;padding:.3rem .8rem;border-radius:20px;min-width:32px;text-align:center;border:2px solid #e9ecef;font-size:.9rem}.filtros-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:2rem;margin-bottom:2rem;border:1px solid #f1f3f4}.filtros-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #f1f3f4}.filtros-header h3{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:600}.limpiar-filtros-btn{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.limpiar-filtros-btn:hover{background-color:#e9ecef;color:#495057;border-color:#adb5bd}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.filtro-group{display:flex;flex-direction:column;gap:.6rem}.filtro-group label{font-weight:600;color:#495057;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.filtro-group input,.filtro-group select{padding:.8rem 1rem;border:1px solid #dee2e6;border-radius:8px;font-size:.9rem;background-color:#fff;color:#495057;transition:all .3s ease}.filtro-group input:focus,.filtro-group select:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 3px #007bff1a}.resultados-filtro{text-align:center;padding:1rem;background-color:#f8f9fa;border-radius:8px;color:#495057;font-weight:600;border:1px solid #e9ecef}.incidencias-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.incidencias-header h2{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600}.add-incidencia-btn{background:#fff;color:#495057;border:2px solid #007bff;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #007bff26}.add-incidencia-btn:hover{background:#007bff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #007bff40}.add-incidencia-btn i{font-size:1rem}.add-incidencia-modal{max-width:600px}.add-incidencia-modal .modal-footer{justify-content:flex-end;gap:1rem}.add-incidencia-modal .submit-btn{background:#007bff;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-incidencia-modal .submit-btn:hover{background:#0056b3;transform:translateY(-1px)}.stat-card:nth-child(1):before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#f093fb,#f5576c)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#43e97b,#38f9d7)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.estadisticas-card,.filtros-card{animation:fadeIn .4s ease-out}.prioridad-badge{font-size:.75rem;padding:.3rem .8rem;border-radius:20px;font-weight:600;text-transform:uppercase}.prioridad-baja{background-color:#e3f2fd;color:#1976d2}.prioridad-normal{background-color:#e8f5e8;color:#2e7d32}.prioridad-alta{background-color:#fff3e0;color:#f57c00}.prioridad-urgente{background-color:#ffebee;color:#d32f2f}.estado-badge{font-size:.75rem;padding:.3rem .8rem;border-radius:20px;font-weight:600}.estado-pendiente{background-color:#fff3e0;color:#f57c00}.estado-en-proceso{background-color:#e3f2fd;color:#1976d2}.estado-completada{background-color:#e8f5e8;color:#2e7d32}.order-manage-modal{max-width:700px;max-height:85vh;overflow-y:auto}.order-info{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #3498db}.order-info p{margin:5px 0;color:#2c3e50}.action-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #ecf0f1}.action-tab{background:none;border:none;padding:12px 20px;cursor:pointer;font-weight:500;color:#7f8c8d;border-bottom:3px solid transparent;transition:all .3s ease}.action-tab:hover{color:#3498db}.action-tab.active{color:#3498db;border-bottom-color:#3498db}.products-management h4{margin-bottom:15px;color:#2c3e50}.products-list{max-height:300px;overflow-y:auto;border:1px solid #ecf0f1;border-radius:8px}.product-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #ecf0f1;transition:all .3s ease}.product-item:last-child{border-bottom:none}.product-item:hover{background:#f8f9fa}.product-item.selected-remove{background:#fdf2f2;border-left:4px solid #e74c3c}.product-item.selected-move{background:#f0f8ff;border-left:4px solid #3498db}.product-info{flex:1}.product-name{font-weight:500;color:#2c3e50;display:block;margin-bottom:2px}.product-price{color:#27ae60;font-weight:700}.product-actions{display:flex;gap:8px}.action-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.85em;font-weight:500;transition:all .3s ease}.remove-btn{background:#ecf0f1;color:#7f8c8d}.remove-btn:hover,.remove-btn.selected{background:#e74c3c;color:#fff}.move-btn{background:#ecf0f1;color:#7f8c8d}.move-btn:hover,.move-btn.selected{background:#3498db;color:#fff}.target-table-section{margin:20px 0;padding:15px;background:#f0f8ff;border-radius:8px;border:1px solid #3498db}.target-table-section label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.target-table-section input,.target-table-select{width:100%;padding:10px;border:1px solid #bdc3c7;border-radius:6px;font-size:1em}.target-table-select{background:white;cursor:pointer}.target-table-select option{padding:8px}.new-table-option{background:#e8f5e9!important;color:#2e7d32!important;font-weight:500}.new-table-input{margin-top:15px;padding:15px;background:#f0f8ff;border:1px solid #2196f3;border-radius:6px}.new-table-input label{display:block;margin-bottom:8px;font-weight:500;color:#1976d2}.new-table-input input{width:100%;padding:10px;border:1px solid #2196f3;border-radius:6px;font-size:1em}.target-table-section small{display:block;margin-top:5px;color:#7f8c8d;font-style:italic}.actions-summary{margin:20px 0;padding:15px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.actions-summary h4{margin:0 0 10px;color:#856404}.summary-remove{color:#721c24;margin:5px 0}.summary-move{color:#0c5460;margin:5px 0}.process-btn{background:#27ae60;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.process-btn:hover:not(:disabled){background:#219a52}.process-btn:disabled{background:#bdc3c7;cursor:not-allowed}.empleado-responsable-section{margin-top:20px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:2px solid #8B4513}.empleado-responsable-section label{display:block;font-weight:700;color:#8b4513;margin-bottom:8px;font-size:14px}.empleado-responsable-section .employee-select{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;background:white;transition:border-color .2s ease}.empleado-responsable-section .employee-select:focus{border-color:#8b4513;outline:none;box-shadow:0 0 0 3px #8b45131a}.empleado-responsable-section .warning-text{color:#dc3545;font-size:12px;margin-top:8px;font-weight:500;display:block}.extras-container{min-height:100vh;background-color:#f5f5f5;margin-top:60px}.extras-content{padding:20px;max-width:1200px;margin:0 auto}.extras-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:white;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.extras-title-section{display:flex;flex-direction:column;gap:.5rem}.extras-header h1{color:#333;margin:0;font-size:1.8rem}.area-filter-info{background:#e0f2fe;color:#0277bd;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.search-and-filters{display:flex;gap:1rem;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap}.search-input-container{position:relative;max-width:400px;flex:1;min-width:250px}.area-filter-container{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.area-filter-container label{font-weight:500;color:#374151;font-size:.9rem}.area-filter-select{padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;background:white;color:#374151;cursor:pointer;transition:border-color .3s ease}.area-filter-select:focus{outline:none;border-color:#667eea}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;font-size:16px}.search-input{width:100%;padding:12px 15px 12px 45px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#667eea}.extras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:20px}.extra-card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;border:1px solid #e1e5e9}.extra-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.extra-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e1e5e9}.extra-header h3{margin:0;color:#333;font-size:1.2rem;font-weight:600}.extra-actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:8px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-edit{background-color:#4caf50;color:#fff}.btn-edit:hover{background-color:#45a049}.btn-delete{background-color:#f44336;color:#fff}.btn-delete:hover{background-color:#da190b}.extra-details p{margin:8px 0;color:#666;font-size:14px}.extra-details strong{color:#333}.status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-left:8px}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.area-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.area-badge.global{background:#e5e7eb;color:#374151}.area-badge.cocina{background:#fef3c7;color:#92400e}.area-badge.barra{background:#dbeafe;color:#1e40af}.area-badge.teppanyaki{background:#fee2e2;color:#dc2626}.no-extras{text-align:center;padding:40px;background:white;border-radius:12px;box-shadow:0 2px 10px #0000001a}.no-extras p{color:#666;font-size:16px;margin:0}.modal-content{background:white;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e5e9}.modal-header h2{margin:0;color:#333;font-size:1.5rem}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background-color:#f5f5f5;color:#333}.extra-form{padding:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{display:block;margin-bottom:5px;color:#333;font-weight:600;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto!important;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid #e1e5e9}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background-color:#5a6268}.loading-container,.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.loading-spinner{width:40px;height:40px;border:4px solid #e1e5e9;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container p{color:#721c24;font-size:16px;margin-bottom:20px}.error-container button{background-color:#667eea;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}@media (max-width: 768px){.extras-content{padding:15px}.extras-header{flex-direction:column;gap:15px;text-align:center}.extras-grid,.form-row{grid-template-columns:1fr}.modal-content{width:95%;margin:10px}.form-actions{flex-direction:column}}.branch-container{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom right,#8B4513,#654321);position:absolute;top:0;left:0;right:0;bottom:0;padding:1rem}.branch-content{width:100%;max-width:800px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2.5rem 2rem;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;align-items:center}.branch-header{text-align:center;margin-bottom:2.5rem}.branch-logo{width:8rem;height:8rem;margin:0 auto}.branch-title{margin-top:1.5rem;font-size:2rem;font-weight:700;color:#fff}.branch-options{display:flex;gap:2rem;width:100%;max-width:600px;margin-bottom:2.5rem}@media (max-width: 640px){.branch-options{flex-direction:column}}.branch-card{flex:1;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:.75rem;cursor:pointer;transition:all .3s;overflow:hidden;position:relative;height:180px;display:flex;align-items:center;justify-content:center}.branch-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a;background-color:#ffffff26}.branch-card.selected{border-color:#fff;background-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 25px -5px #0003}.branch-card-content{text-align:center;padding:1.5rem;color:#fff}.branch-card-content h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.branch-card-content p{font-size:1rem;opacity:.8}.branch-button{margin-top:1rem;padding:.75rem 2.5rem;background-color:#fff;color:#654321;font-weight:700;font-size:1rem;border-radius:.5rem;border:none;transition:all .3s;cursor:pointer}.branch-button:hover:not(.disabled){background-color:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.branch-button.disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.branch-content{animation:fadeIn .6s ease-out}.opc-header{display:flex;align-items:center;justify-content:space-between}.opc-new-btn{background:linear-gradient(90deg,#6a5acd 0%,#6a35cd 100%);border:none;color:#fff;transition:filter .15s ease-in-out}.opc-new-btn:hover{filter:brightness(.95)}.opc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.opc-card{border:1px solid #e8e8ee;border-radius:10px;box-shadow:0 2px 6px #0000000a}.opc-card-header{min-height:56px}.opc-status.active .status-dot{background:#1f9d55}.opc-status.inactive .status-dot{background:#c53030}.opc-modal{max-width:980px;width:92vw}.opc-form .form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opc-assign-list{max-height:50vh;overflow-y:auto;padding-right:6px}.opc-assign-card{border:1px solid #ececf3;border-radius:8px;background:#fff}.opc-assign-card .collection-card-header{padding:6px 8px}.opc-assign-card .checkbox-label input{margin-right:6px}@media (max-width: 768px){.opc-form .form-row{grid-template-columns:1fr}.opc-modal{width:96vw}}.horas-container{padding:20px;max-width:1400px;margin:0 auto}.horas-header{margin-bottom:24px}.action-btn{display:flex;align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;text-decoration:none}.action-btn:hover{background-color:#e9ecef;text-decoration:none}.month-selector{display:flex;align-items:center;margin-bottom:20px;background-color:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.selector-label{display:flex;align-items:center;margin-right:15px;color:#495057}.selector-label svg{margin-right:8px;color:#007bff}.month-picker{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:1rem;width:150px}.current-month{margin-left:15px;font-weight:600;color:#495057;background-color:#e9ecef;padding:4px 10px;border-radius:4px;text-transform:capitalize}.department-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.department-filter{display:flex;align-items:center;padding:8px 16px;background-color:#fff;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s}.department-filter svg{margin-right:8px;font-size:1rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:25px}.summary-card{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000000d}.total-card{grid-column:1 / -1;background-color:#f8f9fa;border-left:4px solid #007bff}.summary-card h3{display:flex;align-items:center;font-size:1.1rem;margin-top:0;margin-bottom:15px;color:#495057}.summary-card h3 svg{margin-right:8px;color:#007bff}.card-content{display:flex;flex-direction:column}.card-number{font-size:1.8rem;font-weight:700;color:#343a40;margin-bottom:10px}.card-subtitle{font-size:.9rem;color:#6c757d;margin-bottom:5px}.employees-hours-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;margin-bottom:30px}.employees-hours-list h2{display:flex;align-items:center;font-size:1.3rem;margin-top:0;margin-bottom:20px;color:#343a40;border-bottom:1px solid #dee2e6;padding-bottom:10px}.employees-hours-list h2 svg{margin-right:10px;color:#007bff}.hours-table{width:100%}.hours-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;background-color:#f8f9fa;padding:10px 15px;border-radius:6px;font-weight:600;color:#495057;margin-bottom:10px}.hours-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:12px 15px;border-bottom:1px solid #f1f1f1;align-items:center;transition:all .2s}.hours-table-row:hover{background-color:#f8f9fa}.hours-table-row:last-child{border-bottom:none}.col-name{font-weight:500;color:#343a40}.col-department{display:flex;align-items:center;gap:8px;font-size:.9rem}.col-hours{font-weight:600;color:#007bff}.col-days,.col-average{color:#495057}.no-data-message{padding:30px;text-align:center;color:#6c757d;font-style:italic}.loading,.error{padding:20px;text-align:center;font-size:1.1rem}.loading{color:#6c757d}.error{color:#dc3545}@media (max-width: 768px){.header-top{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{width:100%}.month-selector{flex-direction:column;align-items:flex-start;gap:10px}.current-month{margin-left:0;margin-top:10px}.summary-cards{grid-template-columns:1fr}.hours-table-header,.hours-table-row{grid-template-columns:2fr 1.5fr 1fr 1fr 1fr;font-size:.9rem;padding:10px}}@media (max-width: 576px){.hours-table-header,.hours-table-row{grid-template-columns:1fr;gap:8px}.hours-table-header{display:none}.hours-table-row{padding:15px;border:1px solid #dee2e6;border-radius:8px;margin-bottom:10px}.col-name,.col-department,.col-hours,.col-days,.col-average{position:relative;padding-left:110px}.col-name:before,.col-department:before,.col-hours:before,.col-days:before,.col-average:before{position:absolute;left:0;width:100px;font-weight:600;color:#6c757d}.col-name:before{content:"Nombre:"}.col-department:before{content:"Departamento:"}.col-hours:before{content:"Total Horas:"}.col-days:before{content:"Días:"}.col-average:before{content:"Promedio:"}}.page-layout{min-height:100vh;background-color:#f8f9fa}.empleados-container{padding:20px;max-width:1400px;margin:0 auto}.empleados-header{margin-bottom:24px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-top h1{display:flex;align-items:center;font-size:1.8rem;margin:0;color:#343a40}.header-top h1 svg{margin-right:10px;color:#007bff}.header-actions{display:flex;gap:10px}.action-btn{display:flex;align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.action-btn svg{margin-right:8px}.action-btn:hover{background-color:#e9ecef}.action-btn.primary{background-color:#007bff;border-color:#007bff;color:#fff;font-weight:700;padding:8px 16px}.action-btn.primary:hover{background-color:#0069d9;border-color:#0062cc}.filters-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;align-items:center}.search-box{display:flex;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:0 10px;width:300px}.search-box svg{color:#6c757d;margin-right:8px}.search-box input{border:none;padding:10px 0;width:100%;outline:none}.department-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-label{display:flex;align-items:center;color:#495057;font-size:.9rem}.filter-label svg{margin-right:5px}.department-filter{padding:6px 12px;background-color:#fff;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;font-size:.85rem;transition:all .2s}.department-filter:hover{background-color:#f8f9fa}.department-filter.active{background-color:#007bff;color:#fff;border-color:#007bff}.empleados-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.empleados-table{width:100%;border-collapse:collapse}.empleados-table th{background-color:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #dee2e6;cursor:pointer;position:relative}.empleados-table th:hover{background-color:#e9ecef}.sort-icon{margin-left:5px;font-size:.8rem}.sort-icon.asc{transform:rotate(180deg)}.empleados-table td{padding:12px 15px;border-bottom:1px solid #f1f1f1;color:#495057}.empleados-table tr:last-child td{border-bottom:none}.empleados-table tr:hover td{background-color:#f8f9fa}tr.inactive td{opacity:.6}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.active{background-color:#28a745;color:#fff}.status-badge.inactive{background-color:#dc3545;color:#fff}.actions-cell{display:flex;gap:8px}.action-icon{background:none;border:none;font-size:1rem;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s}.action-icon:hover{background-color:#f1f1f1}.action-icon.edit{color:#007bff}.action-icon.toggle{color:#6c757d}.action-icon.delete{color:#dc3545}.no-records{text-align:center;padding:30px;color:#6c757d;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a}.modal-content h2{margin-top:0;margin-bottom:20px;color:#343a40;border-bottom:1px solid #dee2e6;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#495057}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{width:auto;margin-right:8px}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn,.save-btn{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem}.cancel-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057}.save-btn{background-color:#007bff;color:#fff;border:none;display:flex;align-items:center}.save-btn svg{margin-right:8px}.error-message{background-color:#f8d7da;color:#721c24;padding:10px 15px;border-radius:4px;margin-bottom:15px}.loading{text-align:center;padding:40px;color:#6c757d;font-size:1.1rem}@media (max-width: 768px){.header-top{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{width:100%}.filters-container{flex-direction:column;align-items:flex-start}.search-box{width:100%}.empleados-table th,.empleados-table td{padding:10px}.actions-cell{flex-direction:column}}.add-employee-btn{background-color:#28a745;border-color:#28a745;color:#fff;font-weight:700;font-size:1rem;padding:10px 20px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.add-employee-btn:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.add-employee-btn svg{font-size:1.1rem;margin-right:8px}.floating-add-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background-color:#28a745;color:#fff;border:none;display:flex;justify-content:center;align-items:center;font-size:24px;box-shadow:0 4px 10px #0003;cursor:pointer;transition:all .3s ease;z-index:100}.floating-add-btn:hover{background-color:#218838;transform:translateY(-5px);box-shadow:0 6px 15px #00000040}.floating-add-btn:focus{outline:none}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8e8e8;background-color:#0a0a0a;line-height:1.6;overflow-x:hidden}*::-webkit-scrollbar{display:none}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(2rem,5vw,3rem)}h3{font-size:clamp(1.5rem,4vw,2.25rem)}.text-center{text-align:center}.landing-container{width:100%;overflow-x:hidden}.section{padding:100px 20px}.section-content{max-width:1200px;margin:0 auto}.section-dark{background-color:#1a1a1a;color:#e8e8e8}.navbar{height:90px;background:rgba(10,10,10,.5);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);padding:0 40px;position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease}.navbar-content{max-width:1200px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:15px}.logo-img{width:45px;height:45px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.logo-text h3{font-size:1.2rem;font-family:Cormorant Garamond,serif;font-weight:500;letter-spacing:.15em;margin:0;color:#d4af37}.logo-text span{font-size:.75rem;color:#aaa;letter-spacing:.1em;font-weight:300}.nav-links{display:flex;gap:40px;align-items:center}.nav-link{color:#ccc;text-decoration:none;font-weight:400;font-size:.95rem;letter-spacing:.5px;transition:all .3s ease;position:relative;padding:8px 0}.nav-link:hover{color:#e6c553}.nav-link:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:#e6c553;transition:width .3s ease}.nav-link:hover:after{width:100%}.btn-reserva{background-color:#fff;color:#0a0a0a!important;padding:12px 24px;border-radius:6px;transition:all .3s ease;font-weight:500;font-size:.9rem;letter-spacing:.5px;padding:10px 30px!important;position:relative;border:solid 2px white;z-index:1}.btn-reserva:after{content:"";position:absolute;width:100%;height:0%;bottom:0;left:0;background-color:#000;z-index:-1;transition:all .3s ease}.btn-reserva:hover:after{height:100%}.btn-reserva:hover{color:#fff!important;transform:translateY(-3px)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;cursor:pointer;width:30px;height:20px;position:relative;transition:all .3s ease}.mobile-menu-toggle span{width:100%;height:3px;background-color:#d4af37;position:absolute;left:0;transition:all .3s ease-in-out;transform-origin:center}.mobile-menu-toggle span:nth-child(1){top:0}.mobile-menu-toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.mobile-menu-toggle span:nth-child(3){bottom:0}.mobile-menu-toggle.open span:nth-child(1){top:50%;transform:rotate(45deg) translateY(-50%);transition:all .3s ease}.mobile-menu-toggle.open span:nth-child(2){opacity:0;transition:all .3s ease}.mobile-menu-toggle.open span:nth-child(3){bottom:50%;transform:rotate(-45deg) translateY(50%);transition:all .3s ease}.mobile-nav-links{position:fixed;top:90px;left:0;width:100%;background:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;padding:32px 0;gap:24px;opacity:0;transform:translateY(-20px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:999;border-top:1px solid rgba(212,175,55,.2)}.mobile-nav-links.open{display:flex;opacity:1;transform:translateY(0)}.mobile-nav-links .nav-link{font-size:1.2rem;color:#ccc;text-decoration:none;padding:12px 0;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-nav-links.open .nav-link{opacity:1;transform:translateY(0)}.mobile-nav-links .nav-link:nth-child(1){transition-delay:.1s}.mobile-nav-links .nav-link:nth-child(2){transition-delay:.2s}.mobile-nav-links .nav-link:nth-child(3){transition-delay:.3s}.mobile-nav-links .nav-link:nth-child(4){transition-delay:.4s}.mobile-nav-links .btn-reserva{transition-delay:.5s;margin-top:16px;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-nav-links.open .btn-reserva{opacity:1;transform:translateY(0)}.hero{min-height:100vh;background-image:url(/assets/modelo4-144832c0.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding-top:90px}@media (max-width: 768px){.hero{background-image:url(/assets/modelo1-082f9f85.jpg)}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(10,10,10,.438),rgba(10,10,10,.226))}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 32px}.hero h1{font-size:clamp(3.5rem,8vw,7rem);font-family:Cormorant Garamond,serif;font-weight:300;letter-spacing:.15em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);color:#fff!important}.hero h2{font-size:clamp(1.25rem,3vw,1.75rem);font-family:Crimson Text,serif;font-weight:400;margin-bottom:12px;letter-spacing:.1em;color:#fff;opacity:.95}.hero p{font-size:clamp(1rem,2.5vw,1.125rem);font-family:Inter,sans-serif;font-weight:300;margin-bottom:20px;opacity:.85;letter-spacing:.05em;color:#fff!important}.hero-btn-primary{display:inline-block;background-color:#fff!important;color:#0a0a0a;padding:15px 50px;transition:all .3s ease;font-size:15px;font-weight:500;letter-spacing:.5px;text-decoration:none;font-family:Montserrat,sans-serif;text-transform:uppercase;position:relative;border:solid 2px white}.hero-btn-primary:after{content:"";position:absolute;width:0;left:0;height:0%;bottom:0;background-color:#0a0a0a;transition:all .3s ease;z-index:-1;width:100%}.hero-btn-primary:hover:after{height:100%}.hero-btn-primary:hover{background-color:#f0f0f0!important;color:#fff;transform:translateY(-3px)}.btn-secondary{display:inline-block;background:transparent;color:#ccc;padding:16px 40px;border-radius:8px;border:1px solid #d4af37;text-decoration:none;font-weight:400;font-family:Inter,sans-serif;letter-spacing:.5px;transition:all .3s ease}.btn-secondary:hover{background-color:#d4af37;color:#0a0a0a;transform:translateY(-2px)}.bamboo-divider{height:1px;background:#d4af37;margin:32px auto;width:80px;position:relative;opacity:.8}.zen-circle{width:400px;height:400px;border:1px solid rgba(212,175,55,.2);border-radius:50%;position:absolute;opacity:.4}.zen-circle-1{top:15%;left:5%;animation:float 6s ease-in-out infinite}.zen-circle-2{bottom:15%;right:10%;width:250px;height:250px;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.about-us-section{background:black;position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;overflow:hidden}.about-us-container{max-width:1400px;margin:0 auto;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.about-us-grid{display:grid;grid-template-columns:1fr 400px 1fr;grid-template-rows:auto auto auto auto auto;gap:2rem;align-items:center;width:100%;max-width:1200px;position:relative;z-index:2}.about-us-brand-name{font-family:Playfair Display,Cormorant Garamond,serif;font-size:clamp(2rem,4vw,2.5rem);font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#f5f5f5;text-align:center;margin-bottom:3rem;grid-column:1 / -1;grid-row:1}.about-us-central-image{grid-column:2;grid-row:2;position:relative;width:100%;aspect-ratio:3/4;border-radius:120px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff0d;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-us-central-image:hover{transform:scale(1.02);box-shadow:0 30px 60px #0006,0 0 0 1px #d4af3733}.about-us-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:brightness(1.1) contrast(1.05);transition:all .4s ease}.about-us-central-image:hover .about-us-image{filter:brightness(1.15) contrast(1.1)}.about-us-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 100%);z-index:1}.about-us-left-icon,.about-us-right-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.02);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);animation:float-gentle 4s ease-in-out infinite;cursor:pointer}.about-us-left-icon{grid-column:1;grid-row:2;justify-self:center;align-self:center}.about-us-right-icon{grid-column:3;grid-row:2;justify-self:center;align-self:center;animation-delay:2s}.about-us-left-icon:hover,.about-us-right-icon:hover{transform:scale(1.1);border-color:#d4af37;background:rgba(212,175,55,.1);box-shadow:0 0 20px #d4af3733}.about-us-icon{width:24px;height:24px;stroke:#d4af37;stroke-width:1.5px;fill:none}.about-us-main-headline{font-family:Playfair Display,Cormorant Garamond,serif;font-size:clamp(3rem,8vw,5rem);font-weight:300;line-height:1.1;color:#fff;text-align:center;margin-bottom:10px;grid-column:1 / -1;grid-row:3;letter-spacing:-.02em}.about-us-description{font-family:Inter,Helvetica Neue,sans-serif;font-size:clamp(1rem,2.5vw,1.125rem);font-weight:400;line-height:1.7;color:#b8b8b8;text-align:center;max-width:600px;margin:0 auto;grid-column:1 / -1;grid-row:4}.about-us-action-buttons{display:flex;gap:2rem;justify-content:center;margin-top:3rem;grid-column:1 / -1;grid-row:5}.about-us-primary-button,.about-us-secondary-button{padding:1rem 2.5rem;border-radius:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:none}.about-us-primary-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.about-us-primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a;border-color:#fff;color:#fff}.about-us-secondary-button{background:transparent;border:1px solid #d4af37;color:#d4af37}.about-us-secondary-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4af3733;border-color:#d4af37;color:#d4af37;background:rgba(212,175,55,.05)}.about-us-background-pattern{background:radial-gradient(circle at 20% 20%,rgba(212,175,55,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.01) 0%,transparent 50%);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 767px){.about-us-section{padding:2rem 1rem}.about-us-grid{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.about-us-brand-name{margin-bottom:1.5rem;order:1}.about-us-central-image{max-width:280px;width:100%;border-radius:60px;order:2}.about-us-main-headline{margin-bottom:1rem;order:3}.about-us-description{order:4}.about-us-action-buttons{flex-direction:column;gap:1rem;align-items:center;margin-top:2rem;order:5}.about-us-primary-button,.about-us-secondary-button{width:100%;max-width:280px}.about-us-left-icon,.about-us-right-icon{display:none}}@media (768px <= width <= 1023px){.about-us-grid{grid-template-columns:1fr 350px 1fr;gap:1.5rem}.about-us-section{padding:3rem 1.5rem}.about-us-central-image{border-radius:90px}}.minimalist-tradition-section{padding:0;background:#0a0a0a}.minimalist-grid{display:flex;flex-wrap:wrap;width:100%;gap:0}.minimalist-card{position:relative;flex:1 1 calc(33.333% + -0px);height:400px;overflow:hidden;cursor:pointer;transition:all .3s ease}.minimalist-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.minimalist-card:hover .minimalist-image{transform:scale(1.05)}.minimalist-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.034) 0%,rgba(0,0,0,.233) 100%);z-index:1}.minimalist-title{position:absolute;bottom:24px;left:24px;color:#fff;font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;letter-spacing:.05em;margin:0;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.minimalist-card{flex:1 1 100%;height:300px}.minimalist-title{bottom:20px;left:20px;font-size:1.5rem}}@media (768px <= width <= 1024px){.minimalist-card{flex:1 1 50%;height:350px}}.light-menu-section{background:#f8f8f8;padding:80px 20px;color:#2a2a2a;display:none}.light-menu-container{max-width:1200px;margin:0 auto;text-align:center}.light-menu-title{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;color:#2a2a2a;margin-bottom:16px}.light-menu-subtitle{font-family:Inter,sans-serif;font-size:1.1rem;color:#666;margin-bottom:60px;font-weight:300}.light-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:60px}.light-menu-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.light-menu-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.light-menu-image{width:100%;height:200px;overflow:hidden}.light-menu-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.light-menu-card:hover .light-menu-image img{transform:scale(1.05)}.light-menu-content{padding:24px;text-align:left}.light-menu-content h3{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:500;color:#2a2a2a;margin:0 0 12px}.light-menu-content p{font-family:Inter,sans-serif;font-size:.95rem;color:#666;line-height:1.6;margin:0 0 16px}.light-menu-price{font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:600;color:#d4af37}.light-menu-cta{text-align:center}.light-menu-button{display:inline-block;background:#2a2a2a;color:#fff;padding:16px 40px;border-radius:8px;text-decoration:none;font-family:Inter,sans-serif;font-weight:500;font-size:.95rem;letter-spacing:.5px;transition:all .3s ease}.light-menu-button:hover{background:#d4af37;transform:translateY(-2px)}@media (max-width: 768px){.light-menu-section{padding:60px 20px}.light-menu-grid{grid-template-columns:1fr;gap:24px}.light-menu-content{padding:20px}}.simple-experience-section{background:#0a0a0a;padding:100px 20px}.simple-experience-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.simple-experience-content h2{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:300;color:#fff;margin-bottom:30px;letter-spacing:-.02em}.simple-experience-content p{font-family:Inter,sans-serif;font-size:clamp(1.1rem,2.5vw,1.3rem);color:#fff!important;line-height:1.7;margin:0;font-weight:300;opacity:.9}.simple-experience-image{position:relative;width:100%;height:400px;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.simple-experience-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.simple-experience-image:hover img{transform:scale(1.05)}@media (max-width: 768px){.simple-experience-section{padding:80px 20px}.simple-experience-container{grid-template-columns:1fr;gap:40px;text-align:center}.simple-experience-image{height:300px;order:-1}}.simple-gallery-section{padding:80px 20px;background:#f8f8f8;display:flex!important;justify-content:center!important;align-items:center!important}.simple-gallery-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);grid-column-gap:0px;grid-row-gap:0px;max-width:100%;gap:20px;width:100%;margin:0 auto;height:800px}.simple-gallery-item{position:relative;overflow:hidden;transition:all .3s ease;border-radius:12px}.simple-gallery-item:hover{transform:scale(1.02)}.simple-gallery-item.div1{grid-area:1 / 1 / 6 / 3}.simple-gallery-item.div2{grid-area:1 / 3 / 4 / 7}.simple-gallery-item.div3{grid-area:4 / 3 / 6 / 5}.simple-gallery-item.div4{grid-area:4 / 5 / 6 / 7}.simple-gallery-item.div5{grid-area:6 / 1 / 9 / 5}.simple-gallery-item.div6{grid-area:6 / 5 / 9 / 7}.simple-gallery-item.div7{grid-area:1 / 7 / 4 / 9}.simple-gallery-item.div8{grid-area:4 / 7 / 9 / 9}.simple-gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.simple-gallery-item:hover img{transform:scale(1.05)}@media (max-width: 768px){.simple-gallery-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(10,1fr);grid-column-gap:0px;grid-row-gap:0px;height:700px}.simple-gallery-item.div1{grid-area:1 / 1 / 4 / 3}.simple-gallery-item.div2{grid-area:1 / 3 / 3 / 5}.simple-gallery-item.div3{grid-area:3 / 3 / 4 / 4}.simple-gallery-item.div4{grid-area:3 / 4 / 4 / 5}.simple-gallery-item.div5{grid-area:4 / 1 / 7 / 3}.simple-gallery-item.div6{grid-area:4 / 3 / 7 / 5}.simple-gallery-item.div7{grid-area:7 / 1 / 9 / 3}.simple-gallery-item.div8{grid-area:7 / 3 / 10 / 5}}.light-location-section{background:#f8f8f8;padding:100px 20px;color:#2a2a2a}.light-location-container{max-width:1200px;margin:0 auto}.light-location-header{text-align:center;margin-bottom:60px}.light-location-header h2{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;color:#2a2a2a;margin-bottom:16px}.light-location-header p{font-family:Inter,sans-serif;font-size:1.2rem;color:#666;font-weight:300}.light-location-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:40px}.light-location-card{background:white;border-radius:16px;padding:40px;box-shadow:0 8px 30px #0000001a;transition:all .3s ease}.light-location-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #00000026}.light-location-card h3{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:500;color:#2a2a2a;margin:0 0 30px;text-align:center}.light-location-details{margin-bottom:30px}.light-location-details p{font-family:Inter,sans-serif;font-size:1rem;color:#666;line-height:1.6;margin:0 0 15px}.light-location-details strong{color:#d4af37;font-weight:600}.light-location-map{border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}@media (max-width: 768px){.light-location-section{padding:80px 20px}.light-location-grid{grid-template-columns:1fr;gap:30px}.light-location-card{padding:30px 20px}.light-location-header{margin-bottom:50px}}.light-reservation-section{background:#f8f8f8;padding:100px 20px;color:#2a2a2a}.light-reservation-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.light-reservation-header{text-align:center;margin-bottom:60px}.light-reservation-header h2{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;color:#2a2a2a;margin-bottom:16px}.light-reservation-header p{font-family:Inter,sans-serif;font-size:1.2rem;color:#666;font-weight:300}.light-reservation-form-container{background:white;border-radius:20px;padding:50px;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(0,0,0,.05)}.light-reservation-form{display:flex;flex-direction:column;gap:30px}.light-form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.light-form-group,.light-form-group-full{display:flex;flex-direction:column;gap:8px}.light-form-group label,.light-form-group-full label{font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;color:#2a2a2a}.light-form-group input,.light-form-group select,.light-form-group-full input,.light-form-group-full textarea{padding:16px 20px;border:2px solid #e5e5e5;border-radius:12px;background:#fafafa;color:#2a2a2a;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s ease}.light-form-group input:focus,.light-form-group select:focus,.light-form-group-full input:focus,.light-form-group-full textarea:focus{outline:none;border-color:#d4af37;background:white;box-shadow:0 0 0 3px #d4af371a}.light-form-group input::-moz-placeholder,.light-form-group-full input::-moz-placeholder,.light-form-group-full textarea::-moz-placeholder{color:#aaa}.light-form-group input::placeholder,.light-form-group-full input::placeholder,.light-form-group-full textarea::placeholder{color:#aaa}.light-form-group-full textarea{min-height:120px;resize:vertical;font-family:Inter,sans-serif}.light-form-submit{text-align:center;margin-top:20px}.light-reservation-button{background:#2a2a2a;color:#fff;padding:18px 50px;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.light-reservation-button:hover{background:#d4af37;transform:translateY(-2px);box-shadow:0 8px 25px #d4af374d}@media (max-width: 768px){.light-reservation-section{padding:80px 20px}.light-reservation-form-container{padding:30px 25px;border-radius:16px}.light-form-row{grid-template-columns:1fr;gap:20px}.light-reservation-form{gap:25px}.light-reservation-button{width:100%;padding:16px}}.confirmation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirmation-modal{background:white;border-radius:20px;padding:40px;max-width:400px;margin:20px;text-align:center;box-shadow:0 20px 60px #0000004d}.confirmation-icon{margin-bottom:20px;display:flex;justify-content:center}.confirmation-modal h3{font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:500;color:#2a2a2a;margin-bottom:16px}.confirmation-modal p{font-family:Inter,sans-serif;color:#666;line-height:1.6;margin-bottom:12px}.confirmation-details{font-size:.9rem;color:#888}.confirmation-button{background:#2a2a2a;color:#fff;border:none;padding:16px 32px;border-radius:12px;font-family:Inter,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;margin-top:24px;transition:all .3s ease}.confirmation-button:hover{background:#d4af37}.light-reservation-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.footer{background-color:#1a1a1a;color:#ccc;padding:64px 32px 32px;border-top:1px solid rgba(212,175,55,.2);display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}.footer-logo{display:flex;justify-content:center}.footer-links{display:grid;grid-template-columns:1fr;gap:32px;text-align:center}.footer-section h4{color:#e6c553;margin:0 0 16px;font-family:Cormorant Garamond,serif;font-weight:500}.footer-section a,.footer-section p{display:block;color:#8a8a8a;text-decoration:none;margin-bottom:8px;transition:all .3s ease}.footer-section a:hover{color:#f2d570}.social-links{display:flex;gap:16px;justify-content:center}.footer-bottom{max-width:1200px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.875rem;color:#6a6a6a}.footer-simple{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.footer-brand h3{color:#e6c553;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600;margin:0;letter-spacing:2px}.footer-links-simple{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center}.footer-links-simple a{color:#8a8a8a;text-decoration:none;padding:8px 12px;border-radius:4px;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.footer-links-simple a:hover{color:#f2d570;background-color:#e6c5531a;transform:translateY(-2px)}.footer-copyright{margin-top:10px}.footer-copyright p{color:#6a6a6a;font-size:.875rem;margin:0}@media (max-width: 768px){.footer-links-simple{flex-direction:column;gap:8px}.footer-brand h3{font-size:1.5rem}}@media (min-width: 768px){.section{padding:120px 40px}.story-grid,.location-grid{grid-template-columns:1fr 1fr}.tradition-grid{grid-template-columns:repeat(3,1fr)}.experience-grid,.gallery-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:auto 1fr;text-align:left}.footer-logo{justify-content:flex-start}.footer-links{text-align:left;grid-template-columns:repeat(2,1fr)}.social-links{justify-content:flex-start}.hero-content{padding:0 48px}}@media (min-width: 1024px){.experience-grid,.gallery-grid{grid-template-columns:repeat(4,1fr)}.form-grid,.footer-links{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.navbar-content{padding:0 20px;display:flex!important;flex-direction:row;justify-content:space-between!important;align-items:center!important;width:100%;gap:20px!important}.hero{background-attachment:scroll}.section{padding:80px 20px}.reservation-form{padding:32px 24px}.logo-img{width:60px;height:60px}}.corporate-events-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fff}.corporate-events-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),url(/assets/DSC00195-6fd41d73.jpeg) center center/cover no-repeat fixed;z-index:-1}.corporate-events-container{max-width:100%!important;margin:0 auto;width:100%;padding:120px 40px;text-align:center;position:relative;z-index:1}.corporate-events-content{max-width:1200px;margin:0 auto}.corporate-events-content h2{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:600;color:#2c2c2c;margin-bottom:24px;line-height:1.2}.corporate-events-subtitle{font-size:clamp(1.1rem,3vw,1.3rem);color:#666;margin-bottom:60px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.corporate-events-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:60px}.corporate-feature{background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;padding:40px 30px;text-align:center;transition:all .3s ease}.corporate-feature:hover{border-color:#d4af37}.corporate-feature-icon{width:60px;height:60px;margin:0 auto 20px;background:#f8f8f8;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d4af37}.corporate-feature-icon svg{width:28px;height:28px}.corporate-feature h3{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;color:#2c2c2c;margin-bottom:12px}.corporate-feature p{color:#666;font-size:1rem;line-height:1.5}.corporate-events-cta{margin-top:40px}.corporate-events-button{display:inline-block;background:#d4af37;color:#fff;padding:16px 32px;border-radius:4px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:none;cursor:pointer}.corporate-events-button:hover{background:#b8941f;color:#fff}@media (max-width: 768px){.corporate-events-container{padding:80px 20px}.corporate-events-features{grid-template-columns:1fr;gap:30px}.corporate-feature{padding:30px 20px}.corporate-events-background{background-attachment:scroll}}.whatsapp-reservations-section{background:#f8f8f8;padding:80px 20px;color:#2a2a2a}.whatsapp-reservations-container{max-width:1200px;margin:0 auto}.whatsapp-reservations-header{text-align:center;margin-bottom:60px}.whatsapp-reservations-header h2{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;color:#2a2a2a;margin-bottom:16px}.whatsapp-reservations-header p{font-family:Inter,sans-serif;font-size:1.2rem;color:#666;font-weight:300}.whatsapp-reservations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;max-width:900px;margin:0 auto}.whatsapp-reservation-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000001a;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.whatsapp-reservation-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000026}.whatsapp-card-image{position:relative;width:100%;height:200px;overflow:hidden}.whatsapp-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.whatsapp-reservation-card:hover .whatsapp-card-image img{transform:scale(1.05)}.whatsapp-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);z-index:1}.whatsapp-card-content{padding:30px;text-align:center}.whatsapp-card-content h3{font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:500;color:#2a2a2a;margin:0 0 8px}.whatsapp-card-content p{font-family:Inter,sans-serif;font-size:1rem;color:#666;margin:0 0 25px;font-weight:300}.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#25d366;color:#fff;padding:14px 28px;border-radius:50px;text-decoration:none;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s ease;border:2px solid #25d366;letter-spacing:.5px;min-width:220px}.whatsapp-button:hover{background:#22c55e;border-color:#22c55e;transform:translateY(-2px);box-shadow:0 8px 25px #25d3664d;color:#fff}.whatsapp-icon{width:20px;height:20px;flex-shrink:0}.whatsapp-button-valle:hover,.whatsapp-button-escobedo:hover{box-shadow:0 8px 25px #25d36666}@media (max-width: 768px){.whatsapp-reservations-section{padding:60px 20px}.whatsapp-reservations-grid{grid-template-columns:1fr;gap:30px;max-width:400px}.whatsapp-card-content{padding:25px 20px}.whatsapp-button{width:100%;padding:16px 28px;font-size:1rem}.whatsapp-reservations-header{margin-bottom:40px}}.parallax{position:relative;overflow:hidden;color:#fff;font-family:Times New Roman,sans-serif;opacity:.6}.scroller{display:flex;white-space:nowrap;text-align:center;font-family:sans-serif;font-size:2.25rem;font-weight:lighter;letter-spacing:-.02em;font-family:Times New Roman,sans-serif;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.scroller span{flex-shrink:0}@media (min-width: 768px){.scroller{font-size:5rem;line-height:5rem}}.page-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;background:#f8fafc}.aromali-reservations-page{background:#f8fafc;min-height:100vh;padding-top:80px}.ar-main-content{width:100%;background:#f8fafc;min-height:calc(100vh - 80px)}.ar-page-header{height:72px;background:#ffffff;border-bottom:1px solid #e5e7eb;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.ar-header-left h1{font-size:24px;font-weight:600;color:#111827}.ar-search-wrapper{position:relative;width:320px}.ar-search-input{width:100%;height:40px;padding:0 16px 0 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#ffffff}.ar-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.ar-header-actions{display:flex;align-items:center;gap:12px}.ar-add-btn{width:40px;height:40px;background:#3b82f6;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.ar-user-info{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer}.ar-user-avatar{width:32px;height:32px;background:#e5e7eb;border-radius:50%}.ar-content-wrapper{padding:24px}.ar-reservations-container{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.ar-filter-tabs{display:flex;border-bottom:1px solid #e5e7eb}.ar-tab{padding:12px 0;margin:0 32px 0 24px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent}.ar-tab:first-child{margin-left:24px}.ar-tab-active{color:#3b82f6;border-bottom-color:#3b82f6}.ar-controls-bar{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #f3f4f6}.ar-controls-left,.ar-controls-right{display:flex;align-items:center;gap:16px}.ar-results-count{font-size:12px;color:#6b7280;font-weight:500;padding:8px 12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.ar-today-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background:#ffffff;cursor:pointer}.ar-date-navigator{display:flex;align-items:center;gap:8px}.ar-nav-btn{width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center}.ar-date-text{font-size:16px;font-weight:600;color:#111827;margin:0 8px}.ar-status-filter{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background:#ffffff;cursor:pointer}.ar-view-toggle{display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;margin-right:16px}.ar-view-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:#ffffff;color:#6b7280;font-size:12px;cursor:pointer;transition:all .2s ease}.ar-view-btn:hover{background:#f9fafb;color:#374151}.ar-view-active{background:#3b82f6;color:#fff}.ar-view-active:hover{background:#2563eb;color:#fff}.ar-calendar-container{padding:24px}.ar-calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb;margin-bottom:1px}.ar-calendar-day-header{background:#f9fafb;padding:12px 8px;text-align:center;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ar-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb}.ar-calendar-day{background:#ffffff;min-height:120px;padding:8px;display:flex;flex-direction:column;position:relative;transition:all .2s ease}.ar-calendar-day:hover{background:#f9fafb}.ar-calendar-day-empty{background:#f3f4f6}.ar-calendar-today{background:#eff6ff;border:2px solid #3b82f6}.ar-calendar-day-number{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px;text-align:left}.ar-calendar-today .ar-calendar-day-number{color:#3b82f6}.ar-calendar-reservations{flex:1;display:flex;flex-direction:column;gap:2px}.ar-calendar-reservation{padding:2px 4px;border-radius:3px;font-size:10px;color:#fff;display:flex;flex-direction:column;cursor:pointer;transition:all .2s ease}.ar-calendar-reservation:hover{transform:scale(1.02);box-shadow:0 2px 4px #0000001a}.ar-calendar-res-time{font-weight:600;line-height:1}.ar-calendar-res-name{font-size:9px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.ar-calendar-more{font-size:9px;color:#6b7280;text-align:center;padding:2px;font-weight:500}.ar-reservations-grid{padding:24px;display:flex;flex-direction:column;gap:16px}.ar-reservation-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#ffffff;transition:all .2s ease;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start}.ar-reservation-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.ar-card-content{flex:1}.ar-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ar-customer-section{display:flex;align-items:center;gap:12px}.ar-customer-avatar{width:40px;height:40px;border-radius:50%;background:#e5e7eb}.ar-customer-name{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.ar-customer-email{font-size:12px;color:#6b7280}.ar-status-dot{width:8px;height:8px;border-radius:50%}.ar-reservation-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-bottom:12px}.ar-info-item{font-size:12px;color:#6b7280}.ar-info-item strong{color:#374151}.ar-status-section{display:flex;justify-content:flex-start}.ar-status-label{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.ar-card-actions{display:flex;gap:8px;flex-shrink:0}.ar-action-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;background:#ffffff}.ar-confirm-btn{background:#10b981;color:#fff;border-color:#10b981}.ar-cancel-btn{background:#ef4444;color:#fff;border-color:#ef4444}.ar-more-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0}.ar-action-btn:hover{transform:scale(1.02)}.ar-action-btn:disabled{opacity:.5;cursor:not-allowed}.ar-action-btn:disabled:hover{transform:none}.ar-loading-view,.ar-empty-view{text-align:center;padding:48px 24px;color:#6b7280}.ar-loading-view p,.ar-empty-view p{font-size:16px;font-weight:500}@media (max-width: 768px){.aromali-reservations-page{padding-top:60px}.ar-page-header{padding:0 16px}.ar-search-wrapper{width:200px}.ar-content-wrapper{padding:16px}.ar-filter-tabs{overflow-x:auto;flex-wrap:nowrap}.ar-controls-bar{flex-direction:column;gap:16px;align-items:flex-start}.ar-reservation-card{flex-direction:column;gap:16px}.ar-card-actions{width:100%;justify-content:flex-end}.ar-reservation-info{grid-template-columns:1fr}}@media (max-width: 480px){.ar-header-center{display:none}.ar-page-header{justify-content:space-between}.ar-tab{margin-right:16px;font-size:12px}.ar-view-toggle{margin-right:8px}.ar-view-btn{padding:6px 8px;font-size:11px}.ar-calendar-day{min-height:80px;padding:4px}.ar-calendar-day-number{font-size:12px}.ar-calendar-reservation{padding:1px 3px;font-size:9px}.ar-calendar-res-time{font-size:8px}.ar-calendar-res-name{font-size:7px}}.edicion-masiva-container{padding:20px;width:100%;margin-top:70px;box-sizing:border-box;background-color:#fff}.edicion-masiva-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.edicion-masiva-header h1{color:#333;margin:0;font-size:2rem}.selection-info{display:flex;align-items:center;gap:15px;font-weight:500;color:#666}.bulk-edit-btn{background:#4CAF50;color:#fff;border:none;padding:10px 20px;border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.bulk-edit-btn:hover{background:#45a049}.filtros-container{display:flex;gap:15px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666;z-index:1}.search-box input{width:100%;padding:10px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px}.filtros-container select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:150px}.select-all-btn{background:#2196F3;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.select-all-btn:hover{background:#1976D2}.productos-table-container{background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:auto;max-height:70vh}.productos-table{width:100%;border-collapse:collapse;min-width:1000px}.productos-table th{background:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;position:sticky;top:0;z-index:10}.productos-table td{padding:12px;border-bottom:1px solid #e0e0e0;vertical-align:top}.productos-table tr:hover{background:#f9f9f9}.productos-table tr.selected{background:#e3f2fd}.productos-table tr.selected:hover{background:#bbdefb}.product-image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden;background:#f5f5f5}.product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-image{color:#999;font-size:12px;text-align:center}.productos-table textarea{width:100%;min-height:60px;border:1px solid #ddd;border-radius:4px;padding:8px;font-family:inherit;font-size:13px;resize:vertical;transition:border-color .3s ease}.productos-table textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.productos-table textarea.edited{border-color:#ff9800;background:#fff3e0}.categoria-tag,.subcategoria-tag{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;margin:2px 4px 2px 0}.categoria-tag{background:#e3f2fd;color:#1976d2}.subcategoria-tag{background:#f3e5f5;color:#7b1fa2}.place-tag{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff}.place-tag.barra{background:#4CAF50}.place-tag.cocina{background:#FF9800}.place-tag.teppanyaki{background:#9C27B0}.action-buttons{display:flex;gap:8px}.save-btn,.discard-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:500;min-width:32px;height:32px}.save-btn{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;box-shadow:0 2px 4px #4caf5033}.save-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.discard-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 2px 4px #f4433633}.discard-btn:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-1px);box-shadow:0 4px 8px #f443364d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;padding:24px;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.bulk-edit-modal h2{margin:0 0 20px;color:#333;font-size:1.5rem}.bulk-edit-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;min-height:100px}.form-group input[type=file]{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group small{display:block;margin-top:4px;color:#666;font-size:12px}.image-preview{margin-top:12px;display:flex;align-items:center;justify-content:center;max-width:200px;max-height:200px;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#f5f5f5}.image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-buttons button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.modal-buttons button:first-child{background:#f5f5f5;color:#333}.modal-buttons button:first-child:hover{background:#e0e0e0}.modal-buttons .save-btn{background:#4CAF50;color:#fff}.modal-buttons .save-btn:hover{background:#45a049}.modal-buttons button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.edicion-masiva-header{flex-direction:column;gap:15px;align-items:stretch}.selection-info{justify-content:space-between}.filtros-container{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.productos-table-container{overflow-x:auto}.modal-content{margin:20px;width:calc(100% - 40px)}.modal-buttons{flex-direction:column}}.productos-table.loading{opacity:.7;pointer-events:none}@keyframes highlight{0%{background-color:#4caf50}to{background-color:transparent}}.productos-table tr.updated{animation:highlight 1s ease-out}.alimentos-perdidos-page{min-height:100vh;background:#fafafa;padding-top:80px}.alimentos-perdidos-container{max-width:1200px;margin:0 auto;padding:20px}.alimentos-perdidos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#ffffff;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.header-info h1{display:flex;align-items:center;gap:12px;color:#111827;margin:0 0 6px;font-size:1.6rem;font-weight:700}.header-icon{color:#ef4444;font-size:1.25rem}.header-info p{color:#6b7280;margin:0;font-size:.95rem}.header-controls{display:flex;gap:12px;align-items:center}.date-selector{display:flex;align-items:center;gap:8px;background:#ffffff;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb}.date-icon{color:#6b7280;font-size:1rem}.date-input{border:none;background:transparent;font-size:.95rem;color:#111827;font-weight:600;outline:none}.btn-add{display:flex;align-items:center;gap:8px;background:#111827;color:#fff;border:1px solid #111827;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer}.btn-add:hover{background:#000000}.estadisticas-dia{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#ffffff;padding:16px;border-radius:8px;text-align:center;border:1px solid #e5e7eb}.stat-value{font-size:2rem;font-weight:700;color:#111827;margin-bottom:4px}.stat-label{color:#6b7280;font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.4px}.registros-table{background:#ffffff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.registros-table table{width:100%;border-collapse:collapse}.registros-table th{background:#f9fafb;color:#111827;padding:14px 12px;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.4px}.registros-table td{padding:14px 12px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.registros-table tr:hover{background:#fafafa}.producto-info strong{color:#111827;font-weight:600}.cantidad-badge{background:#111827;color:#fff;padding:4px 10px;border-radius:9999px;font-weight:600;font-size:.85rem}.razon-badge{background:#f3f4f6;color:#111827;padding:6px 10px;border-radius:9999px;font-weight:600;font-size:.85rem;display:inline-block}.valor{font-weight:700;color:#111827;font-size:1rem}.observaciones{color:#6b7280;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hora{color:#6b7280;font-size:.9rem;font-weight:600}.actions{display:flex;gap:8px}.btn-edit,.btn-delete{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:none;border-radius:8px;cursor:pointer}.btn-edit{background:#111827;color:#fff}.btn-edit:hover{background:#000000}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:1.05rem}.no-records{text-align:center;padding:60px 20px;color:#6b7280}.no-records-icon{font-size:3rem;color:#d1d5db;margin-bottom:15px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#ffffff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid #e5e7eb}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#ffffff;color:#111827;border-radius:8px 8px 0 0}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.btn-close{background:none;border:none;color:#6b7280;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px}.btn-close:hover{color:#111827}.modal-form{padding:20px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;color:#111827;font-weight:600;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;background:#ffffff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#111827}.razones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px}.razon-option{display:flex;align-items:center;cursor:pointer;position:relative}.razon-option input[type=radio]{display:none}.razon-label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#ffffff;width:100%;font-weight:500}.razon-option input[type=radio]:checked+.razon-label{border-color:#111827;background:#f3f4f6;color:#111827}.razon-icon{font-size:1.2rem}.valor-display{display:flex;align-items:center;justify-content:center;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:1.1rem;font-weight:700;color:#111827}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-save{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;border:1px solid transparent;font-size:.95rem}.btn-cancel{background:#ffffff;color:#111827;border-color:#e5e7eb}.btn-cancel:hover{background:#f9fafb}.btn-save{background:#111827;color:#fff;border-color:#111827}.btn-save:hover{background:#000000}.btn-save:disabled{opacity:.6;cursor:not-allowed}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.relative{position:relative}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.border{border-width:1px}.italic{font-style:italic}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{width:100vw;min-height:100vh}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}