.connection-status-float{position:fixed;top:10px;right:17px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.status-indicator-float{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:25px;box-shadow:0 2px 10px #00000026;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.connection-status-float.online .status-indicator-float{border-color:#28a745}.connection-status-float.offline .status-indicator-float{border-color:#dc3545}.status-indicator-float:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.status-dot-float{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;position:relative}.status-dot-float.online{background-color:#28a745}.status-dot-float.offline{background-color:#dc3545}.status-dot-float.syncing{width:20px;height:20px;background-color:#17a2b8}.status-dot-float:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid currentColor;animation:pulse-ring 2s infinite}.status-dot-float.online:before{color:#28a745}.status-dot-float.offline:before{color:#dc3545}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:0}}.status-text-float{display:flex;flex-direction:column;line-height:1.2}.status-label-float{font-size:12px;font-weight:600;color:#333}.pending-badge{font-size:10px;color:#ff9800;font-weight:500}.toggle-icon{font-size:10px;color:#666;margin-left:4px}.status-details-panel{position:absolute;top:100%;right:0;margin-top:8px;width:280px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;animation:slideDown .3s ease}.details-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px}.details-header h4{margin:0;font-size:14px;font-weight:600}.details-content{padding:16px}.detail-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.detail-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-section h5{margin:0 0 8px;font-size:11px;text-transform:uppercase;color:#666;letter-spacing:.5px}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.detail-label{font-size:12px;color:#666}.detail-value{font-size:12px;font-weight:500;color:#333;display:flex;align-items:center;gap:4px}.detail-value.online{color:#28a745}.detail-value.offline{color:#dc3545}.detail-value.warning{color:#ff9800;font-weight:600}.detail-value i.online{color:#28a745;font-size:8px}.detail-value i.offline{color:#dc3545;font-size:8px}.detail-actions{margin-top:12px}.btn-sync-action{width:100%;padding:10px 16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-sync-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.btn-sync-action:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.offline-message,.sync-message{margin-top:12px;padding:10px;border-radius:8px;display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.4}.offline-message{background-color:#fff3cd;border:1px solid #ffc107;color:#856404}.sync-message{background-color:#d1ecf1;border:1px solid #17a2b8;color:#0c5460}.offline-message i,.sync-message i{font-size:14px;margin-top:2px}.offline-message p,.sync-message p{margin:0}.offline-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;z-index:9998;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.offline-banner i{font-size:16px}@media(max-width:768px){.connection-status-float{position:fixed;top:5px;right:5px}.status-indicator-float{padding:6px 10px}.status-details-panel{width:260px;right:-5px}.offline-banner{font-size:12px;padding:10px}}.fa-spin{animation:fa-spin 1s linear infinite}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-page{min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.landing-header{background:linear-gradient(135deg,#28a745,#20c997,#17a2b8);color:#fff;padding:1rem 0;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 4px 20px #28a7454d}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;min-height:80px}.logo{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-top:15px;width:250px;height:120px;margin-left:60px}.logo-icon{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.logo-text{display:flex;flex-direction:column;justify-content:center;min-width:0}.logo h1{margin:0;font-size:2rem;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.2);line-height:1.2;white-space:nowrap}.logo p{margin:0;font-size:.9rem;opacity:.9;font-weight:500;line-height:1.3;white-space:nowrap}.header-nav{display:flex;align-items:center;gap:2rem;margin-left:auto;margin-right:250px}.header-nav a{color:#fff;text-decoration:none;font-weight:600;transition:all .3s;padding:.5rem 1rem;border-radius:20px}.header-nav a:hover{background:#fff3;transform:translateY(-2px)}.btn-login{background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;padding:.75rem 2rem;border-radius:25px;cursor:pointer;transition:all .3s;font-weight:600;font-size:1rem}.btn-login:hover{background:#ffffff4d;border-color:#fffc;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.hero-section{background:linear-gradient(135deg,#28a745,#20c997 30%,#17a2b8 70%,#6f42c1);color:#fff;padding:8rem 0 4rem;display:flex;align-items:center;min-height:100vh;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/></svg>');animation:float 20s ease-in-out infinite}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero-content h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-content p{font-size:1.3rem;margin-bottom:2.5rem;opacity:.95;line-height:1.6;font-weight:500}.hero-buttons{display:flex;gap:1.5rem}.btn-primary{background:linear-gradient(135deg,#fd7e14,#ff6b35);color:#fff;border:none;padding:1.2rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #fd7e1466;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{background:linear-gradient(135deg,#e55a00 0% 100%);transform:translateY(-3px);box-shadow:0 12px 35px #fd7e1499}.btn-secondary{background:transparent;color:#fff;border:3px solid white;padding:1.2rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.btn-secondary:hover{background:#fff;color:#28a745;transform:translateY(-3px);box-shadow:0 8px 25px #ffffff4d}.hero-illustration{display:flex;justify-content:center;align-items:center;height:400px;position:relative}.rocket-icon{font-size:10rem;opacity:.9;animation:float 4s ease-in-out infinite;color:#ffffffe6;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.features-section{padding:6rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.features-section h2{text-align:center;font-size:3rem;margin-bottom:1rem;color:#28a745;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.features-section .subtitle{text-align:center;font-size:1.2rem;color:#6c757d;margin-bottom:4rem;font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.feature-card{background:#fff;padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s;border:1px solid rgba(40,167,69,.1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#28a745,#20c997)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #28a74533}.feature-icon{font-size:3rem;color:#28a745;margin-bottom:1.5rem;transition:all .3s}.feature-card:hover .feature-icon{transform:scale(1.1);color:#20c997}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#333}.feature-card p{color:#6c757d;line-height:1.6;font-size:1rem}.plans-section{padding:6rem 0;background:linear-gradient(135deg,#fff,#f8f9fa)}.plans-section h2{text-align:center;font-size:3rem;margin-bottom:1rem;color:#28a745;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.plans-subtitle{text-align:center;font-size:1.2rem;color:#6c757d;margin-bottom:4rem;font-weight:500}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:3rem}.plan-card{background:#fff;border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s;border:2px solid transparent;position:relative;overflow:hidden}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg,#28a745,#20c997)}.plan-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #28a74533;border-color:#28a745}.plan-card.featured{border-color:#fd7e14;transform:scale(1.05);box-shadow:0 15px 35px #fd7e144d}.plan-card.featured:before{background:linear-gradient(135deg,#fd7e14,#ff6b35)}.featured-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fd7e14,#ff6b35);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.plan-header h3{font-size:2rem;font-weight:800;margin-bottom:1rem;color:#333}.plan-price{margin-bottom:2rem}.plan-price .currency{font-size:1.5rem;font-weight:600;color:#28a745}.plan-price .amount{font-size:3rem;font-weight:800;color:#28a745;margin:0 .5rem}.plan-price .period{font-size:1rem;color:#6c757d;font-weight:500}.plan-features{margin-bottom:2.5rem}.feature-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem 0}.check-icon{color:#28a745;font-size:1.2rem;font-weight:700}.btn-plan{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;width:100%}.btn-plan:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-2px);box-shadow:0 8px 25px #28a74566}.btn-featured{background:linear-gradient(135deg,#fd7e14,#ff6b35)}.btn-featured:hover{background:linear-gradient(135deg,#e55a00 0% 100%);box-shadow:0 8px 25px #fd7e1466}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(5px)}.registration-modal{background:#fff;border-radius:20px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.modal-header h2{font-size:1.8rem;font-weight:700;color:#28a745;margin:0}.btn-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#6c757d;transition:color .3s}.btn-close:hover{color:#dc3545}.registration-form{display:flex;flex-direction:column;gap:1.5rem;max-height:70vh;overflow-y:auto;padding-right:10px}.registration-form::-webkit-scrollbar{width:6px}.registration-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.registration-form::-webkit-scrollbar-thumb{background:#28a745;border-radius:3px}.registration-form::-webkit-scrollbar-thumb:hover{background:#20c997}.form-group label{font-weight:600;color:#333;font-size:1rem}.form-group input,.form-group select{padding:1rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:all .3s;background:#f8f9fa}.form-group input:focus,.form-group select:focus{outline:none;border-color:#28a745;background:#fff;box-shadow:0 0 0 3px #28a7451a}.selected-plan{padding:1rem;background:#e8f5e8;border:2px solid #28a745;border-radius:10px;font-weight:600;color:#28a745}.form-actions button{flex:1;padding:1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;border:none;font-size:1rem}.form-actions button:first-child{background:#6c757d;color:#fff}.form-actions button:last-child{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.form-actions button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;padding:1.5rem;margin:1rem 0}.form-section h4{color:#28a745;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef;display:flex;align-items:center;gap:.5rem}.form-section h4:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:2px}.landing-footer{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:3rem 0 1rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;font-weight:700}.footer-section p{margin-bottom:.5rem;opacity:.9;line-height:1.6}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);opacity:.8}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.javeli-spinner{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 10px 40px #28a74540;padding:15px;animation:javeli-pulse 2s ease-in-out infinite}.javeli-spinner-logo{width:100%;height:100%;object-fit:contain;animation:javeli-spin 1.5s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes javeli-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes javeli-pulse{0%,to{transform:scale(1);box-shadow:0 10px 40px #28a74540}50%{transform:scale(1.02);box-shadow:0 15px 50px #28a74559}}.loading-text{font-size:1.2rem;color:#28a745;font-weight:600;margin:0;animation:text-fade 1.5s ease-in-out infinite}@keyframes text-fade{0%,to{opacity:1}50%{opacity:.6}}.loading-progress{width:200px;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#28a745,#20c997,#28a745);border-radius:2px;animation:progress-slide 1.5s ease-in-out infinite}@keyframes progress-slide{0%{width:0%;margin-left:0%}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}@media(max-width:768px){.header-content{padding:1rem;flex-direction:column;gap:1rem;min-height:auto}.logo{justify-content:center}.logo h1{font-size:1.8rem}.logo p{font-size:.8rem;text-align:center}.header-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.header-nav a{font-size:.9rem;padding:.4rem .8rem}.btn-login{padding:.5rem 1.5rem;font-size:.9rem}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-content h1{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.plans-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.features-grid{grid-template-columns:1fr}.registration-modal{width:95%;margin:1rem}.form-actions{flex-direction:column}}@media(max-width:480px){.header-content{padding:0 .5rem}.logo h1{font-size:1.5rem}.logo p{font-size:.7rem}.header-nav{gap:.5rem}.header-nav a{font-size:.8rem;padding:.3rem .6rem}.btn-login{padding:.4rem 1rem;font-size:.8rem}}.main-interface{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;position:relative}.tenant-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#fff;box-shadow:0 2px 12px #764ba214;border-radius:0 0 18px 18px;flex-wrap:wrap;gap:1.2rem;min-height:80px;margin-bottom:.5rem}.tenant-header-left{display:flex;align-items:start;gap:1.2rem}.tenant-logo svg{display:block;border-radius:12px;box-shadow:0 2px 8px #764ba21a}.tenant-company h2{font-size:4rem;margin:0;font-weight:800;color:#764ba2;white-space:normal;overflow:visible;text-overflow:initial;max-width:350px;letter-spacing:.5px}.tenant-header-right{display:flex;align-items:center;gap:2rem}.tenant-user{display:flex;align-items:center;gap:.7rem;min-width:0}.tenant-user-name{font-weight:700;color:#333;font-size:1.1rem;white-space:normal;overflow:visible;text-overflow:initial;max-width:180px}.tenant-user-role{font-size:1rem;color:#764ba2;font-weight:600;white-space:normal;overflow:visible;text-overflow:initial;max-width:120px}.main-welcome{text-align:center;margin-bottom:1.2rem;margin-top:1.2rem;position:relative}.main-welcome h2{font-size:2.1rem;font-weight:800;margin-bottom:.2rem;color:#222}.main-welcome p{color:#5e3ea1;font-size:1.15rem;font-weight:500;margin:0;letter-spacing:.2px}.hero-section{padding:3rem 2rem;text-align:center;color:#fff}.hero-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:1.5rem}.hero-logo{width:80px;height:80px;border-radius:20px;box-shadow:0 8px 25px #0000004d;object-fit:cover}.brand-info h1{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.brand-info p{font-size:1.1rem;margin:.5rem 0 0;opacity:.9}.user-info{text-align:right}.user-details h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.user-details p{font-size:1rem;margin:.25rem 0;opacity:.9}.btn-logout{background:#fff3;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;font-weight:600;margin-top:1rem;transition:all .3s;background:#f44336;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.btn-logout:hover{background:#ffffff4d;transform:translateY(-2px);background:#d32f2f}.modules-section{width:100%;display:center;flex-direction:column;align-items:center;margin-top:.5rem;z-index:5;position:relative}.modules-header{text-align:center;margin-bottom:.5rem}.modules-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;width:100%;margin:0 auto;padding:1rem;box-sizing:border-box;overflow:hidden}.modules-grid::-webkit-scrollbar{height:6px}.modules-grid::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.modules-grid::-webkit-scrollbar-thumb{background:#764ba2;border-radius:3px}.module-card{min-width:320px;max-width:360px;flex:0 0 auto;margin:0;background:#fff;border-radius:14px;box-shadow:0 2px 12px #764ba21a;padding:1.2rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:box-shadow .2s,transform .2s;border:2px solid transparent}.module-card.accessible:hover{box-shadow:0 4px 20px #764ba22e;transform:translateY(-2px) scale(1.02);border-color:#764ba2}.module-card.restricted{opacity:.7;cursor:not-allowed}.module-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:.5rem;background:var(--module-color, #764ba2)}.module-info h3{font-size:1rem;font-weight:700;margin:0 0 .2rem;color:#764ba2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.module-info p{font-size:.9rem;color:#333;margin:0 0 .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.module-roles{font-size:.8rem;color:#888;margin-bottom:.2rem}.roles-list{display:flex;gap:.2rem;flex-wrap:wrap}.role-tag{background:#f3e9fa;color:#764ba2;border-radius:4px;padding:.1rem .3rem;font-size:.75rem;font-weight:600}.access-denied{display:flex;align-items:center;gap:.2rem;color:#f44336;font-size:.8rem;font-weight:600}.module-action{margin-top:auto;align-self:flex-end;font-size:1.1rem;color:#764ba2}.subscription-toggle-section{display:flex;flex-direction:column;align-items:center;margin:2rem 0 1rem}.btn-subscription-toggle{background:#764ba2;color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #764ba214;margin-bottom:.5rem;transition:background .2s}.btn-subscription-toggle:hover{background:#5e388e}.subscription-accordion{width:100%;max-width:600px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #764ba21a;padding:1.2rem 1.5rem;margin-top:.5rem;animation:fadeInAccordion .3s}@keyframes fadeInAccordion{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.subscription-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.subscription-row{display:flex;gap:.5rem;font-size:1rem;align-items:center;flex-wrap:wrap}.subscription-row .label{font-weight:600;color:#764ba2;min-width:70px}.subscription-row .value{color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.plan-limits{margin-bottom:1.5rem}.plan-limits h4{color:#764ba2;font-size:1.1rem;margin-bottom:.8rem}.limits-grid{display:flex;gap:1.5rem;flex-wrap:wrap}.limit-item{flex:1 1 120px;min-width:120px;max-width:180px;display:flex;flex-direction:column;gap:.2rem}.limit-label{font-size:.95rem;color:#764ba2;font-weight:600}.limit-value{font-size:.95rem;color:#333;font-weight:500}.limit-bar{background:#eee;border-radius:6px;height:8px;width:100%;margin-top:2px;overflow:hidden}.limit-progress{background:linear-gradient(90deg,#764ba2 60%,#667eea);height:100%;border-radius:6px;transition:width .3s}.plan-modules{margin-bottom:1.5rem}.plan-modules h4{color:#764ba2;font-size:1.1rem;margin-bottom:.8rem}.modules-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem}.module-status{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;font-size:.9rem;font-weight:500}.module-status.available{background:#e8f5e8;color:#2e7d32}.module-status.unavailable{background:#ffebee;color:#c62828}.module-status i{font-size:1rem}.subscription-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-change-plan{background:#2196f3;color:#fff;border:none;border-radius:6px;padding:.6rem 1rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.btn-change-plan:hover{background:#1976d2}.btn-contact-support{background:#ff9800;color:#fff;border:none;border-radius:6px;padding:.6rem 1rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.btn-contact-support:hover{background:#f57c00}.login-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-modal{background:#fff;border-radius:20px;padding:2rem;max-width:400px;width:90%;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.login-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.login-modal-header h3{margin:0;color:#333;font-size:1.5rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn:hover{background:#f8f9fa;color:#333}@media(max-width:1200px){.modules-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media(max-width:992px){.hero-section{padding:2rem 1rem}.brand-info h1{font-size:2rem}.welcome-text h2{font-size:1.8rem}.modules-section{padding:1rem}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.module-card{padding:2rem}}@media(max-width:768px){.hero-content{flex-direction:column;gap:2rem}.logo-section{flex-direction:column;text-align:center}.hero-logo{width:60px;height:60px}.brand-info h1{font-size:1.8rem}.brand-info p{font-size:1rem}.user-info{text-align:center}.user-details h3{font-size:1.3rem}.modules-header h2{font-size:2rem}.module-card{padding:1.5rem}.module-icon{width:80px;height:80px}.module-icon i{font-size:2rem}.module-info h3{font-size:1.5rem}.module-info p{font-size:1rem}.login-modal{margin:1rem}}@media(max-width:480px){.hero-section{padding:1.5rem 1rem}.brand-info h1,.welcome-text h2{font-size:1.5rem}.modules-section{padding:1rem .5rem}.module-card{padding:1.5rem}.module-icon{width:70px;height:70px}.module-icon i{font-size:1.8rem}.module-info h3{font-size:1.3rem}.module-action{width:40px;height:40px;top:1rem;right:1rem}.login-modal{margin:.5rem;padding:1.5rem}.login-modal-header h3{font-size:1.3rem}}@media(max-width:1100px){.tenant-header{flex-direction:column;align-items:flex-start;padding:1.2rem 1rem;gap:.7rem;margin-right:50px}.tenant-company h2{max-width:90vw;font-size:1.3rem}.tenant-user-name,.tenant-user-role{max-width:80vw;font-size:1rem}.modules-grid{gap:1.2rem}.module-card{min-width:220px;max-width:98vw;padding:1rem .7rem}}@media(max-width:700px){.tenant-header{flex-direction:column;align-items:stretch;padding:.7rem .3rem;gap:.5rem}.tenant-company h2{max-width:90vw;font-size:1.1rem}.tenant-user-name,.tenant-user-role{max-width:60vw;font-size:.95rem}.main-welcome{margin:.7rem 0 .3rem}.modules-section{margin:.3rem auto 0}.modules-grid{gap:.7rem}.module-card{min-width:170px;max-width:98vw;padding:.7rem .4rem}.module-info h3,.module-info p{font-size:.98rem}}.module-info h3,.module-info p{max-width:100%;white-space:normal;overflow:visible;text-overflow:initial;display:block}.header-left,.logo-section{display:flex;align-items:center;gap:1.2rem}.logo-section .logo{width:56px;height:56px;border-radius:12px;object-fit:cover;box-shadow:0 2px 8px #764ba21a;background:#fff;border:2px solid #764ba2}.brand-info h1{font-size:2rem;font-weight:800;margin:0;color:#764ba2;letter-spacing:.5px}.brand-info p{font-size:1.1rem;margin:.2rem 0 0;color:#5e3ea1;font-weight:500;opacity:.85}.brand-header-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #2d7a5f;background:linear-gradient(135deg,#43b97f,#2d7a5f,#1e5a47);border-radius:0 0 18px 18px;margin:0;box-shadow:0 4px 20px #43b97f4d;position:relative;overflow:hidden;padding:0 1rem;min-height:70px}.brand-header-row:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.brand-header-menu-row{flex:1;display:flex;justify-content:center;align-items:center;margin-left:auto}.brand-header-nav{display:flex;align-items:center;gap:1rem}.brand-header-nav a{color:#2528eb;text-decoration:none;font-weight:600;transition:all .3s;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.brand-header-nav a:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.brand-logo-section{display:flex;align-items:center;justify-content:flex-start;gap:0;margin-left:0;padding-left:0;border:none;box-shadow:none;box-sizing:border-box;border-radius:15px;margin-right:1rem;background:transparent;backdrop-filter:none;transition:all .3s ease}.brand-logo-section:hover{transform:translateY(-1px)}.logo-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:8px;padding:0;margin:0}.brand-logo{width:180px;height:50px;border-radius:8px;object-fit:contain;background:transparent;border:none;box-shadow:none;margin:0;padding:0;transition:all .3s ease}.brand-logo:hover{transform:scale(1.02)}.brand-title-info h1{font-size:2rem;font-weight:800;color:#fff;letter-spacing:1.5px;margin:0 0 0 10px}.brand-subtitle{font-size:1.1rem;margin:0 0 10px;color:#fff;font-weight:600;opacity:.9;text-align:left;position:relative;left:20px;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.brand-header-flex{display:flex;justify-content:space-between;align-items:center;width:100%}.brand-tenant-section{display:flex;align-items:center;gap:1.2rem;margin-left:auto;background:#ffffff1a;padding:8px 16px;border-radius:25px;border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a;transition:all .3s ease;margin-bottom:0}.brand-tenant-section{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:25px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);margin-left:auto;margin-right:1rem;transition:all .3s ease;transform:translate(-100px)}.brand-tenant-section:hover{background:#ffffff26;transform:translate(-100px) translateY(-1px);box-shadow:0 4px 15px #0000001a}.user-avatar-container{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.user-avatar-container:hover{transform:scale(1.05)}.brand-tenant-info{display:flex;flex-direction:column;align-items:flex-start;margin-right:.5rem}.brand-tenant-name{font-weight:600;color:#fff;font-size:.9rem;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.3px}.brand-tenant-role{font-size:.75rem;color:#fffc;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.2px}.brand-header-menu{width:100%;display:flex;justify-content:center;align-items:center;margin-top:.2rem;margin-bottom:.1rem}.btn-logout{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:15px;font-weight:500;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px;letter-spacing:.2px}.btn-logout:hover{background:#dc3545cc;border-color:#dc354599;transform:translateY(-1px);box-shadow:0 3px 8px #dc35454d}.btn-logout:active{transform:translateY(0);box-shadow:0 1px 4px #dc354533}.mobile-menu-toggle{display:none;cursor:pointer;padding:.5rem;background:#ffffff1a;border-radius:8px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.mobile-menu-toggle:hover{background:#fff3;transform:scale(1.05)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000}.mobile-menu-dropdown{position:absolute;top:100%;left:0;width:100%;background:linear-gradient(135deg,#43b97f,#2d7a5f,#1e5a47);z-index:1001;display:flex;flex-direction:column;align-items:center;padding:1rem 0;box-shadow:0 8px 25px #0003;border-radius:0 0 15px 15px;backdrop-filter:blur(10px)}.brand-header-menu-row.open{display:none}@media(max-width:1200px){.brand-logo{width:200px;height:70px}.brand-header-nav{gap:1rem}.brand-header-nav a{font-size:.8rem;padding:.4rem .8rem}.brand-subtitle{font-size:1rem;left:15px}}@media(max-width:900px){.brand-logo{width:150px;height:60px;padding:6px}.brand-logo-section{margin:4px;padding:4px}.brand-header-nav{gap:.5rem}.brand-header-nav a{font-size:.75rem;padding:.3rem .6rem;border-radius:15px;background:#ffffff1a}.brand-tenant-section{gap:.8rem;padding:6px 14px}.brand-tenant-name{font-size:1rem}.brand-tenant-role{font-size:.9rem}.btn-logout{font-size:.9rem;padding:6px 12px;border-radius:18px}}@media(max-width:768px){.mobile-menu-toggle{display:block;order:1}.brand-header-menu-row{display:none}.brand-header-menu-row.open{display:flex}.mobile-menu-overlay.open{display:block}.brand-header-row{flex-wrap:wrap;padding:8px 10px;gap:8px}.brand-logo{width:120px;height:50px;padding:4px}.brand-logo-section{margin:0;padding:4px;border-radius:12px}.brand-header-nav{gap:.3rem;min-width:max-content;flex-direction:column;width:100%}.brand-header-nav a{font-size:.9rem;padding:.5rem 1rem;white-space:nowrap;text-align:center;border-radius:15px;background:#ffffff1a;margin:2px 0}.brand-tenant-section{order:2;margin-left:0;gap:.8rem;margin-top:0;padding:6px 12px;border-radius:20px;flex:1;justify-content:center;transform:translate(-50px)}.user-avatar-container svg{width:30px;height:30px}.brand-tenant-name{font-size:1rem}.brand-tenant-role{font-size:.85rem}.btn-logout{font-size:.8rem;padding:6px 12px;border-radius:15px}.brand-subtitle{font-size:.9rem;left:10px}}.trial-status-banner{position:fixed;top:60px;left:38%;right:auto;transform:translate(-50%);z-index:1000;padding:12px 20px;font-size:14px;font-weight:500;border-bottom:2px solid;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;max-width:400px;width:60%;border-radius:0 0 8px 8px}.trial-content{display:flex;align-items:center;justify-content:space-between;width:100%}.trial-icon{font-size:20px;margin-right:12px}.trial-message{flex:1}.trial-details{font-size:12px;opacity:.8;margin-top:2px}.trial-upgrade-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #27ae604d}.trial-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #27ae6066}.trial-active{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-bottom-color:#c3e6cb}.trial-expiring_soon{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border-bottom-color:#ffeaa7}.trial-expired{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-bottom-color:#f5c6cb}.trial-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.trial-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.trial-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.trial-modal-header h3{margin:0;color:#333}.trial-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 .2s ease}.trial-modal-close:hover{background:#f8f9fa;color:#333}.trial-modal-body{padding:24px}.trial-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.trial-plan-card{border:2px solid #e9ecef;border-radius:8px;padding:20px;text-align:center;position:relative;transition:all .3s ease}.trial-plan-card:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.trial-plan-card.featured{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#007bff;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.trial-plan-card h4{margin:0 0 8px;color:#333;font-size:18px}.plan-price{font-size:24px;font-weight:700;color:#007bff;margin:12px 0}.trial-plan-card ul{list-style:none;padding:0;margin:16px 0;text-align:left}.trial-plan-card li{margin:8px 0;font-size:14px}.plan-select-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease}.plan-select-btn:hover{background:#0056b3;transform:translateY(-1px)}.plan-select-btn.featured{background:linear-gradient(135deg,#007bff,#0056b3)}.trial-modal-footer{border-top:1px solid #e9ecef;padding-top:20px;margin-top:20px}.trial-note{font-size:14px;color:#666;margin:0;text-align:center}.trial-status-loading{text-align:center;padding:20px;color:#666}@media(max-width:768px){.trial-status-banner{width:95%;padding:10px 15px;font-size:13px}.trial-content{flex-direction:column;gap:12px;text-align:center}.trial-plans{grid-template-columns:1fr}.trial-modal{width:95%;margin:20px}}.login-page-modern{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem;.login-split-container{display:flex;width:100%;max-width:1000px;min-height:650px;background-color:#fff;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;-webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,.15);-moz-box-shadow:0px 0px 5px 5px rgba(0,0,0,.15);box-shadow:0 0 5px 5px #00000026;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;box-sizing:border-box;border-radius:10px}}.login-branding-panel{flex:1;background:linear-gradient(to right,#198754,#20c997);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem;text-align:center}.login-business-icons{display:flex;justify-content:center;gap:1.2rem;margin-bottom:2rem;flex-wrap:wrap}.login-business-icons i{font-size:2rem;color:#fffc;background:#ffffff1a;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 10px #0000001a;cursor:pointer}.login-business-icons i:hover{color:#fff;background:#fff3;transform:scale(1.1) translateY(-5px);box-shadow:0 8px 20px #00000026}.login-sub-slogan{color:#00f}.login-slogan{color:#87ceeb}.login-business-icons i:nth-child(1){color:green}.login-business-icons i:nth-child(2){color:orange}.login-business-icons i:nth-child(3){color:red}.login-business-icons i:nth-child(4){color:brown}.login-business-icons i:nth-child(5){color:purple}.login-logo-container{width:80%;padding:1rem;border:3px solid #87CEEB;border-radius:12px;margin-bottom:2.5rem;background-color:transparent;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.login-logo-container:hover{box-shadow:0 0 25px #87ceeb80}.login-branding-logo{width:100%;max-width:280px;height:auto;margin-bottom:0}.login-slogan{font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.login-sub-slogan{font-size:1.1rem;opacity:.8}.login-form-panel{flex:1;display:flex;justify-content:center;align-items:center;padding:4rem}.login-card-modern{width:100%;max-width:400px}.login-card{background:#fffffff2;backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);animation:fadeInUp .6s ease-out}.login-form .form-control{border:2px solid #e9ecef;border-radius:12px;padding:12px 16px;font-size:16px;transition:all .3s ease;background:#ffffffe6}.login-form .form-control:focus{border-color:#198754;box-shadow:0 0 0 .2rem #19875440;background:#fff}.login-form .form-label{font-weight:600;color:#495057;margin-bottom:8px}.btn-success{background:linear-gradient(135deg,#198754,#20c997);border:none;border-radius:12px;padding:12px 24px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 15px #1987544d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #19875466;background:linear-gradient(135deg,#157347,#1ea085)}.btn-success:disabled{transform:none;box-shadow:0 4px 15px #19875433}.alert{border-radius:12px;border:none;font-weight:500}.alert-danger{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff}@media(max-width:576px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-form .form-control{font-size:16px}}.login-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026;transition:all .3s ease}.login-card img{transition:all .3s ease}.login-card:hover img{transform:scale(1.05)}.text-muted{font-size:14px;line-height:1.4}.spinner-border-sm{width:1rem;height:1rem}@media(max-width:480px){.login-header h1{font-size:24px}}.modern-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;position:relative;overflow:hidden;box-sizing:border-box}.modern-login-page:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;background-size:50px 50px;animation:float 20s infinite linear;pointer-events:none}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-50px)}}.modern-split-container{display:flex;width:100%;max-width:1400px;height:auto;max-height:calc(100vh - 2rem);background:#fffffff2;backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #00000040;overflow:hidden;position:relative;z-index:1;border:1px solid rgba(255,255,255,.2);animation:slideInModern .6s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInModern{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modern-branding-panel{flex:0 0 35%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden}.modern-form-panel{flex:1;display:flex;justify-content:center;align-items:center;padding:1.5rem;background:#f8fafccc;backdrop-filter:blur(10px)}.modern-branding-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 15s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-logo-container{width:70%;max-width:220px;padding:1rem;border:2px solid rgba(255,255,255,.3);border-radius:12px;margin-bottom:1.5rem;background:#ffffff1a;backdrop-filter:blur(10px);transition:all .4s ease;position:relative;z-index:1}.modern-logo-container:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003;border-color:#ffffff80}.modern-branding-logo{width:100%;height:auto;filter:brightness(1.1) contrast(1.1)}.modern-business-icons{display:flex;justify-content:center;gap:.4rem;margin-bottom:1.5rem;flex-wrap:wrap;position:relative;z-index:1}.modern-business-icons i{font-size:1.5rem;color:#fffc;background:#ffffff26;width:45px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;box-shadow:0 4px 12px #0000001a;cursor:pointer;position:relative;overflow:hidden}.modern-business-icons i:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.modern-business-icons i:hover:before{left:100%}.modern-business-icons i:hover{color:#fff;background:#ffffff40;transform:translateY(-8px) scale(1.1);box-shadow:0 15px 35px #0003}.modern-business-icons i:nth-child(1){color:#22c55e;background:#22c55e33}.modern-business-icons i:nth-child(2){color:#3b82f6;background:#3b82f633}.modern-business-icons i:nth-child(3){color:#ef4444;background:#ef444433}.modern-business-icons i:nth-child(4){color:#8b5cf6;background:#8b5cf633}.modern-business-icons i:nth-child(5){color:#ec4899;background:#ec489933}.modern-business-icons i:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#ffffff1a;border-radius:inherit;z-index:-1}.modern-business-icons{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:.8rem!important;margin-bottom:1.5rem!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important}.modern-business-icons i{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:100!important;font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome,sans-serif!important;font-weight:900!important;font-style:normal!important;font-variant:normal!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-size:1.5rem!important;width:45px!important;height:45px!important;border:2px solid rgba(255,255,255,.8)!important;border-radius:12px!important;background:#ffffffe6!important;box-shadow:0 4px 12px #0003!important;transition:all .4s ease!important;cursor:pointer!important}.login-business-icons{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0;padding:1rem}.login-business-icons i{font-size:2.5rem;color:#fff;opacity:.8;transition:all .3s ease;cursor:pointer}.login-business-icons i:hover{opacity:1;transform:translateY(-3px);filter:drop-shadow(0 5px 15px rgba(255,255,255,.3))}.login-business-icons i:nth-child(1):hover{color:#ff6b35}.login-business-icons i:nth-child(2):hover{color:#f39c12}.login-business-icons i:nth-child(3):hover{color:#e74c3c}.login-business-icons i:nth-child(4):hover{color:#9b59b6}.login-business-icons i:nth-child(5):hover{color:#e91e63}@media(max-width:768px){.login-business-icons{gap:1rem;padding:.5rem}.login-business-icons i{font-size:2rem}}@media(max-width:480px){.login-business-icons{gap:.8rem;padding:.3rem}.login-business-icons i{font-size:1.5rem}}.modern-slogan{font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;text-shadow:0 4px 8px rgba(0,0,0,.1)}.modern-sub-slogan{font-size:1rem;opacity:.9;font-weight:300;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.modern-form-panel{flex:0 0 60%;display:flex;justify-content:center;align-items:center;padding:1.5rem;background:#f8fafccc;backdrop-filter:blur(10px)}.modern-card-container{width:100%;max-width:420px;background:#fffffff2;backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.3);animation:fadeInUp .5s ease-out .1s both}.modern-card-header{text-align:center;margin-bottom:.75rem}.modern-card-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.15rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-subtitle{color:#6b7280;font-size:.8rem;font-weight:400}.modern-login-form{display:flex;flex-direction:column;gap:.75rem}.modern-alert{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;padding:1rem;font-weight:500;box-shadow:0 4px 12px #ef44444d}.modern-input-wrapper{position:relative;width:100%}.modern-input-container{position:relative;display:flex;align-items:center}.modern-input-icon{position:absolute;left:1rem;color:#9ca3af;font-size:1.1rem;z-index:2;transition:all .3s ease}.modern-input-field{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;background:#ffffffe6;backdrop-filter:blur(10px);transition:all .3s ease;outline:none;font-weight:500}.modern-input-field:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff;transform:translateY(-2px)}.modern-input-field:focus+.modern-input-icon,.modern-input-container:focus-within .modern-input-icon{color:#667eea;transform:scale(1.1)}.modern-input-field::placeholder{color:#9ca3af;font-weight:400}.modern-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 6px 15px #667eea4d;cursor:pointer;position:relative;overflow:hidden;margin-top:.5rem}.modern-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.modern-submit-btn:hover:before{left:100%}.modern-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.modern-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.modern-help-text{text-align:center;margin-top:.75rem;color:#6b7280;font-size:.8rem;font-weight:400}.modern-nav-link{text-align:center;margin-top:.75rem}.modern-link{color:#667eea;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:8px}.modern-link:hover{color:#5a67d8;background:#667eea1a;transform:translateY(-2px)}.modern-login-container{width:100%;max-width:400px;margin:0 auto}.modern-login-form-modal{display:flex;flex-direction:column;gap:1.5rem}.modern-login-form-modal .modern-input-field{padding:.875rem 1rem .875rem 3rem;font-size:.95rem}.modern-login-form-modal .modern-submit-btn{padding:.875rem 1.5rem;font-size:1rem}@media(max-width:992px){.modern-split-container{flex-direction:column;min-height:auto;max-width:500px}.modern-branding-panel{padding:1.5rem 1rem;min-height:auto}.modern-form-panel{padding:1.5rem 1rem}.modern-business-icons{gap:.6rem;margin-bottom:1rem}.modern-card-container{padding:1.25rem}}@media(max-width:768px){.modern-login-page{padding:.5rem}.modern-card-container{padding:1rem}.modern-input-field{font-size:16px}.modern-business-icons i{font-size:1.3rem;width:38px;height:38px}.modern-slogan{font-size:1.5rem}}@media(max-width:480px){.modern-card-container{padding:.75rem}.modern-input-field{padding:.6rem .6rem .6rem 2.2rem}.modern-input-icon{left:.75rem;font-size:.9rem}.modern-submit-btn{padding:.6rem 1rem;font-size:.9rem}.modern-business-icons i{font-size:1.1rem;width:32px;height:32px}.modern-slogan{font-size:1.25rem}}.btn-link{color:#198754;font-weight:600;text-decoration:none}@media(max-width:992px){.login-split-container{flex-direction:column;min-height:auto;max-width:500px}.login-branding-panel{padding:3rem 2rem;min-height:300px}.login-form-panel{padding:3rem 2rem}.login-business-icons{gap:1rem;margin-bottom:2rem}}@media(max-width:768px){.login-card{padding:2rem}.login-form-modal .form-control,.login-form .form-control{font-size:.9rem;padding:.6rem .8rem}.login-form-modal .btn,.login-form .btn{font-size:.9rem;padding:.6rem 1rem}}@media(max-width:480px){.login-page-modern{padding:1rem}.login-card{padding:1.5rem}.login-form-modal .form-control,.login-form .form-control{font-size:.8rem;padding:.5rem .7rem}.login-form-modal .btn,.login-form .btn{font-size:.8rem;padding:.5rem .8rem}.login-business-icons i{font-size:1.5rem;width:50px;height:50px}}.access-type-selector{margin:.75rem 0;width:100%}.access-type-label{display:flex;align-items:center;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.5rem}.access-type-label i{color:#667eea}.access-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.access-option-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:.6rem .5rem;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#fffc}.access-option-card:hover{border-color:var(--option-color, #667eea);background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.access-option-card.selected{border-color:var(--option-color, #667eea);background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 4px 15px #667eea33}.access-option-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.35rem;background:linear-gradient(135deg,var(--option-color, #667eea) 0%,var(--option-color, #764ba2) 100%);color:#fff;font-size:1rem;box-shadow:0 3px 8px #00000026;transition:all .3s ease}.access-option-card:hover .access-option-icon,.access-option-card.selected .access-option-icon{transform:scale(1.1);box-shadow:0 6px 15px #0003}.access-option-info{text-align:center}.access-option-name{display:block;font-size:.75rem;font-weight:600;color:#1f2937;margin-bottom:.1rem}.access-option-desc{display:block;font-size:.65rem;color:#6b7280;line-height:1.1}.access-option-check{position:absolute;top:4px;right:4px;color:var(--option-color, #667eea);font-size:.8rem;animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media(max-width:768px){.access-options-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.access-option-card{padding:.5rem}.access-option-icon{width:32px;height:32px;font-size:.9rem}.access-option-name{font-size:.7rem}.access-option-desc{font-size:.6rem}}@media(max-width:480px){.access-options-grid{grid-template-columns:repeat(2,1fr);gap:.35rem}.access-option-card{flex-direction:column;padding:.5rem .4rem;gap:.25rem}.access-option-icon{width:30px;height:30px;margin-bottom:.2rem;font-size:.85rem}.access-option-info{text-align:center}.access-option-name{font-size:.65rem}.access-option-desc{font-size:.55rem}}.unidad-medida-modal .modal-content{border:none;border-radius:15px;box-shadow:0 10px 30px #0000004d;padding:10px;margin-left:20px;margin-bottom:0;margin-top:0;max-width:1600px}.unidad-medida-modal .modal-header{border-radius:15px 15px 0 0;border-bottom:2px solid rgba(255,255,255,.2)}.unidad-medida-modal .modal-title{font-weight:600;font-size:1.1rem}.unidad-medida-modal .producto-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;padding:0;border-left:4px solid #007bff}.unidad-medida-modal .form-label{font-weight:600;color:#495057;margin-bottom:8px;margin-top:0}.unidad-medida-modal .form-select,.unidad-medida-modal .form-control{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.unidad-medida-modal .form-select:focus,.unidad-medida-modal .form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.unidad-medida-modal .precio-calculado{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:2px solid #bee5eb;border-radius:10px;padding:20px}.unidad-medida-modal .precio-calculado h6{color:#0c5460;font-weight:600;margin-bottom:8px}.unidad-medida-modal .text-primary{color:#007bff!important}.unidad-medida-modal .text-success{color:#28a745!important}.unidad-medida-modal .btn{border-radius:8px;font-weight:600;padding:10px;transition:all .3s ease;display:flex}.unidad-medida-modal .btn:disabled{opacity:.6;transform:none!important;box-shadow:none!important}.unidad-medida-modal .spinner-border{width:2rem;height:2rem}.unidad-medida-modal .alert{border-radius:8px;border:none}.unidad-medida-modal .alert-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border-left:4px solid #ffc107}.unidad-medida-modal .alert-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;border-left:4px solid #17a2b8}.unidad-medida-modal .alert-sm{padding:.5rem;font-size:.875rem}.unidad-medida-modal .spinner-border-sm{width:1rem;height:1rem}.unidad-medida-modal .form-control.form-control-lg{font-size:1.1rem;font-weight:600;text-align:center;border:2px solid #007bff;border-radius:8px;transition:all .3s ease;background:linear-gradient(135deg,#f8f9ff,#fff)}.unidad-medida-modal .form-control.form-control-lg:focus{border-color:#0056b3;box-shadow:0 0 0 .3rem #007bff40;background:linear-gradient(135deg,#e6f3ff,#fff);transform:scale(1.02)}.unidad-medida-modal .form-control.form-control-lg::selection{background:#007bff;color:#fff}.unidad-medida-modal .form-control.form-control-lg{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.unidad-medida-modal .modal-dialog{margin:10px}.unidad-medida-modal .modal-body,.unidad-medida-modal .precio-calculado{padding:15px}.unidad-medida-modal .h4{font-size:1.5rem}.unidad-medida-modal .form-control.form-control-lg{font-size:1rem}}.unidad-medida-modal .unidades-checkboxes{max-height:200px;overflow-y:auto;border:1px solid #e9ecef;border-radius:8px;padding:10px;background:#f8f9fa}.unidad-medida-modal .unidad-checkbox{margin-bottom:8px;padding:8px 12px;border-radius:6px;transition:all .2s ease;border:1px solid transparent}.unidad-medida-modal .unidad-checkbox:hover{background:#e9ecef;border-color:#dee2e6}.unidad-medida-modal .unidad-checkbox:last-child{margin-bottom:0}.unidad-medida-modal .unidad-checkbox-compact{margin-bottom:4px;padding:6px 8px;border-radius:6px;transition:all .2s ease;border:1px solid transparent;background:#f8f9fa}.unidad-medida-modal .unidad-checkbox-compact:hover{background:#e9ecef;border-color:#dee2e6}.unidad-medida-modal .unidad-checkbox-compact.selected{background:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 4px #2196f333}.unidad-medida-modal .unidad-checkbox-compact .form-check-label{font-size:.85rem;margin-bottom:0;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center}.unidad-medida-modal .unidad-checkbox-compact .form-check-input{margin-right:6px;margin-top:0}.unidad-medida-modal .alert-light{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;color:#495057}.unidad-medida-modal .alert-light .text-success{color:#28a745!important;font-size:1.3rem}.unidad-medida-modal .alert-light .text-primary{color:#007bff!important;font-size:1.1rem}.unidad-medida-modal .alert-light .text-info{color:#17a2b8!important;font-size:1.1rem}.unidad-medida-modal .alert-light .text-muted{color:#6c757d!important;font-size:.75rem;font-weight:500}.unidad-medida-modal .modal-sm{max-width:500px}.unidad-medida-modal .modal-body{padding:1.5rem}.unidad-medida-modal .modal-header{padding:.75rem 1rem}.unidad-medida-modal .modal-footer{padding:1rem;justify-content:space-between;align-items:center}.unidad-medida-modal .modal-footer .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:.5rem .25rem;flex-shrink:0;height:40px}.unidad-medida-modal .modal-footer .btn:first-child{margin-left:0}.unidad-medida-modal .modal-footer .btn:last-child{margin-right:0}.unidad-medida-modal .modal-footer{display:flex;flex-wrap:nowrap}@media(max-width:576px){.unidad-medida-modal .modal-sm{max-width:95vw;margin:10px}.unidad-medida-modal .col-4{padding:0 5px}.unidad-medida-modal .alert-light .text-success,.unidad-medida-modal .alert-light .text-primary,.unidad-medida-modal .alert-light .text-info{font-size:1rem}}.unidad-medida-modal .form-check-input[type=radio]{width:18px;height:18px;margin-top:2px;border:2px solid #007bff;cursor:pointer}.unidad-medida-modal .form-check-input[type=radio]:checked{background-color:#007bff;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.unidad-medida-modal .form-check-input[type=radio]:focus{box-shadow:0 0 0 .2rem #007bff40}.unidad-medida-modal .form-check-label{cursor:pointer;padding-left:8px;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;width:100%}.unidad-medida-modal .form-check-label .badge{font-size:.7rem;padding:4px 8px}.unidad-medida-modal .form-check-label .badge.bg-success{background-color:#28a745!important}.unidad-medida-modal .form-check-label .badge.bg-primary{background-color:#007bff!important}.unidad-medida-modal .unidad-checkbox .form-check-label.fw-bold{color:#28a745;font-weight:700!important}.unidad-medida-modal .unidades-checkboxes::-webkit-scrollbar{width:6px}.unidad-medida-modal .unidades-checkboxes::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.unidad-medida-modal .unidades-checkboxes::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.unidad-medida-modal .unidades-checkboxes::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.voucher-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.voucher-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:400px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.voucher-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;position:relative}.voucher-header h3{margin:0;font-size:16px;font-weight:600}.tecla-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:10}.tecla-indicator .badge{font-size:11px;padding:4px 8px;animation:teclaPulse .5s ease-in-out}@keyframes teclaPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.voucher-buttons{display:flex;gap:10px}.voucher-buttons .btn{padding:6px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.voucher-buttons .btn-primary{background-color:#28a745;color:#fff}.voucher-buttons .btn-primary:hover{background-color:#218838}.voucher-buttons .btn-secondary{background-color:#6c757d;color:#fff}.voucher-buttons .btn-secondary:hover{background-color:#5a6268}.voucher-content{padding:20px;overflow-y:auto;max-height:calc(90vh - 80px);font-family:Courier New,monospace;font-size:12px;line-height:1.4;background:#fff}.voucher-section{margin-bottom:15px}.voucher-section.header{text-align:center;border-bottom:2px solid #333;padding-bottom:10px;margin-bottom:15px}.empresa-nombre{font-size:14px;font-weight:700;margin-bottom:5px;color:#333}.empresa-info{font-size:10px;color:#666;margin-bottom:2px}.factura-info{text-align:center;background:#f8f9fa;padding:10px;border-radius:4px;margin:15px 0}.factura-tipo{font-size:12px;font-weight:700;color:#333;margin-bottom:5px}.factura-numero{font-size:14px;font-weight:700;color:#007bff;margin-bottom:5px}.factura-fecha,.factura-cajero{font-size:10px;color:#666;margin-bottom:2px}.resolucion-info{background:#e9ecef;padding:8px;border-radius:4px;margin:10px 0}.resolucion{font-size:9px;color:#666;margin-bottom:2px}.items{margin:15px 0}.items-header{display:grid;grid-template-columns:.8fr 2fr 1fr 1fr;gap:5px;font-weight:700;font-size:10px;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:8px}.item{display:grid;grid-template-columns:.8fr 2fr 1fr 1fr;gap:5px;margin-bottom:8px;padding-bottom:5px;border-bottom:1px dotted #eee;align-items:start}.item-cantidad{font-weight:700;font-size:11px;color:#333;text-align:center}.item-descripcion{font-weight:700;font-size:11px;color:#333;margin-bottom:2px}.item-detalle{font-size:9px;color:#666;margin-bottom:2px}.item-precio{font-size:10px;color:#666;text-align:right}.item-subtotal{font-size:9px;color:#666;margin-bottom:2px;text-align:right}.item-total{font-weight:700;font-size:11px;color:#333;text-align:right}.totales{background:#f8f9fa;padding:10px;border-radius:4px;margin:15px 0}.total-line{display:flex;justify-content:space-between;margin-bottom:3px;font-size:11px}.total-final{font-weight:700;font-size:13px;border-top:1px solid #333;padding-top:5px;margin-top:5px}.pago-info{background:#e3f2fd;padding:10px;border-radius:4px;margin:15px 0}.pago-line{display:flex;justify-content:space-between;margin-bottom:3px;font-size:11px}.estado-aprobado{color:#28a745;font-weight:700}.estado-pendiente{color:#ffc107;font-weight:700}.estado-rechazado{color:#dc3545;font-weight:700}.estado-cancelado{color:#6c757d;font-weight:700}.resumen-venta{background:#fff3cd;padding:8px;border-radius:4px;margin:10px 0}.resumen-line{display:flex;justify-content:space-between;margin-bottom:2px;font-size:10px;font-weight:700}.info-adicional{background:#f5f5f5;padding:8px;border-radius:4px;margin:10px 0}.info-line{display:flex;justify-content:space-between;margin-bottom:2px;font-size:10px}.qr-code{text-align:center;margin:15px 0}.qr-placeholder{width:80px;height:80px;border:2px solid #333;margin:0 auto 5px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#666;background:#f8f9fa}.qr-text{font-size:9px;color:#666}.footer{text-align:center;margin-top:20px;padding-top:15px;border-top:2px solid #333}.footer-text{font-size:10px;color:#666;margin-bottom:3px}@media(max-width:480px){.voucher-container{width:95%;max-height:95vh}.voucher-content{padding:15px;font-size:11px}.empresa-nombre,.factura-numero{font-size:13px}}@media print{.voucher-overlay{position:static;background:none}.voucher-container{box-shadow:none;max-width:none;width:80mm;margin:0 auto}.voucher-header{display:none}.voucher-content{padding:5mm;max-height:none;overflow:visible}.empresa-nombre{font-size:12px}.empresa-info{font-size:8px}.factura-tipo{font-size:10px}.factura-numero{font-size:12px}.factura-fecha,.factura-cajero{font-size:8px}.resolucion{font-size:7px}.item-descripcion{font-size:9px}.item-detalle{font-size:7px}.item-total,.total-line{font-size:9px}.total-final{font-size:11px}.pago-line{font-size:9px}.info-line{font-size:8px}.qr-placeholder{width:60px;height:60px;font-size:6px}.qr-text{font-size:7px}.footer-text{font-size:8px}}.config-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:8px;padding:15px;margin-bottom:20px;text-align:center}.warning-message{color:#856404;font-size:11px;line-height:1.4;font-family:Courier New,monospace}.warning-message strong{color:#856404;font-weight:700}@media print{.config-warning{background:#fff3cd!important;border:1px solid #ffc107!important;margin-bottom:15px}.warning-message{color:#856404!important;font-size:9px}}.barcode-scanner-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1050;padding:10px}.scanner-container{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column}.scanner-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-bottom:2px solid #004085}.scanner-header h4{margin:0;font-size:1.1rem;font-weight:600}.scanner-header .btn{color:#fff;border-color:#ffffff4d;min-width:40px;min-height:40px}.scanner-header .btn:hover{background-color:#ffffff1a;border-color:#ffffff80}.camera-selector{padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.camera-selector .form-label{font-weight:600;margin-bottom:8px;font-size:.9rem}.scanner-video-container{position:relative;flex:1;min-height:300px;max-height:400px;background-color:#000;overflow:hidden}.scanner-video{width:100%;height:100%;object-fit:cover;border:none}.scanner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.scanner-frame{position:relative;width:250px;height:150px;border:2px solid transparent;background:linear-gradient(45deg,#0f0,#0f0) padding-box,linear-gradient(45deg,#0f0,#0080ff) border-box;border-radius:12px;animation:pulse-frame 2s ease-in-out infinite}@keyframes pulse-frame{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.02);opacity:1}}.scanner-corner{position:absolute;width:20px;height:20px;border:3px solid #00ff00;border-radius:3px}.scanner-corner-tl{top:-3px;left:-3px;border-right:none;border-bottom:none;border-top-left-radius:8px}.scanner-corner-tr{top:-3px;right:-3px;border-left:none;border-bottom:none;border-top-right-radius:8px}.scanner-corner-bl{bottom:-3px;left:-3px;border-right:none;border-top:none;border-bottom-left-radius:8px}.scanner-corner-br{bottom:-3px;right:-3px;border-left:none;border-top:none;border-bottom-right-radius:8px}.scanner-instructions{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;text-align:center;white-space:nowrap}.scanning-text{animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.8}50%{opacity:1}}.scanner-controls{padding:20px;background-color:#f8f9fa;display:flex;gap:10px;justify-content:center;border-top:1px solid #e9ecef}.scanner-controls .btn{min-height:50px;font-weight:600;border-radius:8px;flex:1;max-width:150px;touch-action:manipulation}.scanner-controls .btn-primary{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745}.scanner-controls .btn-primary:hover{background:linear-gradient(135deg,#218838,#1bb584);transform:translateY(-1px)}.scanner-controls .btn-warning{background:linear-gradient(135deg,#ffc107,#fd7e14);border-color:#ffc107;color:#212529}.scanner-controls .btn-warning:hover{background:linear-gradient(135deg,#e0a800,#e8690b);transform:translateY(-1px)}.scanner-controls .btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);border-color:#6c757d}.scanner-controls .btn-secondary:hover{background:linear-gradient(135deg,#5a6268,#3d4146);transform:translateY(-1px)}.scanner-error{padding:20px;background-color:#f8f9fa}.scanner-error .fa-exclamation-triangle{color:#ffc107}.scanner-info{padding:10px 20px;background-color:#e9ecef;text-align:center;border-top:1px solid #dee2e6}.scanner-info .fa-info-circle{color:#17a2b8}@media(max-width:768px){.barcode-scanner-modal{padding:5px}.scanner-container{max-width:100%;max-height:95vh;border-radius:8px}.scanner-header h4{font-size:1rem}.scanner-frame{width:200px;height:120px}.scanner-controls{padding:15px;flex-direction:column}.scanner-controls .btn{max-width:none;margin-bottom:5px}.scanner-instructions{font-size:.8rem;padding:6px 12px}}@media(max-width:480px){.scanner-frame{width:180px;height:100px}.scanner-corner{width:15px;height:15px}.camera-selector,.scanner-controls,.scanner-info{padding:10px 15px}}.scanner-controls .btn:active{transform:translateY(0) scale(.98);transition:transform .1s ease}@media(orientation:landscape)and (max-height:500px){.scanner-video-container{min-height:200px;max-height:250px}.scanner-frame{width:160px;height:80px}}.scanner-loading{position:absolute;top:10px;right:10px;background-color:#007bffe6;color:#fff;padding:5px 10px;border-radius:15px;font-size:.8rem;display:flex;align-items:center;gap:5px}.scanner-loading i{animation:spin 1s linear infinite}.product-selection-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.product-selection-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.modal-header h4{margin:0;font-weight:600}.btn-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.btn-close:hover{background:#fff3}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.search-section .input-group{box-shadow:0 2px 8px #0000001a;border-radius:8px}.search-section .form-control{border:none;padding:.75rem 1rem;font-size:1rem}.search-section .form-control:focus{box-shadow:none;border-color:#28a745}.categories-section{border-bottom:1px solid #e9ecef;padding-bottom:1rem}.products-list{margin-top:1rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;max-height:500px;overflow-y:auto}.product-item{border:2px solid #e9ecef;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;position:relative;background:#fff;display:flex;align-items:center;gap:.75rem}.product-item:hover{border-color:#28a745;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.product-item.selected{border-color:#007bff;background:#f8f9ff;box-shadow:0 0 0 3px #007bff1a}.product-item.disabled{opacity:.6;cursor:not-allowed;background:#f8f9fa}.product-item.disabled:hover{transform:none;box-shadow:none}.product-image{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:6px;flex-shrink:0}.product-info{flex:1;min-width:0}.product-name{font-weight:600;color:#2c3e50;margin-bottom:.2rem;font-size:.9rem;line-height:1.1}.product-code{color:#6c757d;font-size:.75rem;margin-bottom:.2rem}.product-price{font-weight:700;color:#28a745;font-size:1rem;margin-bottom:.2rem}.product-stock{margin-top:.3rem}.selection-indicator{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#007bff;font-size:1rem;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.product-item.product-low-stock{border-color:#ffc107;background:#fffbf0}.product-item.product-no-stock{border-color:#dc3545;background:#fff5f5}.modal-footer{background:#f8f9fa;padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.keyboard-help{display:flex;align-items:center}.product-count{text-align:right}.products-grid::-webkit-scrollbar{width:8px}.products-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.products-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.products-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.product-selection-modal{margin:10px;max-height:90vh}.products-grid{grid-template-columns:1fr}.product-item{flex-direction:column;text-align:center;gap:.5rem}.product-image{width:80px;height:80px}.modal-footer{flex-direction:column;gap:.5rem;text-align:center}}.product-selection-modal{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.nequi-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(5px)}.nequi-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:nequiModalSlideIn .3s ease-out}@keyframes nequiModalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.nequi-modal-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.nequi-modal-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.nequi-modal-title{display:flex;align-items:center;gap:1rem;z-index:1;position:relative}.nequi-icon{background:#fff3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.nequi-modal-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);z-index:1;position:relative}.nequi-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.nequi-modal-close:disabled{opacity:.5;cursor:not-allowed}.nequi-modal-body{padding:2rem;max-height:60vh;overflow-y:auto}.nequi-step{animation:fadeIn .3s ease-in}.payment-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:1.5rem;border:2px solid #e9ecef}.payment-details{display:flex;flex-direction:column;gap:1rem}.payment-amount,.payment-reference{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:10px;border:1px solid #dee2e6}.amount-label,.reference-label{font-weight:600;color:#6c757d}.amount-value{font-size:1.25rem;font-weight:700;color:#28a745}.reference-value{font-family:Courier New,monospace;font-weight:600;color:#495057;background:#f8f9fa;padding:.25rem .5rem;border-radius:5px}.form-group{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;font-weight:600;color:#495057;margin-bottom:.5rem}.form-control{border:2px solid #e9ecef;border-radius:10px;padding:.75rem 1rem;font-size:1rem;transition:all .2s ease;background:#f8f9fa}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;background:#fff;outline:none}.form-control.is-invalid{border-color:#dc3545;background:#fff5f5}.form-text{font-size:.875rem;color:#6c757d;margin-top:.25rem}.nequi-modal-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.nequi-modal-actions .btn{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;transition:all .2s ease;border:none;min-width:120px}.nequi-modal-actions .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.btn-outline-info{background:transparent;color:#17a2b8;border:2px solid #17a2b8}.btn-outline-info:hover{background:#17a2b8;color:#fff}.processing-animation{text-align:center}.nequi-logo{margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.progress{height:8px;border-radius:10px;background:#e9ecef;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:10px}.success-result,.error-result{text-align:center}.success-icon,.error-icon{margin-bottom:1.5rem;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.payment-result-details{background:#f8f9fa;border-radius:15px;padding:1.5rem;margin:1.5rem 0}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #dee2e6}.result-item:last-child{border-bottom:none}.result-label{font-weight:600;color:#6c757d}.result-value{font-weight:600;color:#495057;font-family:Courier New,monospace}.alert{border-radius:10px;border:none;padding:1rem;margin:1rem 0}.alert-info{background:#17a2b81a;color:#0c5460;border-left:4px solid #17a2b8}.alert-danger{background:#dc35451a;color:#721c24;border-left:4px solid #dc3545}.nequi-modal-footer{background:#f8f9fa;padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.nequi-info{color:#6c757d}.nequi-steps{display:flex;gap:1rem}.step{display:flex;flex-direction:column;align-items:center;gap:.25rem;opacity:.5;transition:all .3s ease}.step.active{opacity:1}.step-number{width:30px;height:30px;border-radius:50%;background:#6c757d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.step.active .step-number{background:#007bff;transform:scale(1.1)}.step-label{font-size:.75rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.step.active .step-label{color:#007bff}@media(max-width:576px){.nequi-modal{width:95%;margin:1rem}.nequi-modal-header{padding:1rem}.nequi-modal-body{padding:1.5rem}.nequi-modal-actions{flex-direction:column}.nequi-modal-actions .btn{width:100%}.nequi-modal-footer{flex-direction:column;gap:1rem;text-align:center}.nequi-steps{justify-content:center}}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.nequi-modal{transition:all .3s ease}.nequi-modal:hover{transform:translateY(-2px);box-shadow:0 25px 70px #00000059}.nequi-modal-body::-webkit-scrollbar{width:6px}.nequi-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.nequi-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.nequi-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.multiple-payment-modal{background:#0009;z-index:1050}.multiple-payment-modal .modal-dialog{max-width:1100px;width:98vw}.multiple-payment-modal .modal-content{border:none;border-radius:15px;box-shadow:0 10px 30px #0000004d}.multiple-payment-modal .modal-header{border-radius:15px 15px 0 0;background:linear-gradient(135deg,#667eea,#764ba2)!important;margin-bottom:0!important}.multiple-payment-modal .modal-title{font-weight:600;font-size:1.2rem}.multiple-payment-modal .alert-info{background:linear-gradient(135deg,#0dcaf01a,#0dcaf00d);border:1px solid rgba(13,202,240,.2);border-radius:10px}.multiple-payment-modal .alert-warning{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:1px solid rgba(255,193,7,.2);border-radius:10px}.multiple-payment-modal .card{border:none;border-radius:10px;box-shadow:0 2px 10px #0000001a}.multiple-payment-modal .card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;border-radius:10px 10px 0 0;font-weight:600}.multiple-payment-modal .form-control,.multiple-payment-modal .form-select{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.multiple-payment-modal .form-control:focus,.multiple-payment-modal .form-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.multiple-payment-modal .btn{border-radius:8px;font-weight:500;transition:all .3s ease}.multiple-payment-modal .btn-success{background:linear-gradient(135deg,#28a745,#20c997);border:none}.multiple-payment-modal .btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.multiple-payment-modal .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.multiple-payment-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.multiple-payment-modal .btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);border:none}.multiple-payment-modal .btn-outline-danger{border-radius:6px;transition:all .3s ease}.multiple-payment-modal .table-responsive{max-height:300px;overflow-y:auto}.multiple-payment-modal .table-responsive::-webkit-scrollbar{width:8px}.multiple-payment-modal .table-responsive::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.multiple-payment-modal .table-responsive::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;border-color:#dc3545;border-style:solid}.multiple-payment-modal .table-responsive::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.multiple-payment-modal .table-responsive{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.multiple-payment-modal .table{margin-bottom:0}.multiple-payment-modal .table th{position:sticky;top:0;background:#0a0a0a;z-index:1;border-bottom:2px solid #3cdd3c;text-align:center}.multiple-payment-modal .table td{vertical-align:middle;text-align:center}.multiple-payment-modal .table tr{position:sticky;top:0;margin-left:2px}.multiple-payment-modal .badge{font-size:.8rem;padding:.5rem .75rem;border-radius:20px}.multiple-payment-modal .text-primary{color:#667eea!important}.multiple-payment-modal .text-success{color:#28a745!important}.multiple-payment-modal .text-warning{color:#ffc107!important}.multiple-payment-modal .text-danger{color:#dc3545!important}.multiple-payment-modal .h4{font-weight:700;margin-bottom:0}.multiple-payment-modal .modal-footer{border-top:1px solid #dee2e6;background:#f8f9fa;border-radius:0 0 15px 15px}@media(max-width:768px){.multiple-payment-modal .modal-dialog{margin:1rem;max-width:calc(100% - 2rem)}.multiple-payment-modal .row.g-3>.col-md-2{margin-top:1rem}.multiple-payment-modal .alert-info .row{flex-direction:column}.multiple-payment-modal .alert-info .col-md-4{margin-bottom:1rem}}.multiple-payment-modal .table tbody tr{animation:fadeInUp .3s ease-out}.multiple-payment-modal .table tbody tr:hover{background-color:#667eea0d;transform:translate(5px);transition:all .3s ease}.multiple-payment-modal .form-control:focus,.multiple-payment-modal .form-select:focus{transform:translateY(-1px);box-shadow:0 4px 15px #667eea33}.multiple-payment-modal .spinner-border{width:1rem;height:1rem}.multiple-payment-modal .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.multiple-payment-modal .alert-success{animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.multiple-payment-modal .btn-pulse{animation:pulse 1.5s infinite;box-shadow:0 0 #28a745b3}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #28a745b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #28a74500}to{transform:scale(1);box-shadow:0 0 #28a74500}}:root{--color-primary: #007bff;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-dark: #343a40;--color-light-gray: #f8f9fa;--color-mid-gray: #e9ecef;--color-text: #495057;--color-text-muted: #6c757d;--color-white: #ffffff;--gradient-success: linear-gradient(135deg, var(--color-success) 0%, #20c997 100%);--gradient-light: linear-gradient(135deg, var(--color-white) 0%, var(--color-light-gray) 100%);--gradient-bg: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--border-radius-lg: 20px;--border-radius-md: 15px;--border-radius-sm: 10px}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10001;padding:10px}.modal-content{padding:10px}.caja-cierre-modal{background:var(--gradient-light);border-radius:var(--border-radius-lg);box-shadow:0 20px 40px #0000004d;max-width:1100px;width:95vw;height:auto;max-height:95vh;overflow-y:auto;border:2px solid var(--color-mid-gray)}.caja-cierre-modal .modal-header{background:var(--gradient-success);color:var(--color-white);padding:2px 5px;border-radius:18px 18px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9f0ea;color:#fff}.caja-cierre-modal .header-content{display:flex;flex-direction:column;gap:0}.caja-cierre-modal .modal-header h2{margin:0;font-size:.85rem;font-weight:600;color:#fff;text-align:center}.caja-cierre-modal .header-loading{display:flex;align-items:center;gap:5px;font-size:.8rem;opacity:.9}.caja-cierre-modal .header-loading i{color:var(--color-warning)}.caja-cierre-modal .close-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.8rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.caja-cierre-modal .close-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.caja-cierre-modal .close-button:disabled{background:#ffffff1a;border-color:#fff3;cursor:not-allowed;opacity:.6}.caja-cierre-modal .modal-body{padding:05px}.caja-cierre-modal .no-data-message,.caja-cierre-modal .loading-message{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.caja-cierre-modal .no-data-message i{font-size:2.5rem;color:#adb5bd;margin-bottom:15px}.loading-message i{font-size:2.5rem;color:var(--color-warning);margin-bottom:15px}.caja-cierre-modal .no-data-message p,.caja-cierre-modal .loading-message p{font-size:1.1rem;font-weight:500;margin:0}.caja-cierre-modal .cierre-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:0;align-items:start}.caja-cierre-modal .columna-izquierda{background:var(--gradient-bg);padding:15px;border-radius:var(--border-radius-md);border:2px solid var(--color-mid-gray);box-shadow:0 8px 16px #0000001a}.caja-cierre-modal .columna-izquierda h3{color:var(--color-text);font-size:1.1rem;font-weight:700;margin:0 0 15px;text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid var(--color-success);padding-bottom:8px}.caja-cierre-modal .seccion-valores,.caja-cierre-modal .seccion-medios-pago,.caja-cierre-modal .seccion-movimientos{margin-bottom:15px;padding:12px;background:var(--color-white);border-radius:var(--border-radius-sm);border:1px solid var(--color-mid-gray);box-shadow:0 4px 8px #0000000d}.caja-cierre-modal .seccion-medios-pago,.caja-cierre-modal .seccion-movimientos{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid var(--color-warning)}.caja-cierre-modal .seccion-valores h4,.caja-cierre-modal .seccion-medios-pago h4,.caja-cierre-modal .seccion-movimientos h4{color:#856404;font-size:.9rem;font-weight:600;margin:0 0 15px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.caja-cierre-modal .campo-valor{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:5px 8px;background:#ffffffb3;border-radius:var(--border-radius-sm);border:1px solid var(--color-mid-gray)}.caja-cierre-modal .campo-valor:last-child{margin-bottom:0}.caja-cierre-modal .campo-valor label{font-weight:600;color:var(--color-text);font-size:.85rem;min-width:120px}.caja-cierre-modal .valor-calculado{font-weight:700;color:var(--color-success);font-size:.9rem;background:#28a7451a;padding:5px 10px;border-radius:var(--border-radius-sm);border:1px solid var(--color-success);min-width:120px;text-align:right}.caja-cierre-modal .input-efectivo-container{position:relative;display:flex;align-items:center}.caja-cierre-modal .input-efectivo-real{width:160px;padding:8px 10px;border:2px solid var(--color-success);border-radius:var(--border-radius-sm);font-size:.95rem;font-weight:600;text-align:right;background:var(--color-white);color:var(--color-text);transition:all .3s ease}.caja-cierre-modal .input-efectivo-real:focus{outline:none;border-color:#20c997;box-shadow:0 0 0 3px #20c9971a;transform:scale(1.02)}.caja-cierre-modal .input-efectivo-real:disabled{background:var(--color-light-gray);border-color:#adb5bd;color:var(--color-text-muted);cursor:not-allowed}.caja-cierre-modal .input-efectivo-real::placeholder{color:#adb5bd;font-weight:400}.caja-cierre-modal .loading-indicator{position:absolute;right:15px;color:var(--color-warning);font-size:1.2rem}.caja-cierre-modal .efectivo-hint{display:block;margin-top:5px;font-size:.8rem;color:var(--color-text-muted);font-style:italic;text-align:center}.caja-cierre-modal .columna-derecha{background:var(--gradient-bg);padding:15px;border-radius:var(--border-radius-md);border:2px solid var(--color-mid-gray);box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;justify-content:flex-start}.caja-cierre-modal .columna-derecha h3{color:var(--color-text);font-size:1.1rem;font-weight:700;margin:0 0 15px;text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid var(--color-primary);padding-bottom:8px}.caja-cierre-modal .seccion-sobrante,.caja-cierre-modal .seccion-faltante,.caja-cierre-modal .seccion-caja-cuadrada{text-align:center;padding:15px;border-radius:var(--border-radius-md);margin-bottom:20px;box-shadow:0 8px 16px #0000001a}.caja-cierre-modal .seccion-sobrante{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:3px solid var(--color-success)}.caja-cierre-modal .seccion-faltante{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:3px solid var(--color-danger)}.caja-cierre-modal .seccion-caja-cuadrada{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:3px solid var(--color-info)}.caja-cierre-modal .seccion-sobrante h4,.caja-cierre-modal .seccion-faltante h4{color:#155724;font-size:1rem;font-weight:700;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px}.caja-cierre-modal .seccion-faltante h4{color:#721c24}.caja-cierre-modal .campo-diferencia{display:flex;justify-content:center;align-items:center;margin-bottom:15px;background:#fffc;border-radius:var(--border-radius-sm);padding:15px;border:2px solid var(--color-mid-gray)}.caja-cierre-modal .simbolo-moneda{font-size:1.3rem;font-weight:700;color:var(--color-text);margin-right:5px}.caja-cierre-modal .valor-diferencia{font-size:1.8rem;font-weight:700;color:var(--color-text);font-family:Courier New,monospace;letter-spacing:2px}.caja-cierre-modal .btn-llevar-ingreso,.caja-cierre-modal .btn-llevar-gasto{width:100%;padding:10px 12px;border:none;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003}.caja-cierre-modal .btn-llevar-ingreso{background:var(--gradient-success);color:var(--color-white)}.caja-cierre-modal .btn-llevar-ingreso:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.caja-cierre-modal .btn-llevar-gasto{background:linear-gradient(135deg,var(--color-danger) 0%,#c82333 100%);color:var(--color-white)}.caja-cierre-modal .btn-llevar-gasto:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.caja-cierre-modal .btn-caja-cuadrada{width:100%;padding:12px;border:none;border-radius:var(--border-radius-md);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,var(--color-info) 0%,#138496 100%);color:var(--color-white);cursor:default;box-shadow:0 8px 16px #0003;border:3px solid #138496}.caja-cierre-modal .form-observaciones-acciones{background:var(--color-white);padding:12px;border-radius:var(--border-radius-md);border:2px solid var(--color-mid-gray);box-shadow:0 4px 8px #0000000d;margin-top:20px}.caja-cierre-modal .form-group{margin-bottom:15px}.caja-cierre-modal .form-group label{display:block;font-weight:600;color:var(--color-text);margin-bottom:8px;font-size:.95rem}.caja-cierre-modal .form-group textarea{width:100%;padding:10px;border:2px solid var(--color-mid-gray);border-radius:var(--border-radius-sm);font-size:.85rem;font-family:inherit;resize:vertical;transition:all .3s ease}.caja-cierre-modal .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff33}.caja-cierre-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.caja-cierre-modal .btn-cancelar,.caja-cierre-modal .btn-confirmar{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center;flex-grow:1}.caja-cierre-modal .btn-cancelar{background:linear-gradient(135deg,#6c757d,#5a6268);color:var(--color-white)}.caja-cierre-modal .btn-cancelar:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px)}.caja-cierre-modal .btn-confirmar{background:linear-gradient(135deg,var(--color-primary) 0%,#0056b3 100%);color:var(--color-white)}.caja-cierre-modal .btn-confirmar:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px)}.caja-cierre-modal .btn-confirmar:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none}.caja-cierre-modal .btn-recargar{background:var(--gradient-success);color:var(--color-white);border:none;padding:8px 16px;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.caja-cierre-modal .btn-recargar:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-2px)}.caja-cierre-modal .btn-autocompletar{background:var(--gradient-success);color:var(--color-white);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-left:8px}.caja-cierre-modal .btn-autocompletar:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:scale(1.1)}.caja-cierre-modal .btn-gestionar{background:var(--gradient-success);color:var(--color-white);border:none;padding:10px 20px;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.caja-cierre-modal .btn-gestionar:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.caja-cierre-modal{animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.caja-cierre-modal{max-width:95vw;width:95vw;height:95vh;max-height:95vh}.caja-cierre-modal .cierre-container{grid-template-columns:1fr;gap:15px}.caja-cierre-modal .modal-header h2,.caja-cierre-modal .columna-izquierda h3,.caja-cierre-modal .columna-derecha h3{font-size:1rem}}.standby-panel-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.standby-panel-container{background:linear-gradient(145deg,#1e1e2e,#2d2d44);border-radius:16px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.standby-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(255,255,255,.1)}.standby-header-title{display:flex;align-items:center;gap:12px}.standby-header-title i{font-size:1.5rem;color:gold}.standby-header-title h3{margin:0;font-size:1.3rem;font-weight:600;color:#fff}.standby-count{background:#fff3;color:#fff;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.standby-close-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.standby-close-btn:hover{background:#fff3;transform:rotate(90deg)}.standby-instructions{display:flex;justify-content:center;gap:20px;padding:10px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.instruction-item{display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:.75rem}.instruction-item i{color:#667eea}.standby-current-sale{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#28a74533,#20c99733);border-bottom:1px solid rgba(40,167,69,.3)}.current-sale-info{display:flex;align-items:center;gap:12px}.current-sale-info>i{font-size:1.5rem;color:#28a745}.current-sale-details{display:flex;flex-direction:column}.current-sale-label{font-size:.8rem;color:#fff9}.current-sale-total{font-size:1rem;font-weight:600;color:#fff}.btn-suspend-current{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffc107,#ff9800);border:none;color:#000;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-suspend-current:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffc10766}.standby-panel-body{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.standby-panel-body::-webkit-scrollbar{width:6px}.standby-panel-body::-webkit-scrollbar-track{background:transparent}.standby-panel-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.standby-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.standby-empty-state i{font-size:4rem;color:#fff3;margin-bottom:20px}.standby-empty-state h4{color:#fffc;font-size:1.3rem;margin:0 0 10px}.standby-empty-state p{color:#ffffff80;margin:0}.empty-state-hint{margin-top:30px;display:flex;align-items:center;gap:10px;background:#667eea33;padding:12px 20px;border-radius:10px;color:#667eea;font-size:.9rem}.standby-sales-list{display:flex;flex-direction:column;gap:12px}.standby-sale-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;gap:12px}.standby-sale-card:hover{background:#ffffff14;border-color:#667eea80}.standby-sale-card.selected{background:#667eea26;border-color:#667eea;box-shadow:0 0 20px #667eea4d}.sale-selection-indicator{position:absolute;left:-8px;top:50%;transform:translateY(-50%);color:#667eea;font-size:1rem}.sale-main-info{display:flex;flex-direction:column;gap:8px}.sale-identifier-name{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;margin-bottom:10px;color:#fff;font-weight:600;font-size:1.1rem;box-shadow:0 2px 8px #667eea66}.sale-identifier-name i{font-size:1rem;color:gold}.sale-identifier-name span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-header-row{display:flex;justify-content:space-between;align-items:center}.sale-id{font-family:Courier New,monospace;font-size:.85rem;color:#fff9;background:#ffffff1a;padding:2px 8px;border-radius:4px}.sale-payment-method{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.sale-payment-method i{font-size:.9rem}.sale-total-row{display:flex;justify-content:space-between;align-items:baseline}.sale-total-amount{font-size:1.5rem;font-weight:700;color:gold}.sale-items-count{font-size:.9rem;color:#fff9}.sale-items-preview{display:flex;flex-wrap:wrap;gap:6px}.preview-item{background:#ffffff1a;padding:3px 8px;border-radius:4px;font-size:.75rem;color:#ffffffb3}.preview-more{color:#667eea;font-size:.75rem;font-style:italic}.sale-meta-info{display:flex;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#ffffff80}.meta-item i{font-size:.9rem;color:#fff6}.sale-reason{display:flex;align-items:center;gap:8px;background:#ffc1071a;padding:8px 12px;border-radius:6px;font-size:.8rem;color:#ffc107}.sale-reason i{font-size:.9rem}.sale-actions{display:flex;gap:10px;margin-top:4px}.btn-recover{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-recover:hover{transform:translateY(-2px);box-shadow:0 4px 15px #28a74566}.btn-delete{background:#dc354533;border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background:#dc35454d;transform:translateY(-2px)}.standby-panel-footer{padding:16px 20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.footer-summary{display:flex;justify-content:space-between;margin-bottom:10px}.summary-item{display:flex;align-items:center;gap:8px}.summary-label{font-size:.85rem;color:#fff9}.summary-value{font-size:1.1rem;font-weight:600;color:gold}.footer-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff6;font-size:.8rem}.footer-hint i{color:#667eea}.standby-section-modern{display:flex;align-items:center;margin-right:10px}.btn-standby-sales{position:relative;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:8px 16px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #667eea4d}.btn-standby-sales:hover{transform:translateY(-2px);box-shadow:0 4px 20px #667eea80}.btn-standby-sales i{font-size:1.2rem;color:gold}.btn-standby-text{font-size:.85rem}.badge-standby{position:absolute;top:-5px;right:-5px;background:#dc3545;color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}@media(max-width:768px){.standby-panel-container{width:95%;max-height:90vh}.standby-instructions{flex-wrap:wrap;gap:10px}.instruction-item{font-size:.7rem}.btn-standby-text{display:none}.btn-standby-sales{padding:8px 12px}.sale-total-amount{font-size:1.2rem}.sale-actions{flex-direction:column}.btn-recover{width:100%}.btn-delete{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}}.standby-sale-card{animation:cardFadeIn .3s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.standby-sale-card.selected:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite;border-radius:12px;pointer-events:none}.modal-pending-badge{position:relative;display:flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;animation:pulseBadge 1.5s infinite}.modal-pending-badge i{font-size:.9rem}.modal-pending-badge .pulse-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#fff;border-radius:50%;animation:pulseDot 1.5s infinite}@keyframes pulseBadge{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 10px 3px #fff3}}@keyframes pulseDot{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.standby-sale-card.has-pending-modal{border-color:#e91e6380;background:linear-gradient(135deg,#e91e631a,#ffffff0d)}.standby-sale-card.has-pending-modal:after{content:"⏳";position:absolute;top:8px;right:8px;font-size:1rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}:root{--pos-header-bg: linear-gradient(135deg, #43b97f 0%, #2d8f5f 100%);--pos-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--pos-bg-alt: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--pos-total-bg: linear-gradient(135deg, #551df0 0%, #20c997 100%);--pos-footer-bg: linear-gradient(135deg, #0056b3 0%, #004085 100%);--pos-scrollbar-thumb: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--pos-scrollbar-thumb-hover: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--color-text-light: #ffffff;--color-text-muted-light: #e0f7ef;--color-text-dark: #04040e;--color-text-muted-dark: #6c757d;--color-success: #28a745;--color-danger: #dc3545;--color-danger-hover: #c82333;--color-info: #17a2b8;--color-info-hover: #138496;--color-secondary: #6c757d;--color-secondary-hover: #5a6268;--bg-dark: #000000;--bg-dark-alt: #1a1a1a;--border-dark: #333333;--cart-row-height: 49px}.pos-header-modern{background:linear-gradient(135deg,#43b97f,#2d7a5f,#1e5a47);border-radius:10px;box-shadow:0 2px 12px #43b97f40;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;overflow:hidden;gap:.5rem!important;padding:.4rem 1rem!important;min-height:56px;display:flex;justify-content:flex-start!important}@supports (-webkit-touch-callout: none){.pos-header-modern{position:-webkit-sticky}}.pos-header-modern:before{content:"";position:absolute;inset:0 60px 0 0;pointer-events:none}.logo-modern{width:75px;height:40px;object-fit:contain;border-radius:6px;transition:all .3s ease}.logo-modern:hover{transform:scale(1.02)}.nav-buttons-container{background:#ffffff14;padding:3px 4px;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:3px;margin-left:.5rem}.nav-btn-modern{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:8px;font-weight:500;font-size:.75rem;transition:all .2s ease;display:flex;align-items:center;gap:3px;cursor:pointer;backdrop-filter:blur(10px);white-space:nowrap}.nav-btn-modern:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 2px 8px #00000026;border-color:#ffffff4d}.nav-btn-modern.active{background:linear-gradient(135deg,#fff,#f8f9fa);color:#2d7a5f;border-color:#ffffff80;box-shadow:0 2px 8px #00000026;font-weight:600}.nav-btn-modern.active:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateY(-1px)}.nav-btn-modern i{font-size:.85rem}.caja-section-modern{background:#ffffff14;padding:3px 6px;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);gap:2px;margin-left:.5rem!important;position:relative}.caja-status-modern{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;font-weight:500;font-size:.7rem;transition:all .2s ease;white-space:nowrap}.caja-abierta{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 6px #28a74540}.caja-cerrada{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 6px #dc354540}.btn-action-modern{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:4px 6px;border-radius:6px;font-size:.7rem;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.btn-action-modern:hover{background:#ffffff40;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.btn-cerrar:hover{background:linear-gradient(135deg,#ffc107,#ffb300);color:#000}.btn-abrir:hover{background:linear-gradient(135deg,#28a745,#20c997)}.btn-movimiento:hover{background:linear-gradient(135deg,#17a2b8,#138496)}.btn-historial:hover{background:linear-gradient(135deg,#6c757d,#5a6268)}.btn-reporte:hover{background:linear-gradient(135deg,#6f42c1,#5a32a3)}.user-section-modern{background:#ffffff14;padding:3px 8px;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);margin-left:.5rem!important;margin-right:0!important;width:auto}.user-info-modern{display:block;align-items:left;gap:8px;margin-right:20px;padding-right:10px}.user-avatar-modern{width:26px;height:26px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff;border:1px solid rgba(255,255,255,.25);transition:all .2s ease}.user-avatar-modern:hover{transform:scale(1.05);background:#ffffff40}.user-details-modern{display:flex;flex-direction:column;gap:0px;line-height:1.1}.user-name-modern{color:#fff;font-weight:600;font-size:.75rem;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;max-width:200px;overflow:visible}.user-role-modern{color:#e8f5e8;font-weight:500;font-size:.6rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-settings-modern{background:linear-gradient(135deg,#6c757d,#495057);border:none;color:#fff;padding:4px 8px;border-radius:8px;font-weight:500;font-size:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #6c757d40;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.btn-settings-modern:hover{background:linear-gradient(135deg,#495057,#343a40);transform:translateY(-1px);box-shadow:0 3px 10px #6c757d59}.btn-settings-modern:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d40}.btn-logout-modern{background:linear-gradient(135deg,#dc3545,#c82333);border:none;color:#fff;padding:4px 8px;border-radius:8px;font-weight:500;font-size:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #dc354540;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.btn-logout-modern:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px);box-shadow:0 3px 10px #dc354559}.btn-logout-modern:active{transform:translateY(0);box-shadow:0 2px 6px #dc354540}.caja-panel-modern{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column}.caja-header-modern{background:linear-gradient(135deg,#28a745,#20c997);padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.2)}.caja-header-content{display:flex;align-items:center;gap:12px;color:#fff}.caja-header-content i{font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.caja-header-content h5{margin:0;font-weight:700;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.caja-body-modern{padding:0;flex:2;display:flex;flex-direction:column;gap:1px;min-height:0;overflow:hidden;margin:2px .5px 4px}.caja-content-scrollable{flex:1;padding:6px;display:flex;flex-direction:column;gap:8px;overflow:hidden;justify-content:space-between;min-height:0}.total-section-modern{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 10px 10px;padding:6px;box-shadow:0 4px 15px #667eea4d;border:1px solid rgba(255,255,255,.2);margin:0 2px 1px;flex-shrink:0}.total-display-modern{text-align:center;color:#fff}.total-label-modern{font-size:1.5rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px;font-family:sans-serif;margin-bottom:1px}.total-amount-modern{font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:0px;color:#4ade80;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.payment-method-section-modern{background:#c8f0e7;border-radius:12px;padding:8px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0000000d;flex-shrink:0}.payment-label-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#5a32a3}.cash-section-modern{background:#c8f0e7;border-radius:12px;padding:8px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0000000d;flex-shrink:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#5a32a3}.payment-label-modern span{font-weight:600;color:#2c3e50;font-size:.95rem}.keyboard-hint{color:#6c757d;font-size:.75rem;display:flex;align-items:center;gap:4px}.payment-display-modern{display:flex;align-items:center;gap:6px;margin-bottom:8px}.payment-method-display{flex:1;background:#ffffffe6;border:2px solid #e9ecef;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-weight:600;color:#2c3e50;transition:all .3s ease;font-size:.9rem}.payment-method-display:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.payment-method-display i{font-size:1.1rem}.btn-change-payment-modern{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:8px;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-change-payment-modern:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-multiple-payments-modern{background:linear-gradient(135deg,#17a2b8,#138496);border:none;color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #17a2b84d;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:36px}.btn-multiple-payments-modern:hover{background:linear-gradient(135deg,#138496,#0f6674);transform:translateY(-2px);box-shadow:0 4px 12px #17a2b866}.cash-section-modern{background:#c8f0e7;border-radius:12px;padding:12px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0000000d;flex-shrink:0}.cash-label-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.cash-label-modern span{font-weight:600;color:#2c3e50;font-size:.95rem}.cash-input-container-modern{position:relative;display:flex;align-items:center}.cash-input-icon{position:absolute;left:10px;color:#28a745;font-size:1rem;z-index:2}.cash-input-modern{width:100%;padding:8px 8px 8px 32px;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;font-weight:600;color:#2c3e50;background:#ffffffe6;transition:all .3s ease;height:36px}.cash-input-modern:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a;background:#fff}.cash-input-modern::placeholder{color:#6c757d;font-weight:400}.action-buttons-modern{display:flex;flex-direction:column;gap:6px;flex-shrink:0;margin-top:auto;padding-top:8px;border-top:1px solid rgba(0,0,0,.1);transition:all .3s ease}.cash-section-wrapper.hidden,.action-buttons-wrapper.hidden{display:none}.dynamic-content-container:has(.sale-summary-wrapper .sale-summary-modern){justify-content:flex-start}.dynamic-content-container:has(.sale-summary-wrapper .sale-summary-modern) .sale-summary-wrapper{flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;margin:10px 0}.btn-process-sale-modern{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;padding:8px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:38px;justify-content:center}.btn-process-sale-modern:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#1ea085);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.btn-process-sale-modern:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.7;transform:none;box-shadow:0 2px 8px #6c757d4d}.btn-process-content{display:flex;align-items:center;gap:8px;font-size:1.1rem}.btn-process-hints{font-size:.75rem;opacity:.9}.btn-process-warning{font-size:.75rem;color:#ffc107;font-weight:600}.sale-summary-container-modern{display:flex;flex-direction:column;justify-content:center;margin-top:0;min-height:0;flex:0 0 auto;transition:all .3s ease}.dynamic-content-container{position:relative;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;justify-content:space-between}.sale-summary-wrapper{display:flex;flex-direction:column;justify-content:center;margin-top:0;min-height:0;flex:1;transition:all .3s ease}.sale-summary-container-modern.visible{display:flex;margin-top:auto;padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.sale-summary-wrapper:has(.sale-summary-modern){flex:1;min-height:200px;animation:slideInSummary .5s ease-out}@keyframes slideInSummary{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sale-summary-container-modern:not(.visible){display:none}.sale-summary-modern{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;padding:20px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #667eea66;display:flex;flex-direction:column;justify-content:center;min-height:180px;flex:1;backdrop-filter:blur(10px);position:relative;overflow:hidden;width:100%;margin:10px 0}.sale-summary-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:15px;pointer-events:none}.summary-header-modern{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#fff;position:relative;z-index:1}.summary-header-modern i{color:#fff;font-size:1.3rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.summary-header-modern h6{margin:0;font-weight:700;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.summary-content-modern{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1;padding:10px 0}.summary-item-modern{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.1)}.summary-item-modern:last-child{border-bottom:none}.summary-item-modern span:first-child{color:#ffffffe6;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.summary-value-modern{color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:1.3rem}.change-value-modern{color:#4ade80;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:2.8rem;letter-spacing:1px}.btn-cancel-sale-modern{background:linear-gradient(135deg,#dc3545,#c82333);border:none;color:#fff;padding:8px 16px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #dc35454d;display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;position:sticky}.btn-cancel-sale-modern:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px);box-shadow:0 5px 15px #dc354566}.btn-cancel-sale-modern:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.7;transform:none;box-shadow:0 2px 8px #6c757d4d}.btn-standby-sale-modern{background:linear-gradient(135deg,#ffc107,#ff9800);border:none;color:#fff;padding:8px 12px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #ffc10766;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-standby-sale-modern:hover{background:linear-gradient(135deg,#ff9800,#f57c00);transform:translateY(-2px);box-shadow:0 5px 15px #ff980080}.btn-standby-sale-modern:active{transform:translateY(0);box-shadow:0 2px 8px #ffc10766}.btn-standby-sale-modern i{font-size:1.1rem}.btn-standby-sale-modern span{font-size:.8rem;font-weight:600}.btn-standby-sale-modern .keyboard-shortcut{font-size:.65rem;opacity:.85;display:flex;align-items:center;gap:3px;color:#ffffffe6}.btn-standby-sale-modern .keyboard-shortcut i{font-size:.7rem}@media(max-height:599px){.pos-container{min-height:500px}.col-12.col-md-9.h-100 .card,.col-12.col-md-3.h-100 .caja-panel-modern{min-height:400px}.products-container{min-height:150px}}@media(min-height:600px)and (max-height:699px){.pos-container{min-height:550px}.products-container{min-height:180px}}@media(min-height:700px)and (max-height:799px){.pos-container{min-height:600px}.products-container{min-height:200px}}@media(min-height:900px){.caja-content-scrollable{gap:16px;padding:24px}.total-section-modern{padding:12px;margin:0 24px}.total-amount-modern{font-size:2.1rem}.payment-method-section-modern,.cash-section-modern{padding:16px}.btn-process-sale-modern{padding:16px 20px;min-height:60px;font-size:1.1rem}.sale-summary-container-modern.visible{margin-top:auto;padding-top:8px}.sale-summary-modern{padding:18px}.summary-header-modern h6{font-size:1.2rem}.summary-item-modern{font-size:1.1rem}.summary-value-modern{font-size:1.2rem}}@media(min-height:700px)and (max-height:899px){.caja-content-scrollable{gap:14px;padding:20px}.total-section-modern{padding:10px;margin:0 20px}.total-amount-modern{font-size:1.9rem}.payment-method-section-modern,.cash-section-modern{padding:14px}.btn-process-sale-modern{padding:14px 18px;min-height:54px;font-size:1.05rem}.sale-summary-container-modern.visible{margin-top:auto;padding-top:8px}.sale-summary-modern{padding:16px}.summary-header-modern h6{font-size:1.1rem}.summary-item-modern{font-size:1rem}.summary-value-modern{font-size:1.1rem}}@media(min-height:600px)and (max-height:699px){.caja-content-scrollable{gap:12px;padding:18px}.total-section-modern{padding:8px;margin:0 18px}.total-amount-modern{font-size:1.6rem}.payment-method-section-modern,.cash-section-modern{padding:12px}.btn-process-sale-modern{padding:12px 16px;min-height:48px;font-size:1rem}.sale-summary-container-modern.visible{margin-top:auto;padding-top:8px}.sale-summary-modern{padding:14px}.summary-header-modern h6{font-size:1rem}.summary-item-modern{font-size:.95rem}.summary-value-modern{font-size:1rem}}@media(max-height:599px){.caja-content-scrollable{gap:8px;padding:12px}.total-section-modern{padding:6px;margin:0 12px}.total-amount-modern{font-size:1.4rem}.total-label-modern{font-size:.9rem}.payment-method-section-modern,.cash-section-modern{padding:10px}.payment-label-modern,.cash-label-modern{margin-bottom:6px}.payment-label-modern span,.cash-label-modern span{font-size:.9rem}.payment-method-display{padding:6px 10px;font-size:.85rem}.btn-change-payment-modern{min-width:32px;height:32px;padding:6px}.btn-multiple-payments-modern{height:32px;padding:6px 10px;font-size:.75rem}.cash-input-modern{height:32px;padding:6px 6px 6px 28px;font-size:.85rem}.cash-input-icon{left:8px;font-size:.9rem}.btn-process-sale-modern{padding:10px 14px;min-height:42px;font-size:.95rem}.btn-cancel-sale-modern{padding:6px 12px;min-height:32px;font-size:.85rem}.btn-standby-sale-modern{padding:6px 10px;min-height:36px;font-size:.75rem}.btn-standby-sale-modern i{font-size:.95rem}.btn-standby-sale-modern span{font-size:.7rem}.btn-standby-sale-modern .keyboard-shortcut{font-size:.6rem}.sale-summary-container-modern.visible{margin-top:auto;padding-top:6px}.sale-summary-modern{padding:12px}.summary-header-modern{margin-bottom:8px}.summary-header-modern h6{font-size:.95rem}.summary-item-modern{font-size:.9rem}.summary-value-modern{font-size:.95rem}}@media(max-width:1200px){.pos-header-modern{padding:10px}.logo-modern{width:100px;height:54px}.nav-btn-modern{font-size:.75rem;padding:5px 10px}.nav-buttons-container{gap:4px;padding:5px}}@media(max-width:768px){.pos-header-modern{flex-direction:column;gap:6px!important;padding:10px}.nav-buttons-container{order:2;width:100%;justify-content:center}.caja-section-modern{order:3;width:100%;justify-content:center;flex-wrap:wrap}.user-section-modern{order:4;width:100%;justify-content:center}.logo-modern{width:100px;height:50px}.nav-btn-modern{font-size:.75rem;padding:4px 8px}.caja-panel-modern{margin-top:5px}.total-section-modern{margin:0 2px}.col-12.col-md-9.h-100 .card,.col-12.col-md-3.h-100 .caja-panel-modern{height:100%;min-height:0;max-height:none}}.modal-overlay-configuracion{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-configuracion{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.modal-header-configuracion{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2)}.modal-header-configuracion h4{margin:0;font-size:1.3rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-title h6{margin-right:10px;font-size:1.5rem;background-color:#000}.btn-close-modal{background:#fff3;border:none;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-close-modal:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body-configuracion{flex:1;display:flex;overflow:hidden}.configuracion-tabs{background:#f8f9fa;border-right:1px solid #dee2e6;width:250px;padding:20px 0;display:flex;flex-direction:column;gap:5px}.tab-configuracion{background:none;border:none;padding:15px 20px;text-align:left;cursor:pointer;transition:all .3s ease;color:#6c757d;font-weight:500;font-size:.9rem;border-left:3px solid transparent;display:flex;align-items:center}.tab-configuracion:hover{background:#667eea1a;color:#667eea}.tab-configuracion.active{background:#667eea26;color:#667eea;border-left-color:#667eea;font-weight:600}.tab-configuracion i{font-size:1rem;width:20px}.configuracion-content{flex:1;padding:25px;overflow-y:auto;background:#fff}.tab-content{display:none}.tab-content.active{display:block}.configuracion-section{margin-bottom:30px}.configuracion-section h5{color:#2c3e50;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e9ecef;font-size:1.1rem}.configuracion-section h5 i{color:#667eea}.form-group-configuracion{margin-bottom:20px}.form-group-configuracion label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:.9rem}.form-control-configuracion{width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fff}.form-control-configuracion:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-control-configuracion:hover{border-color:#adb5bd}.usuarios-list{margin-bottom:20px}.usuario-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:15px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.usuario-item:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.usuario-info{display:flex;align-items:center;gap:12px}.usuario-info i{font-size:2rem;color:#6c757d}.usuario-nombre{font-weight:600;color:#2c3e50;font-size:1rem}.usuario-rol{color:#6c757d;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.usuario-acciones{display:flex;gap:8px}.btn-edit-usuario,.btn-delete-usuario{width:35px;height:35px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-edit-usuario{background:#17a2b8;color:#fff}.btn-edit-usuario:hover{background:#138496;transform:scale(1.1)}.btn-delete-usuario{background:#dc3545;color:#fff}.btn-delete-usuario:hover{background:#c82333;transform:scale(1.1)}.btn-add-usuario{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-size:.9rem}.btn-add-usuario:hover{background:linear-gradient(135deg,#20c997,#1ea085);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.modal-footer-configuracion{background:#f8f9fa;padding:20px 25px;display:flex;justify-content:flex-end;gap:15px;border-top:1px solid #dee2e6}.btn-cancel-configuracion,.btn-save-configuracion{padding:12px 25px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-size:.9rem}.btn-cancel-configuracion{background:#6c757d;color:#fff}.btn-cancel-configuracion:hover{background:#5a6268;transform:translateY(-2px)}.btn-save-configuracion{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-save-configuracion:hover{background:linear-gradient(135deg,#20c997,#1ea085);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}@media(max-width:768px){.modal-configuracion{max-width:95%;margin:10px}.modal-body-configuracion{flex-direction:column}.configuracion-tabs{width:100%;flex-direction:row;overflow-x:auto;padding:15px}.tab-configuracion{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.tab-configuracion.active{border-left:none;border-bottom-color:#667eea}.configuracion-content{padding:20px}}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideInModal .4s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInModal{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.modal-header h5{margin:0;font-size:1.1rem;font-weight:600}.modal-header .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.modal-content form{display:flex;flex-direction:column;flex:1;min-height:0}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{background:#f8f9fa;padding:15px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #dee2e6}.pos-container{height:100vh;background:var(--pos-bg);display:flex;flex-direction:column;overflow:hidden;max-height:100vh;min-height:600px}.pos-container .bg-light{background:var(--pos-header-bg)!important;border:none;box-shadow:0 2px 10px #0000001a;flex-shrink:0;padding:.75rem 1rem}.pos-container .bg-light .row{display:flex;align-items:center;justify-content:flex-start;gap:1rem;width:100%;padding-left:0}.pos-container .bg-light .col-md-3{flex:0 0 auto;min-width:0;display:flex;align-items:center;gap:.5rem}.pos-container .bg-light .col-md-3:first-child{min-width:180px;margin-right:1rem}.pos-container .bg-light .col-md-3:nth-child(2){min-width:160px;justify-content:center;margin-right:.5rem}.pos-container .bg-light .col-md-3:nth-child(3){min-width:220px;justify-content:center;margin-right:.5rem}.pos-container .bg-light .col-md-3:nth-child(4){min-width:180px;justify-content:center;margin-right:.5rem}.pos-container .bg-light .col-md-3:last-child{min-width:200px;justify-content:flex-end;margin-left:auto}.pos-container .bg-light .btn{padding:.4rem .6rem;font-size:.85rem;white-space:nowrap;flex-shrink:0}.pos-container .bg-light .text-white{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:.9rem}.pos-container .bg-light .text-dark{color:var(--color-text-light)!important;padding-right:.5rem}.pos-container .bg-light .btn{margin-right:.5rem;padding:.5rem .75rem;font-size:.9rem}.pos-container .bg-light .btn-outline-success,.pos-container .bg-light .btn-success{margin-right:.25rem}.pos-container .bg-light .btn-info,.pos-container .bg-light .btn-secondary{margin-right:.5rem}.pos-container .bg-light .btn-danger{margin-left:.5rem;margin-right:1rem}.pos-container .row.h-100{flex:1;min-height:0;overflow:hidden;display:flex;align-items:stretch}.col-12.col-md-9.h-100,.col-12.col-md-3.h-100{height:100%!important;min-height:0;overflow:hidden;padding:2px}.col-12.col-md-9.h-100 .card,.col-12.col-md-3.h-100 .caja-panel-modern{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.col-12.col-md-9.h-100 .card .card-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0;gap:0}.col-12.col-md-9.h-100 .card .card-body .alert{flex-shrink:0;margin:0}.pos-container .bg-light .text-success{color:var(--color-text-light)!important}.pos-container .bg-light .text-muted{color:var(--color-text-muted-light)!important}.pos-container .bg-light .text-dark{color:var(--color-text-light)!important}.pos-container .bg-light .text-primary{color:var(--color-text-muted-light)!important}.pos-container .bg-light .btn-outline-success{color:var(--color-text-light);border-color:var(--color-text-light)}.pos-container .bg-light .btn-outline-success:hover{background-color:var(--color-text-light);color:#43b97f}.pos-container .bg-light .btn-success{background-color:var(--color-text-light);color:#43b97f;border-color:var(--color-text-light)}.pos-container .bg-light .btn-success:hover{background-color:var(--color-text-muted-light);border-color:var(--color-text-muted-light)}.pos-container .bg-light .btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-light)}.pos-container .bg-light .btn-danger:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.pos-container .bg-light .btn-secondary{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text-light)}.pos-container .bg-light .btn-secondary:hover{background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.pos-container .bg-light .btn-info{background-color:var(--color-info);border-color:var(--color-info);color:var(--color-text-light)}.pos-container .bg-light .btn-info:hover{background-color:#138496;border-color:#117a8b}.cart-items-container{flex:1;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column;background-color:var(--bg-light);width:100%}.cart-table-wrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-light);border-radius:8px;position:relative;width:100%}.cart-table{width:100%!important;table-layout:fixed!important;border-color:var(--bg-light)!important;border-radius:5px!important;border-spacing:2px!important;margin:1px 9px 1px 1px!important;background:var(--bg-dark);display:table!important;margin:0;padding:0;box-shadow:0 2px 8px #00000073 0 4px 12px #0009,0 2px 6px #43b97f33}.cart-table-body{display:table-row-group!important;width:100%;overflow:visible;margin-top:12px}.cart-toolbar{width:100%;padding:6px 10px;background:transparent;display:flex;align-items:center;gap:8px}.cart-table-head{display:table-header-group!important;width:100%}.cart-table thead th,.cart-table-head th,.cart-table-head .cart-header-cell{position:sticky!important;top:0!important;z-index:20!important;background:#646b72!important;box-shadow:0 4px 12px #0009,0 2px 6px #43b97f33!important}.cart-header-row{display:table-row!important;width:100%!important;background:#646b72!important}.cart-header-cell{display:table-cell!important;padding:8px 4px!important;background:#646b72!important;color:var(--color-text-dark)!important;font-weight:600!important;font-size:.95rem!important;text-align:center!important;border:none!important;vertical-align:middle!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.cart-header-producto{width:40%!important;text-align:left!important;padding-left:12px!important}.cart-header-precio{width:15%!important}.cart-header-cantidad{width:18%!important}.cart-header-total{width:15%!important}.cart-header-acciones{width:12%!important}.cart-table-row{display:table-row;background:linear-gradient(135deg,#4a4e69,#2a2d3e);height:auto;transition:background .2s ease;border-radius:5px!important;border-color:#fff!important}.cart-table-row:hover{background:linear-gradient(135deg,#5f638a,#3e4158);cursor:pointer}.cart-table-row:hover td{color:#f0f0f0}.cart-table-row:hover .cart-item-name{color:#fff}.cart-table-row:hover .cart-item-code{color:#b0b0b0}.cart-table-row:hover .price-display{color:#f0f0f0}.cart-table-row:hover .total-display{color:#4ade80}.cart-table td{display:table-cell!important;padding:6px 4px!important;vertical-align:middle!important;border-color:#313335!important;color:#f0f0f0!important;height:auto!important;line-height:1.2!important}.cart-cell-producto{width:40%!important;text-align:left!important;padding-left:12px!important}.cart-cell-precio{width:15%!important;text-align:center!important}.cart-cell-cantidad{width:18%!important;text-align:center!important}.cart-cell-total{width:15%!important;text-align:center!important}.cart-cell-acciones{width:12%!important;text-align:center!important;padding-right:6px!important}.cart-table-body::-webkit-scrollbar{width:10px}.cart-table-body::-webkit-scrollbar-track{background:var(--bg-dark-alt);border-radius:5px}.cart-table-body::-webkit-scrollbar-thumb{background:var(--pos-scrollbar-thumb);border-radius:5px;border:2px solid var(--bg-dark-alt)}.cart-table-body::-webkit-scrollbar-thumb:hover{background:var(--pos-scrollbar-thumb-hover)}.cart-item-info{display:flex;flex-direction:column;gap:2px}.cart-item-name{font-weight:600;color:#fff;font-size:.9rem;line-height:1.15}.cart-item-code{font-size:.75rem;color:#b0b0b0;line-height:1.1}.price-display{text-align:center;font-weight:600;color:#e0e0e0;font-size:.9rem;line-height:1.1}.total-display{text-align:center;font-size:1.2rem;color:var(--color-success);font-weight:700;line-height:1.1}.quantity-controls-compact{display:flex;align-items:center;justify-content:center;gap:.1rem;margin-bottom:0}.quantity-controls-compact .btn{padding:.06rem .15rem;font-size:.5rem;min-height:18px}.quantity-display{font-weight:600;color:var(--color-text-light);min-width:20px;text-align:center;font-size:.75rem}.weight-controls-compact{display:flex;justify-content:center}.weight-controls-compact input{font-size:.75rem;text-align:center}.total-section{background:var(--pos-total-bg);color:var(--bg-dark);border-radius:8px;padding:.75rem;margin:.25rem .25rem 1rem}.total-section h5{margin:0;font-weight:700;font-size:1.4rem;text-shadow:0 1px 2px rgba(0,0,0,.1);color:var(--bg-dark)}.payment-method-section,.cash-section{margin-bottom:1rem;margin-left:.25rem;margin-right:.25rem}.payment-method-section label,.cash-section label{font-weight:600;color:var(--color-text-muted-dark);margin-bottom:.5rem;font-size:.9rem}.payment-method-section .form-select{border-radius:8px;border:2px solid #dee2e6;padding:.75rem;font-size:1rem;transition:all .2s ease}.payment-method-section .form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.cash-section .form-control{border-radius:8px;border:2px solid #dee2e6;padding:.5rem;font-size:.9rem;font-weight:600;text-align:center;transition:all .2s ease;min-height:40px}.cash-section .form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.cash-section .form-control::placeholder{color:#adb5bd;font-weight:400}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;margin-left:.25rem;margin-right:.25rem}.action-buttons .btn{min-height:50px;padding:.5rem .75rem;font-size:.9rem}.action-buttons .btn:last-child{min-height:35px}.sale-summary-box{background:linear-gradient(135deg,#e9ecef,#f8f9fa);border:1px solid #dee2e6;border-radius:8px;padding:1rem;margin:.75rem 0;animation:fadeInSummary .5s ease-out}@keyframes fadeInSummary{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sale-summary-box .summary-title{font-size:.8rem;font-weight:600;color:var(--color-text-muted-dark);text-transform:uppercase;margin-bottom:.75rem;text-align:center;border-bottom:1px solid #dee2e6;padding-bottom:.5rem}.sale-summary-box .summary-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-bottom:.5rem}.sale-summary-box .summary-item:last-child{margin-bottom:0}.sale-summary-box .summary-item span:first-child{color:var(--color-text-muted-dark);font-weight:500}.sale-summary-box .summary-item .summary-value{font-weight:700;color:var(--color-text-dark);font-size:1rem}.sale-summary-box .summary-item .change-value{color:var(--color-success);font-size:1.1rem}.card-footer.bg-primary{background:var(--pos-footer-bg)!important;border-top:3px solid #ffd700;box-shadow:0 -2px 10px #0003;position:relative;bottom:auto;z-index:10}.card-footer .row{margin:0;padding:.8rem 1.2rem}.card-footer .col-md-6{padding:.2rem .5rem}.col-md-9 .card{height:100%;display:flex;flex-direction:column;overflow:hidden}.col-md-9 .card-header{flex-shrink:0;padding:.5rem 1rem}.col-md-9 .card-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0}.col-md-9 .card-footer{flex-shrink:0}.col-md-3 .card{height:100%;display:flex;flex-direction:column;overflow:hidden}.col-md-3 .card-header{flex-shrink:0;padding:.5rem}.col-md-3 .card-body{flex:1;min-height:0;overflow-y:auto;padding:.5rem}.col-md-3 .form-label{font-size:.85rem;margin-bottom:.4rem}.col-md-3 .form-control,.col-md-3 .form-control-plaintext{font-size:.85rem;padding:.4rem .6rem}.col-md-3 .btn-sm{font-size:.75rem;padding:.3rem .5rem}.cart-item-info{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;overflow:hidden}.price-display{font-size:1.2rem}.quantity-controls-compact .btn{font-size:.75rem}.quantity-display{font-size:1rem;min-width:30px;font-weight:300}.cart-item-name{font-weight:600;color:#fff;font-size:1.3rem;margin-bottom:.05rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;display:block;letter-spacing:1px}.cart-item-code{color:#48df34;font-size:.9rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cart-item-unit{color:#a0a0a0;font-size:.8rem;font-weight:500;margin-bottom:.04rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.product-card-compact{transition:all .3s ease;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:100px;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;cursor:pointer;border:1px solid #e9ecef}.product-card-compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#007bff}.product-name-compact{font-size:.75rem;font-weight:600;color:var(--color-text-dark);margin-bottom:.1rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-code-compact{font-size:.6rem;color:var(--color-text-muted-dark);margin-bottom:.1rem}.product-price-compact{font-size:.8rem;font-weight:700;color:var(--color-success);margin-bottom:.1rem}.product-stock-compact{font-size:.6rem;color:var(--color-text-muted-dark)}.products-container{flex:1;overflow-y:auto;min-height:200px;max-height:none}.products-container.custom-limit{height:312px;overflow-y:auto;overflow-x:hidden;padding:6px;border:1px solid #e9ecef;border-radius:8px}.product-card-compact.custom-limit{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b8dacc;min-height:96px;max-height:96px;height:96px;margin-bottom:6px;overflow:hidden}.product-card-compact.custom-limit.product-low-stock{background:linear-gradient(135deg,#fff3cd,#ffc107);border:2px solid #fd7e14;box-shadow:0 0 8px #ffc10766}.product-card-compact.custom-limit.product-no-stock{background:linear-gradient(135deg,#f8d7da,#f1aeb5);border:1px solid #f5c6cb}.search-input{font-size:1.1rem;padding:12px 16px;border-radius:0;touch-action:manipulation;transition:all .2s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;transform:scale(1.02)}.search-icon{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#007bff;min-width:48px}.clear-search-btn{border-radius:0 8px 8px 0;border-left:none;transition:all .2s ease}.clear-search-btn:hover{background-color:#f8f9fa;border-color:#dc3545;transform:scale(1.05)}.barcode-scan-btn{border-radius:0 8px 8px 0;background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:#fff;transition:all .3s ease;border-left:none}.barcode-scan-btn:hover{background:linear-gradient(135deg,#218838,#1bb584);border-color:#218838;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.category-btn{touch-action:manipulation;transition:all .2s ease;border-radius:8px}.category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.quantity-btn{border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quantity-btn:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000026}.delete-btn{border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-btn:hover{transform:scale(1.1);box-shadow:0 2px 6px #dc35454d}.btn-process{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;font-weight:600;transition:all .3s ease}.btn-process:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.btn-cancel{background:linear-gradient(135deg,var(--color-secondary) 0%,#495057 100%);border:none;border-radius:6px;font-weight:600;transition:all .3s ease}.btn-cancel:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c757d66}@media(max-width:768px){.pos-container{padding:5px}.search-input{font-size:16px}.quantity-btn,.delete-btn,.clear-search-btn{min-width:44px;min-height:44px}.category-btn{min-height:48px;font-size:.8rem}.product-card-compact.custom-limit{min-height:100px}.btn-process{min-height:64px;font-size:1.2rem}.btn-cancel{min-height:54px;font-size:1.1rem}.btn-standby-sale-modern{min-height:48px;padding:8px 12px}.btn-standby-sale-modern i{font-size:1.2rem}.btn-standby-sale-modern span{font-size:.85rem}}.marquee-container{overflow:hidden;white-space:nowrap;position:relative;width:100%}.marquee-text{display:inline-block;animation:marquee 25s linear infinite;white-space:nowrap;padding-left:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee-container:hover .marquee-text{animation-play-state:paused}.cart-table-container .cart-table-row.selected{background:linear-gradient(135deg,#5a5e89,#3a3d5e);box-shadow:0 6px 15px #00000080,inset 4px 0 0 0 var(--color-info)}.cart-table-container .cart-table-row.selected:hover{background:linear-gradient(135deg,#6a6e99,#4a4d6e)}.cart-table-container .cart-table-row.selected td{border:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-right:none!important;border-left:none!important}.cart-table-container .cart-table-row.selected td:first-child{border-top-left-radius:8px!important;border-bottom-left-radius:8px!important;border-left:none!important}.cart-table-container .cart-table-row.selected td:last-child{border-top-right-radius:8px!important;border-bottom-right-radius:8px!important;border-right:none!important}.cart-table-container .cart-table-row.selected td:only-child{border-radius:8px!important}.cart-table-container .cart-table-row.selected td+td{border-left:none!important}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.panel-caja-visible{transform:translate(0);opacity:1;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s ease-in-out}.panel-caja-oculto{transform:translate(100%);opacity:0;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s ease-in-out}.transition-all{transition:all .5s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.caja-panel-modern.panel-caja-visible{animation:slideInFromRight .5s cubic-bezier(.25,.46,.45,.94)}.caja-panel-modern.panel-caja-oculto{animation:slideOutToRight .5s cubic-bezier(.25,.46,.45,.94)}@media(max-width:768px){.panel-caja-visible,.panel-caja-oculto{transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s ease-in-out}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}}.caja-panel-modern:hover{transform:translateY(-1px);box-shadow:0 10px 35px #00000026;transition:all .3s ease}.caja-panel-modern{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.btn-catalogo-productos{background:linear-gradient(135deg,#17a2b8,#138496)!important;border:none!important;color:#fff!important;padding:.4rem .8rem!important;border-radius:6px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:.3rem!important;box-shadow:0 2px 8px #17a2b84d!important}.btn-catalogo-productos:hover{background:linear-gradient(135deg,#138496,#0f6674)!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px #17a2b866!important}.btn-catalogo-productos:active{transform:translateY(0)!important;box-shadow:0 2px 8px #17a2b84d!important}.btn-consulta-precio{background:linear-gradient(135deg,#ffc107,#fd7e14)!important;border:none!important;color:#fff!important;padding:.4rem .8rem!important;border-radius:6px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:.3rem!important;box-shadow:0 2px 8px #ffc1074d!important;animation:pulse-consulta 2s infinite!important}.btn-consulta-precio:hover{background:linear-gradient(135deg,#e0a800,#e8680a)!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px #ffc10766!important;animation:none!important}.btn-consulta-precio:active{transform:translateY(0)!important;box-shadow:0 2px 8px #ffc1074d!important}@keyframes pulse-consulta{0%{box-shadow:0 2px 8px #ffc1074d,0 0 #ffc10766}70%{box-shadow:0 2px 8px #ffc1074d,0 0 0 10px #ffc10700}to{box-shadow:0 2px 8px #ffc1074d,0 0 #ffc10700}}@media(max-width:768px){.btn-catalogo-productos,.btn-consulta-precio{padding:.3rem .6rem!important;font-size:.7rem!important}}.cart-table-wrapper .cart-table-row.eliminacion-hover{background:linear-gradient(135deg,#dc3545,#c82333)!important;box-shadow:0 6px 15px #dc354580,inset 4px 0 #ffc107!important;animation:pulse-eliminacion 1.5s infinite!important;position:relative;z-index:10}.cart-table-wrapper .cart-table-row.eliminacion-hover:before{content:"🗑️";position:absolute;left:-35px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#ffc107;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:20}.cart-table-wrapper .cart-table-row.eliminacion-hover td{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cart-table-wrapper .cart-table-row.eliminacion-hover .cart-item-name{color:#fff!important;font-weight:700!important}.cart-table-wrapper .cart-table-row.eliminacion-hover .cart-item-code{color:#ffeaa7!important}.cart-table-wrapper .cart-table-row.eliminacion-hover .price-display{color:#fff!important}.cart-table-wrapper .cart-table-row.eliminacion-hover .total-display{color:gold!important;font-weight:900!important}@keyframes pulse-eliminacion{0%{box-shadow:0 6px 15px #dc354580,inset 4px 0 #ffc107;transform:scale(1)}50%{box-shadow:0 8px 20px #dc3545b3,inset 4px 0 #ffc107;transform:scale(1.02)}to{box-shadow:0 6px 15px #dc354580,inset 4px 0 #ffc107;transform:scale(1)}}.modo-eliminacion-activo:after{content:"";position:fixed;inset:0;background:#dc35451a;pointer-events:none;z-index:999;animation:modo-eliminacion-bg 2s ease-in-out infinite alternate}@keyframes modo-eliminacion-bg{0%{background:#dc35450d}to{background:#dc354526}}.eliminacion-tooltip{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #dc35454d;z-index:1000;font-size:.9rem;font-weight:600;animation:slideInTooltip .3s ease-out}@keyframes slideInTooltip{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.eliminacion-tooltip:before{content:"🗑️";position:absolute;left:-30px;top:50%;transform:translateY(-50%);font-size:1.2rem}@media(max-width:768px){.eliminacion-tooltip{top:10px;right:10px;font-size:.8rem;padding:8px 12px}.cart-table-container .cart-table-row.eliminacion-hover:before{left:-25px;font-size:1rem}}.cambio-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeInOverlay .3s ease-out}.cambio-modal-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 60px #0006;width:100%;max-width:450px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:2px solid rgba(102,126,234,.2);backdrop-filter:blur(10px);animation:slideInModal .4s cubic-bezier(.25,.46,.45,.94)}.cambio-modal-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.cambio-modal-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.cambio-modal-header h4{margin:0;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px;position:relative;z-index:1}.cambio-modal-header i{font-size:1.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1}.cambio-btn-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.1rem;position:relative;z-index:2}.cambio-btn-close:hover{background:#ffffff4d;transform:scale(1.1)}.cambio-btn-close:active{transform:scale(.95)}.cambio-modal-body{flex:1;padding:30px 25px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.cambio-payment-info{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid rgba(102,126,234,.2);border-radius:15px;padding:20px;position:relative;overflow:hidden}.cambio-payment-info:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.cambio-payment-info h6{margin:0 0 15px;color:#2c3e50;font-weight:700;font-size:1.1rem;position:relative;z-index:1}.cambio-info-grid{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.cambio-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}.cambio-info-item:last-child{border-bottom:none}.cambio-info-label{color:#6c757d;font-weight:600;font-size:.95rem}.cambio-info-value{color:#2c3e50;font-weight:700;font-size:1.1rem}.cambio-info-value.total{color:#28a745;font-size:1.3rem}.cambio-info-value.payment{color:#17a2b8}.cambio-section{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:2px solid #28a745;border-radius:20px;padding:25px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 25px #28a7454d;animation:pulseCambio 2s infinite}.cambio-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff1a);pointer-events:none}.cambio-label{display:block;color:#155724;font-weight:700;font-size:1.1rem;margin-bottom:10px;position:relative;z-index:1;text-transform:uppercase;letter-spacing:1px}.cambio-amount{display:block;color:#28a745;font-weight:900;font-size:3rem;line-height:1;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:2px}.cambio-modal-footer{background:#f8f9fa;padding:20px 25px;display:flex;justify-content:center;gap:15px;border-top:1px solid #dee2e6;position:relative}.cambio-btn{padding:12px 25px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:1rem;min-width:120px;justify-content:center;position:relative;overflow:hidden}.cambio-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.cambio-btn:hover:before{left:100%}.cambio-btn-cancelar{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;box-shadow:0 4px 15px #6c757d4d}.cambio-btn-cancelar:hover{background:linear-gradient(135deg,#495057,#343a40);transform:translateY(-2px);box-shadow:0 6px 20px #6c757d66}.cambio-btn-confirmar{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d;animation:pulseConfirm 3s infinite}.cambio-btn-confirmar:hover{background:linear-gradient(135deg,#20c997,#1ea085);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566;animation:none}.cambio-btn-confirmar:active{transform:translateY(0);box-shadow:0 2px 10px #28a7454d}@keyframes pulseCambio{0%{box-shadow:0 8px 25px #28a7454d}50%{box-shadow:0 12px 35px #28a74580}to{box-shadow:0 8px 25px #28a7454d}}@keyframes pulseConfirm{0%{box-shadow:0 4px 15px #28a7454d}50%{box-shadow:0 6px 20px #28a74599}to{box-shadow:0 4px 15px #28a7454d}}@media(max-width:768px){.cambio-modal-overlay{padding:15px}.cambio-modal-content{max-width:95%;margin:0}.cambio-modal-header{padding:18px 20px}.cambio-modal-header h4{font-size:1.2rem}.cambio-modal-body{padding:25px 20px;gap:15px}.cambio-payment-info{padding:15px}.cambio-section{padding:20px}.cambio-amount{font-size:2.5rem}.cambio-modal-footer{padding:18px 20px;flex-direction:column}.cambio-btn{width:100%;min-width:auto}}@media(max-width:480px){.cambio-modal-body{padding:20px 15px}.cambio-payment-info{padding:12px}.cambio-section{padding:15px}.cambio-amount{font-size:2rem}.cambio-btn{padding:10px 20px;font-size:.95rem}}.cart-container{display:flex;flex-direction:column;flex-grow:1;min-height:0;background-color:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000000d}.cart-header{padding:.75rem 1rem;background-color:#e9ecef;border-bottom:1px solid #dee2e6;flex-shrink:0}.cart-scroll-8-rows{flex-grow:1;overflow-y:auto;overflow-x:hidden;min-height:150px;position:relative}.cart-scroll-8-rows::-webkit-scrollbar{width:12px}.cart-scroll-8-rows::-webkit-scrollbar-track{background:#e9ecef;border-radius:10px}.cart-scroll-8-rows::-webkit-scrollbar-thumb{background-color:#6c757d;border-radius:10px;border:3px solid #e9ecef}.cart-scroll-8-rows::-webkit-scrollbar-thumb:hover{background-color:#5a6268}.cart-table .cart-table-row.fila-seleccionada{background-color:#007bff26!important;box-shadow:inset 4px 0 #007bff}.cart-table .cart-table-row.fila-a-eliminar{background-color:#dc354533!important;box-shadow:inset 4px 0 #dc3545;animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{background-color:#dc354533}50%{background-color:#dc354566}to{background-color:#dc354533}}.cart-header-cell span{display:inline-block!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}@media(max-width:1024px){.cart-header-cell{font-size:.95rem!important}.cart-item-name{font-size:.9rem!important}}@media(max-width:768px){.cart-header-cell{font-size:.85rem!important;padding:8px 4px!important}.cart-header-cantidad{font-size:.75rem!important}.cart-item-name{font-size:.8rem!important}.cart-item-code{font-size:.7rem!important}}.modal-overlay-product-create{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px}.modal-product-create{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header-product-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.modal-header-product-create h4{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center}.btn-close-product-create{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.btn-close-product-create:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body-product-create{padding:25px;overflow-y:auto;max-height:70vh}.form-section-product-create{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea;position:relative}.form-section-product-create:nth-child(3){background:linear-gradient(135deg,#fff5f5,#f8f9fa);border-left-color:#dc3545}.form-section-product-create:nth-child(3) h5{color:#dc3545}.form-section-product-create h5{color:#333;margin-bottom:20px;font-size:1.1rem;font-weight:600;display:flex;align-items:center}.form-row-product-create{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group-product-create{display:flex;flex-direction:column}.form-group-product-create label{font-weight:600;color:#555;margin-bottom:8px;font-size:.9rem}.form-control-product-create{padding:12px 15px;border:2px solid #e1e5e9;border-radius:6px;font-size:.95rem;transition:all .3s ease;background:#fff}.form-control-product-create:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group-product-create input[name=fecha_caducidad]:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group-product-create input[name=lote]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group-product-create input[name=bodega]:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.form-control-product-create.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-control-product-create:disabled{background:#f8f9fa;cursor:not-allowed}.error-text{color:#dc3545;font-size:.8rem;margin-top:5px;display:flex;align-items:center}.error-text:before{content:"⚠";margin-right:5px}.form-text{font-size:.75rem;margin-top:5px;display:flex;align-items:center;color:#6c757d!important}.form-text i{font-size:.7rem}.form-group-product-create input[name=fecha_caducidad]{border-left:3px solid #dc3545}.form-group-product-create input[name=lote]{border-left:3px solid #007bff}.form-group-product-create input[name=bodega]{border-left:3px solid #28a745}textarea.form-control-product-create{resize:vertical;min-height:80px}select.form-control-product-create{cursor:pointer}.modal-footer-product-create{background:#f8f9fa;padding:20px 25px;display:flex;justify-content:flex-end;gap:15px;border-radius:0 0 12px 12px}.btn-cancel-product-create{background:#6c757d;color:#fff;border:none;padding:12px 25px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-cancel-product-create:hover{background:#5a6268;transform:translateY(-1px)}.btn-create-product-create{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 25px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;min-width:150px;justify-content:center}.btn-create-product-create:hover{background:linear-gradient(135deg,#218838,#17a2b8);transform:translateY(-1px);box-shadow:0 4px 15px #28a7454d}.btn-create-product-create:disabled,.btn-cancel-product-create:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.modal-overlay-product-create{padding:10px}.modal-product-create{max-width:100%;margin:10px}.form-row-product-create{grid-template-columns:1fr;gap:15px}.modal-body-product-create{padding:20px 15px}.modal-footer-product-create{padding:15px;flex-direction:column}.btn-cancel-product-create,.btn-create-product-create{width:100%;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-product-create{animation:fadeIn .3s ease-out}.modal-body-product-create::-webkit-scrollbar{width:8px}.modal-body-product-create::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body-product-create::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-body-product-create::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-overlay-price{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px;backdrop-filter:blur(5px)}.modal-price{background:#fff;border-radius:15px;box-shadow:0 25px 80px #0006;max-width:700px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInPrice .4s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInPrice{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-price{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;border-radius:15px 15px 0 0;box-shadow:0 4px 20px #ffc1074d}.modal-header-price h4{margin:0;font-size:1.3rem;font-weight:600;display:flex;align-items:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn-close-price{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.btn-close-price:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body-price{padding:30px;overflow-y:auto;flex:1}.search-container-price{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;min-height:300px}.search-input-section-price{width:100%;max-width:500px}.input-group-price{display:flex;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #ffc10733;border:2px solid #ffc107;animation:inputFocusPulse 2s ease-in-out infinite}@keyframes inputFocusPulse{0%,to{box-shadow:0 4px 20px #ffc10733;border-color:#ffc107}50%{box-shadow:0 6px 25px #ffc10766;border-color:#fd7e14}}.input-group-price{animation:inputFocusPulse 2s ease-in-out infinite}.input-group-text-price{background:linear-gradient(135deg,#ffc107,#fd7e14);border:none;color:#fff;padding:15px 20px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;min-width:60px}.form-control-price{flex:1;border:none;padding:15px 20px;font-size:1.1rem;outline:none;transition:all .3s ease;background:#fff;color:#2c3e50;font-weight:500;caret-color:#ffc107}.form-control-price:focus{box-shadow:0 0 0 3px #ffc10733;background:#fffbf0}.form-control-price::placeholder{color:#6c757d;font-weight:400}.form-control-price:focus::placeholder{color:#adb5bd}.form-control-price:disabled{background:#f8f9fa;cursor:not-allowed}.btn-search-price{background:linear-gradient(135deg,#ffc107,#fd7e14);border:none;color:#fff;padding:15px 20px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;min-width:60px;display:flex;align-items:center;justify-content:center}.btn-search-price:hover:not(:disabled){background:linear-gradient(135deg,#e0a800,#e8680a);transform:scale(1.05)}.btn-search-price:disabled{opacity:.6;cursor:not-allowed;transform:none}.search-actions-price{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:500px}.btn-scan-price{background:linear-gradient(135deg,#17a2b8,#138496);border:none;color:#fff;padding:12px 25px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-size:1rem;box-shadow:0 4px 15px #17a2b84d}.btn-scan-price:hover{background:linear-gradient(135deg,#138496,#0f6674);transform:translateY(-2px);box-shadow:0 6px 20px #17a2b866}.search-help-price{font-size:.9rem;text-align:center;color:#3936da;font-weight:500}.product-result-container{animation:fadeInResult .3s ease-out}@keyframes fadeInResult{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-result-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.product-result-header h5{margin:0;color:#2c3e50;font-weight:600}.btn-new-search-price{background:linear-gradient(135deg,#6c757d,#495057);border:none;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-new-search-price:hover{background:linear-gradient(135deg,#495057,#343a40);transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.product-result-content{background:#f8f9fa;border-radius:12px;padding:25px;border:1px solid #e9ecef}.product-image-result{width:120px;height:120px;border-radius:12px;overflow:hidden;margin:0 auto;border:3px solid #ffc107;box-shadow:0 4px 15px #ffc10733}.product-info-result{display:flex;flex-direction:column;height:100%}.product-title-result{color:#2c3e50;font-size:1.6rem;font-weight:700;margin-bottom:20px;line-height:1.2;text-align:center}.product-details-result{display:flex;flex-direction:column;gap:12px}.detail-row-result{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef}.detail-row-result.full-width{flex-direction:column;align-items:flex-start;gap:8px}.detail-row-result:last-child{border-bottom:none}.detail-label{font-weight:600;color:#495057;font-size:.95rem}.detail-value{font-weight:600;color:#2c3e50;font-size:1rem;text-align:right}.detail-value.price-main-result{font-size:1.4rem;color:#28a745;font-weight:700}.detail-value.stock-good{color:#28a745}.detail-value.stock-low{color:#ffc107}.detail-value.stock-out{color:#dc3545}.detail-value.description{text-align:left;color:#6c757d;font-weight:400;line-height:1.4}.modal-footer-price{background:#f8f9fa;padding:15px 25px;display:flex;justify-content:center;align-items:center;border-radius:0 0 15px 15px;border-top:1px solid #e9ecef}.footer-info{color:#6c757d;font-size:.85rem;text-align:center}.search-container-price.loading{opacity:.6;pointer-events:none}.search-container-price.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid #ffc107;border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.modal-overlay-price{padding:10px}.modal-price{max-width:100%;margin:10px;max-height:95vh}.modal-body-price{padding:20px 15px}.search-container-price{min-height:250px}.input-group-price{flex-direction:column}.input-group-text-price,.btn-search-price{border-radius:0}.form-control-price{border-radius:0;border-top:1px solid #ffc107}.product-result-content{padding:20px 15px}.product-image-result{width:100px;height:100px;margin-bottom:20px}.product-title-result{font-size:1.4rem}.detail-value.price-main-result{font-size:1.2rem}.modal-footer-price{padding:15px}}@media(max-width:480px){.modal-header-price{padding:15px 20px}.modal-header-price h4{font-size:1.1rem}.modal-body-price{padding:15px 10px}.product-result-header{flex-direction:column;text-align:center;gap:10px}.product-result-content .row{margin:0}.product-result-content .col-md-5,.product-result-content .col-md-7{padding:0}}/*!
* 
*   react-simple-keyboard v3.8.87
*   https://github.com/hodgef/react-simple-keyboard
*
*   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
*
*   This source code is licensed under the MIT license found in the
*   LICENSE file in the root directory of this source tree.
*
*//*!
 * 
 *   simple-keyboard v3.8.62
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.inventario-container{padding:20px;max-width:1200px;margin:10px}.pagination{position:sticky;bottom:0;background:#fff;padding:10px}.inventario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.inventario-header h1{color:#333;font-size:2rem;font-weight:700;margin:0}.btn-success{background:#467a3a;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-right:220px}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d;color:#000}.form-modal{background:#fff;border-radius:15px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px 15px 0 0}.form-header h2{margin:0;color:#333;font-size:1.5rem;font-weight:600}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:5px;border-radius:50%;transition:all .3s ease}.btn-close:hover{background:#f8f9fa;color:#333}.producto-form{padding:30px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkmark{width:20px;height:20px;border:2px solid #e9ecef;border-radius:4px;position:relative;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#007bff;border-color:#007bff}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.btn-secondary{background:#6c757d;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.producto-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;border:1px solid #e9ecef}.producto-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.producto-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.producto-avatar{width:50px;height:50px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.producto-info h3{margin:0 0 5px;color:#333;font-size:1.2rem;font-weight:600}.producto-descripcion{color:#666;font-size:.9rem;margin:5px 0}.producto-precio{color:#28a745;font-weight:600;font-size:1.1rem}.producto-status{margin-left:auto}.status-badge{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.producto-details{margin:15px 0}.detail-item{display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0;border-bottom:1px solid #f8f9fa}.stock-disponible{color:#28a745;font-weight:600}.stock-bajo{color:#ffc107;font-weight:600}.stock-agotado{color:#dc3545;font-weight:600}.producto-actions{display:flex;gap:10px;margin-top:15px}.btn-edit,.btn-delete{flex:1;padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:5px}.btn-edit{background:#17a2b8;color:#fff}.btn-edit:hover{background:#138496;transform:translateY(-2px)}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333;transform:translateY(-2px)}.no-productos{text-align:center;padding:60px 20px;color:#666}.no-productos-icon{font-size:4rem;color:#dee2e6;margin-bottom:20px}.no-productos h3{margin:0 0 10px;color:#333;font-size:1.5rem}.no-productos p{margin:0 0 30px;color:#666}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media(max-width:768px){.inventario-header{flex-direction:column;gap:15px;text-align:center}.form-row,.productos-grid{grid-template-columns:1fr}.form-actions,.producto-actions{flex-direction:column}}.codigo-barras-group{position:relative}.codigo-barras-group .input-group .btn-success{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:#fff;transition:all .3s ease;font-weight:600}.codigo-barras-group .input-group .btn-success:hover{background:linear-gradient(135deg,#218838,#1bb584);border-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.codigo-barras-group .input-group .btn-success:active{transform:translateY(0) scale(.98)}.codigo-barras-group .input-group .btn-success .fa-qrcode{animation:pulse-qr-modal 2s ease-in-out infinite}@keyframes pulse-qr-modal{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.badge.bg-info.text-dark{background:linear-gradient(135deg,#17a2b8,#138496)!important;color:#fff!important;padding:.375em .75em;font-size:.75em;border-radius:.375rem;display:inline-flex;align-items:center;gap:.25rem;transition:transform .2s ease}.badge.bg-info.text-dark:hover{transform:scale(1.05)}.form-label .fa-qrcode{color:#28a745}@media(max-width:768px){.codigo-barras-group .input-group{flex-direction:column}.codigo-barras-group .input-group .btn{border-radius:.375rem!important;margin-top:.5rem}.codigo-barras-group .input-group .form-control{border-radius:.375rem!important}}.dataTables_filter{margin-bottom:1rem}.section-header{display:flex;align-items:center;justify-content:space-between}.section-header h6{display:flex;align-items:center;gap:8px}.section-body{transition:all .3s ease}.cursor-pointer{cursor:pointer}.section-body.collapsing{transition:height .3s ease}.product-section .section-header{background:linear-gradient(135deg,#467a3a,#2d5a27)}.inventory-section .section-header{background:linear-gradient(135deg,#198754,#146c43)}.badge.bg-light.text-dark{font-weight:600;font-size:.75rem}.alert.alert-info{background:linear-gradient(135deg,#e7f3ff,#d4ebff);border:1px solid #b8daff;border-left:4px solid #0d6efd}.alert.alert-info .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.alert.alert-warning{background:linear-gradient(135deg,#fff3cd,#ffe69c);border:1px solid #ffc107;border-left:4px solid #ffc107}.inventory-section .form-control:focus,.inventory-section .form-select:focus{border-color:#198754;box-shadow:0 0 0 .25rem #19875440}@media(max-width:1200px){.modal-xl{max-width:95%;margin:1rem auto}}@media(max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:10px}.section-header h6{font-size:.9rem}.inventory-section .section-header .btn{align-self:flex-end}}.text-muted.small{color:#6c757d!important;font-size:.8rem}.text-muted.small i{color:#0d6efd}.text-muted.small strong{color:#495057}.form-label.fw-bold:after{content:" *";color:#dc3545}.form-control::placeholder{color:#adb5bd;opacity:.7}:root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 228, 228, 228;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-header-align-items: center;--dt-header-vertical-align: middle;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable tbody td.dt-control{text-align:center;cursor:pointer}table.dataTable tbody td.dt-control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0,0,0,.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable tbody tr.dt-hasChild td.dt-control:before{border-top:10px solid rgba(0,0,0,.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}table.dataTable tfoot:empty{display:none}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before,:root[data-theme=dark] table.dataTable td.dt-control:before{border-left-color:#ffffff80}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:#ffffff80;border-left-color:transparent}div.dt-scroll{width:100%}div.dt-scroll-body thead tr,div.dt-scroll-body tfoot tr{height:0}div.dt-scroll-body thead tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body tfoot tr td{height:0!important;padding-top:0!important;padding-bottom:0!important;border-top-width:0px!important;border-bottom-width:0px!important}div.dt-scroll-body thead tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body tfoot tr td div.dt-scroll-sizing{height:0!important;overflow:hidden!important}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before{position:absolute;display:block;bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{position:absolute;display:block;top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order{position:relative;width:12px;height:24px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{left:0;opacity:.125;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc{cursor:pointer}table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(0,0,0,.05);outline-offset:-2px}table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{opacity:.6}table.dataTable thead>tr>th.dt-orderable-none:not(.dt-ordering-asc,.dt-ordering-desc) span.dt-column-order:empty,table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-none:not(.dt-ordering-asc,.dt-ordering-desc) span.dt-column-order:empty,table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th div.dt-column-header,table.dataTable thead>tr>th div.dt-column-footer,table.dataTable thead>tr>td div.dt-column-header,table.dataTable thead>tr>td div.dt-column-footer,table.dataTable tfoot>tr>th div.dt-column-header,table.dataTable tfoot>tr>th div.dt-column-footer,table.dataTable tfoot>tr>td div.dt-column-header,table.dataTable tfoot>tr>td div.dt-column-footer{display:flex;justify-content:space-between;align-items:var(--dt-header-align-items);gap:4px}table.dataTable thead>tr>th div.dt-column-header span.dt-column-title,table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title,table.dataTable thead>tr>td div.dt-column-header span.dt-column-title,table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title,table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title,table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title,table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title,table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title{flex-grow:1}table.dataTable thead>tr>th div.dt-column-header span.dt-column-title:empty,table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-header span.dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title:empty{display:none}div.dt-scroll-body>table.dataTable>thead>tr>th,div.dt-scroll-body>table.dataTable>thead>tr>td{overflow:hidden}:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(255,255,255,.05)}div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}div.dt-processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dt-processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:#0d6efd;background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0,1,1,0)}div.dt-processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dt-processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0)}to{transform:translate(24px)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th,table.dataTable td{box-sizing:border-box}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:right}table.dataTable th.dt-type-numeric div.dt-column-header,table.dataTable th.dt-type-numeric div.dt-column-footer,table.dataTable th.dt-type-date div.dt-column-header,table.dataTable th.dt-type-date div.dt-column-footer,table.dataTable td.dt-type-numeric div.dt-column-header,table.dataTable td.dt-type-numeric div.dt-column-footer,table.dataTable td.dt-type-date div.dt-column-header,table.dataTable td.dt-type-date div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-left div.dt-column-header,table.dataTable th.dt-left div.dt-column-footer,table.dataTable td.dt-left div.dt-column-header,table.dataTable td.dt-left div.dt-column-footer{flex-direction:row}table.dataTable th.dt-center,table.dataTable td.dt-center{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-right div.dt-column-header,table.dataTable th.dt-right div.dt-column-footer,table.dataTable td.dt-right div.dt-column-header,table.dataTable td.dt-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-justify div.dt-column-header,table.dataTable th.dt-justify div.dt-column-footer,table.dataTable td.dt-justify div.dt-column-header,table.dataTable td.dt-justify div.dt-column-footer{flex-direction:row}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable th.dt-empty,table.dataTable td.dt-empty{text-align:center;vertical-align:top}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left;vertical-align:var(--dt-header-vertical-align)}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-left div.dt-column-header,table.dataTable thead th.dt-head-left div.dt-column-footer,table.dataTable thead td.dt-head-left div.dt-column-header,table.dataTable thead td.dt-head-left div.dt-column-footer,table.dataTable tfoot th.dt-head-left div.dt-column-header,table.dataTable tfoot th.dt-head-left div.dt-column-footer,table.dataTable tfoot td.dt-head-left div.dt-column-header,table.dataTable tfoot td.dt-head-left div.dt-column-footer{flex-direction:row}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-right div.dt-column-header,table.dataTable thead th.dt-head-right div.dt-column-footer,table.dataTable thead td.dt-head-right div.dt-column-header,table.dataTable thead td.dt-head-right div.dt-column-footer,table.dataTable tfoot th.dt-head-right div.dt-column-header,table.dataTable tfoot th.dt-head-right div.dt-column-footer,table.dataTable tfoot td.dt-head-right div.dt-column-header,table.dataTable tfoot td.dt-head-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-justify div.dt-column-header,table.dataTable thead th.dt-head-justify div.dt-column-footer,table.dataTable thead td.dt-head-justify div.dt-column-header,table.dataTable thead td.dt-head-justify div.dt-column-footer,table.dataTable tfoot th.dt-head-justify div.dt-column-header,table.dataTable tfoot th.dt-head-justify div.dt-column-footer,table.dataTable tfoot td.dt-head-justify div.dt-column-header,table.dataTable tfoot td.dt-head-justify div.dt-column-footer{flex-direction:row}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}/*! Bootstrap 5 integration for DataTables
 *
 * ©2020 SpryMedia Ltd, all rights reserved.
 * License: MIT datatables.net/license/mit
 */table.table.dataTable{clear:both;margin-bottom:0;max-width:none;border-spacing:0}table.table.dataTable.table-striped>tbody>tr:nth-of-type(odd)>*{box-shadow:none}table.table.dataTable>:not(caption)>*>*{background-color:var(--bs-table-bg)}table.table.dataTable>tbody>tr{background-color:transparent}table.table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px #0d6efd;box-shadow:inset 0 0 0 9999px rgb(var(--dt-row-selected));color:#fff;color:rgb(var(--dt-row-selected-text))}table.table.dataTable>tbody>tr.selected a{color:#e4e4e4;color:rgb(var(--dt-row-selected-link))}table.table.dataTable.table-striped>tbody>tr:nth-of-type(odd)>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe),.05)}table.table.dataTable.table-striped>tbody>tr:nth-of-type(odd).selected>*{box-shadow:inset 0 0 0 9999px #0d6efdf2;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.95)}table.table.dataTable.table-hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover),.075)}table.table.dataTable.table-hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efdf9;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.975)}div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:1em}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:1em}div.dt-container div.dt-layout-full{width:100%}div.dt-container div.dt-layout-full>*:only-child{margin-left:auto;margin-right:auto}div.dt-container div.dt-layout-table>div{display:block!important}@media screen and (max-width:767px){div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:0}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:0}}div.dt-container{position:relative}div.dt-container div.dt-length label{font-weight:400;text-align:left;white-space:nowrap}div.dt-container div.dt-length select{width:auto;display:inline-block;margin-right:.5em}div.dt-container div.dt-search{text-align:right}div.dt-container div.dt-search label{font-weight:400;white-space:nowrap;text-align:left}div.dt-container div.dt-search input{margin-left:.5em;display:inline-block;width:auto}div.dt-container div.dt-paging{margin:0}div.dt-container div.dt-paging ul.pagination{margin:2px 0;flex-wrap:wrap}div.dt-container div.dt-row{position:relative}div.dt-scroll-head table.dataTable{margin-bottom:0!important}div.dt-scroll-body{border-bottom-color:var(--bs-border-color);border-bottom-width:var(--bs-border-width);border-bottom-style:solid}div.dt-scroll-body>table{border-top:none;margin-top:0!important;margin-bottom:0!important}div.dt-scroll-body>table>tbody>tr:first-child{border-top-width:0}div.dt-scroll-body>table>thead>tr{border-width:0!important}div.dt-scroll-body>table>tbody>tr:last-child>*{border-bottom:none}div.dt-scroll-foot>.dt-scroll-footInner{box-sizing:content-box}div.dt-scroll-foot>.dt-scroll-footInner>table{margin-top:0!important;border-top:none}div.dt-scroll-foot>.dt-scroll-footInner>table>tfoot>tr:first-child{border-top-width:0!important}@media screen and (max-width:767px){div.dt-container div.dt-length,div.dt-container div.dt-search,div.dt-container div.dt-info,div.dt-container div.dt-paging{text-align:center}div.dt-container .row{--bs-gutter-y: .5rem}div.dt-container div.dt-paging ul.pagination{justify-content:center!important}}table.dataTable.table-sm>thead>tr th.dt-orderable-asc,table.dataTable.table-sm>thead>tr th.dt-orderable-desc,table.dataTable.table-sm>thead>tr th.dt-ordering-asc,table.dataTable.table-sm>thead>tr th.dt-ordering-desc,table.dataTable.table-sm>thead>tr td.dt-orderable-asc,table.dataTable.table-sm>thead>tr td.dt-orderable-desc,table.dataTable.table-sm>thead>tr td.dt-ordering-asc,table.dataTable.table-sm>thead>tr td.dt-ordering-desc{padding-right:.25rem}table.dataTable.table-sm>thead>tr th.dt-orderable-asc span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-orderable-desc span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-ordering-asc span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-ordering-desc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-orderable-asc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-orderable-desc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-ordering-asc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-ordering-desc span.dt-column-order{right:.25rem}table.dataTable.table-sm>thead>tr th.dt-type-date span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-type-numeric span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-type-date span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-type-numeric span.dt-column-order{left:.25rem}div.dt-scroll-head table.table-bordered{border-bottom-width:0}div.table-responsive>div.dt-container>div.row{margin:0}div.table-responsive>div.dt-container>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dt-container>div.row>div[class^=col-]:last-child{padding-right:0}:root[data-bs-theme=dark]{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}.dataTables_wrapper{position:relative;clear:both}.dataTables_scrollBody{overflow-x:auto!important;overflow-y:auto!important}.dataTables_scrollBody::-webkit-scrollbar{width:8px;height:8px}.dataTables_scrollBody::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dataTables_scrollBody::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.dataTables_scrollBody::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dataTables_scrollBody{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.dataTables_scroll{border:1px solid #dee2e6;border-radius:.375rem;overflow:hidden}.dataTables_scrollHead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.dataTables_scrollBody{max-height:400px}.table-inventario .dataTables_scrollBody{max-height:500px}.table-entidades .dataTables_scrollBody{max-height:450px}.table-reportes .dataTables_scrollBody{max-height:500px}.table-comprobantes .dataTables_scrollBody{max-height:450px}.table-small .dataTables_scrollBody{max-height:300px}.dataTables_scrollBody:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;background:#0000001a;border-radius:50%;pointer-events:none}@media(max-width:768px){.dataTables_scrollBody{max-height:300px}.dataTables_scrollBody::-webkit-scrollbar{width:6px;height:6px}}.multiple-payment-modal .dataTables_scrollBody{max-height:250px}.compact-container .dataTables_scrollBody{max-height:200px}.reportes-container{padding:20px;background-color:#f8f9fa;min-height:100vh;height:100vh;overflow-y:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.reportes-container::-webkit-scrollbar{width:10px}.reportes-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.reportes-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px}.reportes-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.reportes-header{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;position:relative}.reportes-header h2{margin:0 0 20px;color:#2c3e50;font-size:24px;font-weight:600}.header-content{display:flex;gap:20px;align-items:flex-start}.ventas-hoy.h3{color:#000}.filtros{display:flex;gap:20px;align-items:center;flex-wrap:wrap;flex:1}.filtro-grupo{display:flex;flex-direction:column;gap:5px}.filtro-grupo label{font-weight:500;color:#555;font-size:14px}.filtro-grupo input,.filtro-grupo select{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px}.btn-generar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-generar:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.estadisticas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.estadistica-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .3s ease}.estadistica-card:hover{transform:translateY(-5px)}.estadistica-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.estadistica-card:nth-child(1) .estadistica-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.estadistica-card:nth-child(2) .estadistica-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.estadistica-card:nth-child(3) .estadistica-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.estadistica-card:nth-child(4) .estadistica-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.estadistica-info h3{margin:0;font-size:14px;color:#666;font-weight:500}.estadistica-info p{margin:0;font-size:24px;font-weight:700;color:#2c3e50}.tabs-navegacion{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.tab-btn{background:#fff;border:2px solid #e9ecef;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;color:#6c757d;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.tab-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 15px #667eea4d}.tab-btn i{font-size:16px}.tab-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;margin-bottom:20px}.reporte-seccion{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.seccion-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.seccion-header h3{margin:0;color:#2c3e50;font-size:18px;font-weight:600}.botones-exportar{display:flex;gap:10px}.btn-exportar{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;transition:background-color .3s ease}.btn-exportar:hover{background:#218838}.btn-exportar:nth-child(2){background:#dc3545}.btn-exportar:nth-child(2):hover{background:#c82333}.btn-exportar:nth-child(3){background:#6c757d}.btn-exportar:nth-child(3):hover{background:#5a6268}.btn-exportar:nth-child(4){background:#17a2b8}.btn-exportar:nth-child(4):hover{background:#138496}.btn-programado{background:linear-gradient(135deg,#17a2b8,#20c997);color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;transition:all .3s ease;animation:pulse 2s infinite}.btn-programado:hover{background:linear-gradient(135deg,#138496,#17a2b8);transform:translateY(-1px);box-shadow:0 4px 15px #17a2b866}@keyframes pulse{0%{box-shadow:0 0 #17a2b866}70%{box-shadow:0 0 0 10px #17a2b800}to{box-shadow:0 0 #17a2b800}}.btn-detalle{background:#28a745;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:5px;transition:all .3s ease}.btn-detalle:hover{background:#218838;transform:translateY(-1px)}.tabla-container{overflow-x:auto;max-height:400px;overflow-y:auto}.tabla-container::-webkit-scrollbar{width:8px}.tabla-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.tabla-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.tabla-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.tabla-reporte{width:100%;border-collapse:collapse}.tabla-reporte th,.tabla-reporte td{padding:12px;text-align:left;border-bottom:1px solid #eee}.tabla-reporte th{background:#f8f9fa;font-weight:600;color:#495057;position:sticky;top:0}.tabla-reporte tr:hover{background:#f8f9fa}.tabla-reporte td{color:#6c757d}.mensaje-sin-datos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6c757d;background:#f8f9fa;border-radius:8px;margin:20px}.mensaje-sin-datos i{font-size:48px;margin-bottom:15px;opacity:.6}.mensaje-sin-datos p{font-size:18px;font-weight:500;margin:0 0 10px;color:#495057}.mensaje-sin-datos small{font-size:14px;opacity:.7;line-height:1.4}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:20px}.chart-container{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000000d}.mensaje-sin-datos .fa-spinner{color:#667eea;opacity:1}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.loading i{font-size:24px;color:#667eea}@media(max-width:768px){.reportes-container{padding:10px}.header-content{flex-direction:column;gap:15px}.filtros{flex-direction:column;align-items:stretch}.ventas-hoy-card{min-width:auto;width:100%}.estadisticas-grid{grid-template-columns:1fr}.tabs-navegacion{flex-wrap:wrap}.tab-btn{flex:1;min-width:auto}.seccion-header{flex-direction:column;gap:15px;align-items:stretch}.botones-exportar{justify-content:center}.tabla-reporte{font-size:14px}.tabla-reporte th,.tabla-reporte td{padding:8px}}@media(max-width:480px){.estadistica-card{padding:15px}.tab-btn{padding:10px 15px;font-size:14px}.tab-btn i{font-size:14px}.btn-exportar{padding:8px 12px;font-size:12px}.btn-detalle{padding:4px 8px;font-size:11px}.ventas-hoy-card{padding:15px}.ventas-hoy-header h3{font-size:16px}.stat-value{font-size:14px}.btn-actualizar-hoy{padding:6px 12px;font-size:11px}.mensaje-sin-datos{padding:40px 15px}.mensaje-sin-datos i{font-size:36px}.mensaje-sin-datos p{font-size:16px}.mensaje-sin-datos small{font-size:13px}}.ventas-hoy-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;min-width:280px;box-shadow:0 4px 20px #667eea4d;position:relative;overflow:hidden}.ventas-hoy-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#fff0);pointer-events:none}.ventas-hoy-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;position:relative;z-index:1}.ventas-hoy-header i{font-size:20px;color:#ffffffe6}.ventas-hoy-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.ventas-hoy-content{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;position:relative;z-index:1}.ventas-hoy-stat{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.stat-label{font-size:14px;font-weight:500;color:#fffc}.stat-label.text-success{color:#0f8!important;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px}.stat-value{font-size:16px;font-weight:700;color:#fff}.btn-actualizar-hoy{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .3s ease;position:relative;z-index:1;width:100%;justify-content:center}.btn-actualizar-hoy:hover{background:#ffffff4d;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.btn-actualizar-hoy i{font-size:12px}.loading-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#fffc;margin-left:auto}.loading-indicator i{font-size:12px}.stat-value .fa-spinner{color:#ffffffb3}.btn-actualizar-hoy:disabled{opacity:.7;cursor:not-allowed}.btn-actualizar-hoy:disabled:hover{transform:none;box-shadow:none}.form-select-sm,.form-control-sm{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px;background-color:#fff}.form-control-sm:focus,.form-select-sm:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.advanced-charts-section{margin-top:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.advanced-charts-section h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #667eea}.charts-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px}@media(max-width:992px){.charts-grid-2{grid-template-columns:1fr}}@media(max-width:1200px){.filtros .row .col-md-3,.filtros .row .col-md-2{flex:0 0 auto;width:auto;min-width:200px}}@media(max-width:768px){.filtros .row{flex-direction:column}.filtros .row .col-md-3,.filtros .row .col-md-2{width:100%;min-width:auto;margin-bottom:10px}.advanced-charts-section{padding:15px}.charts-grid-2{gap:15px}}.btn-outline-secondary{background:#6c757d;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;transition:all .3s ease}.btn-outline-secondary:hover{background:#5a6268;transform:translateY(-1px)}.chart-container{position:relative}.chart-container canvas{max-height:300px}.chart-loading{display:flex;align-items:center;justify-content:center;height:300px;color:#6c757d}.chart-loading i{font-size:24px;margin-right:10px}.estadistica-card{cursor:pointer}.estadistica-card:hover .estadistica-info h3{color:#667eea;transition:color .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.advanced-charts-section{animation:fadeInUp .5s ease-out}.reportes-header{position:relative;overflow:hidden}.reportes-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);pointer-events:none}.filtros{position:relative;z-index:10;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.btn-generar{position:relative;overflow:hidden}.btn-generar:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.btn-generar:active:after{width:300px;height:300px}.inventario-alertas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0}.alerta-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.alerta-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.alerta-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.alerta-header h4{margin:0;font-size:14px;font-weight:600;color:#495057}.alerta-content{display:flex;flex-direction:column;align-items:center}.alerta-numero{font-size:24px;font-weight:700;margin-bottom:5px}.alerta-card.stock-bajo{border-left:4px solid #ffc107}.alerta-card.stock-bajo .alerta-header i{color:#ffc107}.alerta-card.stock-bajo .alerta-numero{color:#856404}.alerta-card.sin-stock{border-left:4px solid #dc3545}.alerta-card.sin-stock .alerta-header i{color:#dc3545}.alerta-card.sin-stock .alerta-numero{color:#721c24}.alerta-card.stock-critico{border-left:4px solid #fd7e14}.alerta-card.stock-critico .alerta-header i{color:#fd7e14}.alerta-card.stock-critico .alerta-numero{color:#8b4513}.alerta-card p{margin:0;font-size:12px;color:#6c757d;font-weight:500}@media(max-width:768px){.inventario-alertas-grid{grid-template-columns:1fr;gap:10px}.alerta-card{padding:12px}.alerta-numero{font-size:20px}}.productos-metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px}.metrica-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .3s ease,box-shadow .3s ease}.metrica-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px #00000026}.metrica-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.metrica-card:nth-child(1) .metrica-icon{background:linear-gradient(135deg,#28a745,#20c997)}.metrica-card:nth-child(2) .metrica-icon{background:linear-gradient(135deg,#007bff,#6610f2)}.metrica-card:nth-child(3) .metrica-icon{background:linear-gradient(135deg,#fd7e14,#e83e8c)}.metrica-info{flex:1}.metrica-info h4{margin:0 0 5px;font-size:14px;color:#6c757d;font-weight:600}.metrica-valor{margin:0;font-size:24px;font-weight:700;color:#2c3e50}@media(max-width:768px){.productos-metricas{grid-template-columns:1fr;gap:10px;padding:15px}.metrica-card{padding:15px}.metrica-valor{font-size:20px}}.clientes-segmentacion{margin:20px 0;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.clientes-segmentacion h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #667eea}.segmentos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.segmento-card{background:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.segmento-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.segmento-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.segmento-header h5{margin:0;font-size:16px;font-weight:600}.segmento-cantidad{background:#667eea;color:#fff;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600}.segmento-descripcion{margin:0 0 10px;font-size:12px;color:#6c757d;line-height:1.4}.segmento-valor{margin:0;font-size:18px;font-weight:700;color:#28a745}@media(max-width:768px){.segmentos-grid{grid-template-columns:1fr;gap:10px}.segmento-card{padding:12px}.clientes-segmentacion{padding:15px}}.proveedores-rendimiento{margin:20px 0;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.proveedores-rendimiento h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #667eea}.top-proveedores{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.proveedor-card{background:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.proveedor-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.proveedor-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.proveedor-numero{background:#667eea;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.proveedor-header h5{margin:0;font-size:16px;font-weight:600;color:#2c3e50;flex:1}.proveedor-calificacion{display:flex;gap:2px}.proveedor-calificacion .fa-star{font-size:14px}.proveedor-metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.proveedor-metrica{display:flex;flex-direction:column;align-items:center;text-align:center}.metrica-label{font-size:12px;color:#6c757d;margin-bottom:5px}.proveedor-metrica .metrica-valor{font-size:14px;font-weight:600;color:#28a745}@media(max-width:768px){.top-proveedores{grid-template-columns:1fr;gap:10px}.proveedor-card{padding:12px}.proveedor-metricas{grid-template-columns:1fr;gap:8px}.proveedores-rendimiento{padding:15px}}.reportes-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.reportes-header{background:#fff;border-radius:15px;padding:25px;margin-bottom:25px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.8)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-info{display:flex;align-items:center;gap:20px}.btn-back{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease}.btn-back:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6c757d4d}.header-title h1{margin:0;color:#2c3e50;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.header-title h1 i{color:#fd7e14;font-size:32px}.header-title p{margin:5px 0 0;color:#6c757d;font-size:16px}.header-status{display:flex;gap:15px}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:25px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0000001a}.status-indicator.demo-mode{background:linear-gradient(135deg,#17a2b8,#20c997);color:#fff}.status-indicator.offline{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff}.status-indicator.online{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.status-indicator i{font-size:12px}.reportes-navigation{border-top:2px solid #e9ecef;padding-top:20px}.nav-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.nav-tab{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;padding:20px 15px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.nav-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--nav-color) 0%,var(--nav-color-hover) 100%);opacity:0;transition:opacity .3s ease}.nav-tab:hover:before{opacity:.1}.nav-tab:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:var(--nav-color)}.nav-tab.active{background:linear-gradient(135deg,var(--nav-color) 0%,var(--nav-color-hover) 100%);color:#fff;border-color:var(--nav-color);box-shadow:0 8px 25px var(--nav-color + "40")}.nav-tab.active:before{opacity:.2}.nav-tab i{font-size:24px;margin-bottom:10px;display:block}.nav-tab span{font-weight:600;font-size:16px;display:block;margin-bottom:5px}.nav-tab small{font-size:12px;opacity:.8;line-height:1.3}.nav-tab.active i,.nav-tab.active span,.nav-tab.active small{color:#fff}.reportes-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.dashboard-container{padding:30px}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:10px}.dashboard-header p{color:#6c757d;font-size:18px;margin-bottom:20px}.btn-refresh{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 4px 15px #007bff4d}.kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px}.kpi-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 8px 25px #0000001a;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.kpi-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026;border-color:var(--kpi-color, #007bff)}.kpi-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.kpi-card.primary .kpi-icon{background:linear-gradient(135deg,#007bff,#0056b3)}.kpi-card.success .kpi-icon{background:linear-gradient(135deg,#28a745,#20c997)}.kpi-card.info .kpi-icon{background:linear-gradient(135deg,#17a2b8,#138496)}.kpi-card.warning .kpi-icon{background:linear-gradient(135deg,#ffc107,#eabd0e)}.kpi-content h3{margin:0;font-size:28px;font-weight:700;color:#2c3e50}.kpi-content h4{margin:5px 0;font-size:16px;font-weight:600;color:#6c757d}.kpi-content p{margin:0;font-size:14px;color:#6c757d}.kpi-action{margin-left:auto;color:#6c757d;font-size:18px}@media(max-width:768px){.reportes-container{padding:15px}.header-top{flex-direction:column;gap:15px;text-align:center}.header-info{flex-direction:column;gap:15px}.header-title h1{font-size:24px;justify-content:center}.header-status{justify-content:center}.nav-tabs{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.nav-tab{padding:15px 10px}.nav-tab i{font-size:20px}.nav-tab span{font-size:14px}.nav-tab small{font-size:11px}.dashboard-container{padding:20px}.dashboard-header h2{font-size:24px}.kpis-grid{grid-template-columns:1fr;gap:15px}.kpi-card{padding:20px}}.server-status-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.server-status-indicator.demo-mode{background:linear-gradient(135deg,#17a2b8,#20c997);color:#fff;box-shadow:0 2px 8px #17a2b84d}.server-status-indicator.offline{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff;box-shadow:0 2px 8px #dc35454d}.server-status-indicator.online{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 8px #28a7454d}.server-status-indicator i{font-size:10px}.server-status-indicator small{font-size:11px}@media(max-width:768px){.server-status-indicator{padding:4px 8px;font-size:11px}.server-status-indicator small{font-size:10px}}.cajero-filtros{display:flex;gap:15px;align-items:center}.cajero-filtros .filtro-grupo{min-width:200px}@media(max-width:768px){.cajero-filtros{flex-direction:column;align-items:stretch}.cajero-filtros .filtro-grupo{min-width:auto}}.caja-analisis-avanzado{margin:20px 0}.caja-flujo-efectivo h4,.caja-arqueo-info h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #667eea}.flujo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.flujo-item{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .3s ease,box-shadow .3s ease}.flujo-item:hover{transform:translateY(-3px);box-shadow:0 4px 20px #00000026}.flujo-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.flujo-item.ingresos .flujo-icon{background:linear-gradient(135deg,#28a745,#20c997)}.flujo-item.egresos .flujo-icon{background:linear-gradient(135deg,#dc3545,#e74c3c)}.flujo-item.saldo .flujo-icon{background:linear-gradient(135deg,#007bff,#6610f2)}.flujo-info h5{margin:0 0 5px;font-size:14px;color:#6c757d;font-weight:600}.flujo-valor{margin:0 0 5px;font-size:24px;font-weight:700}.flujo-item.ingresos .flujo-valor{color:#28a745}.flujo-item.egresos .flujo-valor{color:#dc3545}.flujo-item.saldo .flujo-valor.positivo{color:#007bff}.flujo-item.saldo .flujo-valor.negativo{color:#dc3545}.flujo-info small{color:#6c757d;font-size:12px;line-height:1.4}.arqueo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.arqueo-item{background:#f8f9fa;border-radius:8px;padding:15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.arqueo-label{font-weight:600;color:#495057}.arqueo-valor{font-weight:700;font-size:18px}.arqueo-valor.positivo{color:#28a745}.arqueo-valor.negativo{color:#dc3545}.caja-info{margin-top:10px}.caja-info small{color:#6c757d;font-style:italic}@media(max-width:768px){.flujo-grid{grid-template-columns:1fr;gap:15px}.flujo-item{padding:15px}.flujo-valor{font-size:20px}.arqueo-grid{grid-template-columns:1fr;gap:10px}.arqueo-item{padding:12px}.caja-analisis-avanzado{margin:15px 0}}.reporte-ventas{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden;margin-bottom:20px}.reporte-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:30px;position:relative;overflow:hidden}.reporte-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#fff0);pointer-events:none}.reporte-title{position:relative;z-index:1}.reporte-title h2{margin:0 0 10px;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.reporte-title h2 i{color:#ffffffe6;font-size:32px}.reporte-title p{margin:0;opacity:.9;font-size:16px;line-height:1.4}.reporte-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:center}.reporte-filtros{background:#f8f9fa;padding:25px;border-bottom:1px solid #e9ecef}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}.filtro-item{display:flex;flex-direction:column;gap:8px}.filtro-item label{font-weight:600;color:#495057;font-size:14px}.filtro-item input,.filtro-item select{padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.filtro-item input:focus,.filtro-item select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.btn-apply-filters{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;height:fit-content}.btn-apply-filters:hover{transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.reporte-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px}.metric-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:20px;transition:all .3s ease;border:2px solid transparent}.metric-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:#007bff}.metric-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.metric-card:nth-child(1) .metric-icon{background:linear-gradient(135deg,#28a745,#20c997)}.metric-card:nth-child(2) .metric-icon{background:linear-gradient(135deg,#007bff,#6610f2)}.metric-card:nth-child(3) .metric-icon{background:linear-gradient(135deg,#ffc107,#fd7e14)}.metric-info h3{margin:0 0 5px;font-size:28px;font-weight:700;color:#2c3e50}.metric-info p{margin:0;font-size:14px;color:#6c757d;font-weight:600}.reporte-charts{padding:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.chart-container{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a;border:1px solid #e9ecef}.chart-container h4{margin:0 0 20px;color:#2c3e50;font-size:18px;font-weight:600;text-align:center;padding-bottom:10px;border-bottom:2px solid #007bff}.reporte-table{padding:30px}.table-header{margin-bottom:20px}.table-header h4{margin:0;color:#2c3e50;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.table-header h4 i{color:#007bff}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;border:1px solid #e9ecef}.loading-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.loading-table i{font-size:32px;margin-bottom:15px;color:#007bff}.loading-table p{margin:0;font-size:16px;font-weight:500}.data-table{width:100%;border-collapse:collapse}.data-table th{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:15px 12px;text-align:left;font-weight:600;font-size:14px;border:none;position:sticky;top:0}.data-table th:first-child{border-top-left-radius:8px}.data-table th:last-child{border-top-right-radius:8px}.data-table td{padding:15px 12px;border-bottom:1px solid #e9ecef;color:#495057;font-size:14px}.data-table tr:hover{background:#f8f9fa}.data-table tr:last-child td{border-bottom:none}.data-table tr:last-child td:first-child{border-bottom-left-radius:8px}.data-table tr:last-child td:last-child{border-bottom-right-radius:8px}.metodo-pago{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metodo-pago.efectivo{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.metodo-pago.nequi{background:linear-gradient(135deg,#6f42c1,#e83e8c);color:#fff}.metodo-pago.daviplata{background:linear-gradient(135deg,#fd7e14,#e83e8c);color:#fff}.metodo-pago.tarjeta{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff}.metodo-pago.multiple{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.text-right{text-align:right;font-weight:600}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d;text-align:center}.no-data i{font-size:48px;margin-bottom:15px;opacity:.6;color:#007bff}.no-data p{margin:0;font-size:16px;font-weight:500}.btn-export{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-export:hover{transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}@media(max-width:1200px){.reporte-charts{grid-template-columns:1fr;gap:25px}}@media(max-width:768px){.reporte-ventas{margin:10px;border-radius:12px}.reporte-header{padding:20px}.reporte-title h2{font-size:24px;flex-direction:column;text-align:center;gap:8px}.reporte-title h2 i{font-size:28px}.reporte-actions{justify-content:center;margin-top:15px}.filtros-grid{grid-template-columns:1fr;gap:15px}.reporte-metrics{grid-template-columns:1fr;gap:15px;padding:20px}.metric-card{padding:20px}.metric-info h3{font-size:24px}.reporte-charts{padding:20px;gap:20px}.chart-container,.reporte-table{padding:20px}.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 8px}}@media(max-width:480px){.reporte-header{padding:15px}.reporte-title h2{font-size:20px}.reporte-title p{font-size:14px}.btn-export{padding:10px 16px;font-size:14px}.btn-apply-filters{padding:10px 20px;font-size:14px}.metric-card{flex-direction:column;text-align:center;gap:15px}.metric-icon{width:50px;height:50px;font-size:20px}.metric-info h3{font-size:20px}}.reporte-categorias-modern{margin:30px 0;background:#fff;border-radius:20px;box-shadow:0 15px 35px #0000001a;overflow:hidden;border:1px solid rgba(255,255,255,.8)}.section-header-modern{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.header-icon{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:24px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);position:relative;z-index:1}.header-content{flex:1;margin-left:20px;position:relative;z-index:1}.header-content h3{margin:0 0 5px;font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-content p{margin:0;opacity:.9;font-size:16px;line-height:1.4}.header-stats{position:relative;z-index:1}.total-categorias{background:#fff3;color:#fff;padding:8px 16px;border-radius:25px;font-weight:600;font-size:14px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:8px}.total-categorias:before{content:"📊";font-size:16px}.categorias-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;padding:30px}.categoria-card-modern{animation:fadeInUp .6s ease-out both;animation-delay:var(--delay, 0s)}.categoria-card-inner{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.8);position:relative}.categoria-card-inner:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.categoria-header-modern{padding:20px;position:relative;overflow:hidden}.categoria-header-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.categoria-icon{width:50px;height:50px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:15px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.categoria-title{position:relative;z-index:1}.categoria-title h4{margin:0 0 5px;font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.categoria-count{background:#fff3;color:#fff;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:inline-block}.categoria-content-modern{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.categoria-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;width:100%;justify-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease;min-height:80px;text-align:center}.stat-item:hover{background:#e9ecef;transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0;margin:0 auto}.stat-info{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-info .stat-label{margin:0;font-size:11px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-info .stat-value{margin:0;font-size:16px;font-weight:700;color:#2c3e50}.categoria-progress{margin-top:15px;width:100%;display:flex;flex-direction:column;align-items:center}.progress-label{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:#6c757d;font-weight:600}.progress-percent{color:#667eea;font-weight:700}.progress-bar{width:100%;max-width:200px;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:4px;transition:width .8s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.categoria-hover-effect{position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease;pointer-events:none}.categoria-card-inner:hover .categoria-hover-effect{opacity:1}.categorias-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:30px;border-top:1px solid #dee2e6}.summary-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 8px 25px #0000001a;display:flex;align-items:center;gap:20px;max-width:600px;margin:0 auto}.summary-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.summary-content{flex:1}.summary-content h4{margin:0 0 15px;font-size:22px;font-weight:700;color:#2c3e50}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.summary-stat{text-align:center;padding:10px;background:#f8f9fa;border-radius:10px}.summary-stat .stat-number{display:block;font-size:24px;font-weight:700;color:#667eea;margin-bottom:2px}.summary-stat .stat-label{font-size:12px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.categorias-grid-modern{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:25px}}@media(max-width:768px){.reporte-categorias-modern{margin:20px 0;border-radius:15px}.section-header-modern{padding:20px;flex-direction:column;text-align:center;gap:15px}.header-content{margin-left:0}.header-content h3{font-size:24px}.header-content p{font-size:14px}.categorias-grid-modern{grid-template-columns:1fr;gap:20px;padding:20px}.categoria-card-modern{animation-delay:0s!important}.categoria-stats{grid-template-columns:1fr;gap:12px}.stat-item{padding:12px;min-height:70px}.stat-info .stat-label{font-size:10px}.stat-info .stat-value{font-size:14px}.categoria-content-modern{padding:15px}.categorias-summary{padding:20px}.summary-card{flex-direction:column;text-align:center;gap:15px;padding:20px}.summary-stats{grid-template-columns:repeat(3,1fr);gap:10px}.summary-stat .stat-number{font-size:20px}.summary-stat .stat-label{font-size:11px}}@media(max-width:480px){.section-header-modern{padding:15px}.header-content h3{font-size:20px}.categorias-grid-modern{padding:15px;gap:15px}.categoria-header-modern{padding:15px}.categoria-title h4{font-size:18px}.categoria-content-modern{padding:15px}.progress-bar{max-width:150px}.summary-stats{grid-template-columns:1fr;gap:8px}.summary-stat{padding:8px}.summary-stat .stat-number{font-size:18px}}.arqueo-detallado{margin:30px 0;background:#fff;border-radius:20px;box-shadow:0 15px 35px #0000001a;overflow:hidden;border:1px solid rgba(255,255,255,.8)}.section-header-modern{background:linear-gradient(135deg,#20c997,#17a2b8);color:#fff;padding:30px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.section-header-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#fff0);pointer-events:none}.section-icon{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:24px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);position:relative;z-index:1}.section-info{flex:1;margin-left:20px;position:relative;z-index:1}.section-info h4{margin:0 0 5px;font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-info p{margin:0;opacity:.9;font-size:16px;line-height:1.4}.arqueo-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;padding:30px}.arqueo-card-modern{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.8);position:relative;animation:fadeInUp .6s ease-out both}.arqueo-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.card-header-modern{padding:20px;display:flex;align-items:center;gap:15px;position:relative;z-index:2}.card-icon-modern{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0;position:relative;z-index:1}.base-icon{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d}.ventas-icon{background:linear-gradient(135deg,#007bff,#6610f2);box-shadow:0 4px 15px #007bff4d}.diferencia-icon{background:linear-gradient(135deg,#fd7e14,#e83e8c);box-shadow:0 4px 15px #fd7e144d}.card-title-modern h5{margin:0 0 5px;font-size:18px;font-weight:700;color:#2c3e50}.card-subtitle{margin:0;font-size:12px;color:#6c757d;font-weight:500;line-height:1.3}.card-value-modern{padding:20px;text-align:center;position:relative;z-index:2}.value-amount{font-size:28px;font-weight:700;color:#2c3e50;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.value-amount.positivo{color:#28a745}.value-amount.negativo{color:#dc3545}.card-gradient-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0d,#fff0 50%);pointer-events:none;opacity:0;transition:opacity .3s ease}.arqueo-card-modern:hover .card-gradient-overlay{opacity:1}@media(max-width:1200px){.arqueo-grid-modern{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:25px}}@media(max-width:768px){.arqueo-detallado{margin:20px 0;border-radius:15px}.section-header-modern{padding:20px;flex-direction:column;text-align:center;gap:15px}.section-info{margin-left:0}.section-info h4{font-size:24px}.section-info p{font-size:14px}.arqueo-grid-modern{grid-template-columns:1fr;gap:20px;padding:20px}.arqueo-card-modern{animation-delay:0s!important}.card-header-modern{padding:15px;flex-direction:column;text-align:center;gap:10px}.card-title-modern h5{font-size:16px}.card-subtitle{font-size:11px}.card-value-modern{padding:15px}.value-amount{font-size:24px}}@media(max-width:480px){.section-header-modern{padding:15px}.section-info h4{font-size:20px}.arqueo-grid-modern{padding:15px;gap:15px}.card-header-modern{padding:12px}.card-title-modern h5{font-size:15px}.card-value-modern{padding:12px}.value-amount{font-size:20px}}.pos-interface{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.pos-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:0;box-shadow:0 2px 20px #0000001a;display:flex;align-items:center;justify-content:space-between;height:60px;min-height:60px;max-height:60px;position:sticky;top:0;z-index:1000;overflow:hidden}.header-left{display:flex;align-items:center;padding-left:1.5rem}.logo-section{display:flex;align-items:center;flex-direction:row;gap:.5rem;min-width:0;height:40px}.logo{width:40px;height:40px;border-radius:8px;box-shadow:0 4px 12px #00000026;object-fit:cover}.brand-info h1{margin:0;font-size:1.3rem;font-weight:700;color:#fff}.brand-info p{margin:0;font-size:.8rem;opacity:.9}.brand-info{display:flex;flex-direction:column;justify-content:center;max-width:140px;min-width:0;flex-shrink:1;overflow:hidden}.pos-nav{display:flex;align-items:start;gap:0;flex:3;justify-content:center}.pos-nav .nav-item{background:none;border:none;color:#181616cc;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border-radius:0;position:relative;min-width:140px;justify-content:flex-start}.pos-nav .nav-item:hover{background:#ffffff1a;color:#fff}.pos-nav .nav-item.active{background:#fff3;color:#97aeeb;font-weight:600}.pos-nav .nav-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff;border-radius:0 0 20px 20px}.pos-nav .nav-item i{font-size:1rem}.pos-mode-toggle{background:#ffffff26!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:8px!important;margin-left:1rem;min-width:130px!important;font-size:.85rem!important;padding:.6rem 1.2rem!important}.pos-mode-toggle:hover{background:#ffffff40!important;border-color:#ffffff80!important;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.pos-mode-toggle i{font-size:.9rem;transition:transform .3s ease}.pos-mode-toggle:hover i{transform:scale(1.1)}.header-right{display:flex;align-items:center;gap:2rem;padding-right:.5rem}.user-info{display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem;background:#ffffff1a;border-radius:20px;backdrop-filter:blur(10px)}.user-avatar{font-size:1.5rem;color:#fff}.user-details{text-align:left}.user-name{font-weight:600;font-size:.85rem;line-height:1.2}.user-role{font-size:.75rem;opacity:.8;line-height:1.2}.logout-btn{background:#dc3545cc;border:none;color:#fff;padding:.6rem 1.2rem;border-radius:20px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(10px)}.logout-btn:hover{background:#dc3545;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.logout-btn i{font-size:1rem}.pos-main-content{flex:1;height:100%;overflow:hidden}.pos-interface .brand-header{display:none}.pos-main-content>div{height:100%}.tenant-logo-name{display:flex;align-items:center;gap:.5rem;margin-right:1.2rem}.tenant-logo-small{width:30px;height:30px;border-radius:6px;object-fit:cover}.tenant-name-header{font-size:.9rem;font-weight:600;color:#fff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.tenant-header-right-name{font-size:.8rem;opacity:.9;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.pos-categorias-bar{background:#fff;padding:.7rem 1.5rem;border-bottom:1px solid #e9ecef;overflow-x:auto;white-space:nowrap;display:flex;gap:.8rem;align-items:center;box-shadow:0 2px 4px #0000001a}.pos-categorias-bar::-webkit-scrollbar{height:4px}.pos-categorias-bar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.pos-categorias-bar .btn{background:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:.4rem .8rem;border-radius:18px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem}@media(max-width:1200px){.pos-nav .nav-item{padding:.75rem 1.5rem;min-width:130px}.pos-nav .nav-item span{font-size:.9rem}}@media(max-width:992px){.pos-header{padding:0 1rem;height:65px;min-height:65px;max-height:65px}.header-left{padding-left:1rem}.pos-nav{gap:.5rem}.pos-nav .nav-item{padding:.4rem .8rem;min-width:110px;font-size:.85rem}.header-right{gap:.5rem}.pos-main-content{padding:0}}@media(max-width:768px){.pos-header{height:55px;min-height:55px;max-height:55px}.logo-section{gap:.4rem}.tenant-logo-name{gap:.3rem}.tenant-logo-small{width:22px;height:22px}.tenant-name-header{font-size:.75rem;max-width:90px}.tenant-header-right-name{font-size:.65rem;max-width:70px}.pos-mode-toggle{min-width:110px!important;font-size:.75rem!important;padding:.4rem .8rem!important}}@media(max-width:480px){.logo{width:35px;height:35px}.pos-nav .nav-item i{font-size:.8rem}.pos-nav .nav-item span{font-size:.75rem}.header-right{gap:.3rem}.pos-mode-toggle{min-width:90px!important;font-size:.65rem!important;padding:.3rem .6rem!important}}.contabilidad-interface{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.contabilidad-nav{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-start;padding:0 1rem}.contabilidad-nav .back-btn{background:#ffffff26;border:none;color:#fff;padding:.6rem 1.2rem;border-radius:25px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(10px);font-size:.9rem;font-weight:500;box-shadow:0 2px 10px #0000001a}.contabilidad-nav .back-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.contabilidad-nav .back-btn i{font-size:.9rem}.contabilidad-main-content{flex:1;padding:2rem;overflow-y:auto;background:#f8f9fa}.modules-overview{max-width:1400px;margin:0 auto;padding:1rem}.overview-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a}.overview-header h1{color:#333;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:1rem}.overview-header h1 i{color:#667eea;font-size:2rem}.overview-subtitle{color:#666;font-size:1.1rem;margin:0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.category-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;cursor:pointer;border:3px solid transparent;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--category-color);transform:scaleX(0);transition:transform .3s ease}.category-card:hover{transform:translateY(-8px);box-shadow:0 15px 50px #00000026;border-color:var(--category-color)}.category-card:hover:before{transform:scaleX(1)}.category-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.category-icon{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;flex-shrink:0;box-shadow:0 5px 15px #0003}.category-info h3{margin:0 0 .3rem;font-size:1.5rem;font-weight:700;color:#333}.category-info p{margin:0;color:#666;font-size:.95rem}.category-modules-preview{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem;padding-left:.5rem}.module-preview-item{display:flex;align-items:center;gap:.8rem;padding:.6rem;border-radius:10px;transition:all .2s ease;color:#555;font-size:.9rem}.module-preview-item:hover{background:#f8f9fa;transform:translate(5px)}.module-preview-item i{color:var(--category-color);width:20px;text-align:center}.module-preview-item.more{font-weight:600;color:var(--category-color);font-style:italic}.category-card-action{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:2px solid #f0f0f0;color:var(--category-color);font-weight:600;font-size:.95rem}.category-card:hover .category-card-action i{transform:translate(5px)}.category-card-action i{transition:transform .3s ease}.module-container{display:flex;gap:2rem;max-width:1600px;margin:0 auto;height:100%}.category-tabs{width:320px;flex-shrink:0;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:1.5rem;max-height:calc(100vh - 200px);overflow-y:auto;position:sticky;top:2rem}.category-tabs::-webkit-scrollbar{width:6px}.category-tabs::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.category-tabs::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.category-tabs::-webkit-scrollbar-thumb:hover{background:#555}.category-tab{margin-bottom:1rem;border-radius:15px;overflow:hidden;border:2px solid transparent;transition:all .3s ease}.category-tab.active{border-color:var(--category-color);box-shadow:0 5px 20px #0000001a}.category-tab-header{width:100%;background:linear-gradient(135deg,var(--category-color),var(--category-color));color:#fff;border:none;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.95rem}.category-tab-header:hover{opacity:.9;transform:translateY(-2px)}.category-tab-title{display:flex;align-items:center;gap:.8rem}.category-tab-title i{font-size:1.2rem}.module-count{opacity:.8;font-size:.85rem;font-weight:500}.category-modules{background:#f8f9fa;padding:.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.module-tab{width:100%;background:#fff;border:none;padding:.9rem 1rem;margin-bottom:.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.8rem;color:#555;font-size:.9rem;font-weight:500;text-align:left;border:2px solid transparent}.module-tab:hover{background:#e9ecef;transform:translate(5px);border-color:var(--category-color)}.module-tab.active{background:var(--category-color);color:#fff;box-shadow:0 5px 15px #0003;border-color:var(--category-color)}.module-tab i{font-size:1rem;width:20px;text-align:center}.module-content-wrapper{flex:1;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;display:flex;flex-direction:column}.module-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-bottom:3px solid #e9ecef}.module-header-info{display:flex;align-items:center;gap:1.5rem}.module-header-info i{font-size:3rem;opacity:.8}.module-header-info h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#333}.module-header-info p{margin:0;color:#666;font-size:1rem}.module-content{flex:1;padding:2rem;overflow-y:auto;background:#fff}.module-content::-webkit-scrollbar{width:8px}.module-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.module-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.module-content::-webkit-scrollbar-thumb:hover{background:#555}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:400px}@media(max-width:1200px){.module-container{flex-direction:column}.category-tabs{width:100%;max-height:none;position:static}.category-tabs{display:flex;flex-wrap:wrap;gap:1rem}.category-tab{flex:1;min-width:250px}}@media(max-width:768px){.contabilidad-main-content{padding:1rem}.overview-header h1{font-size:1.8rem}.categories-grid{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:1.5rem}.category-icon{width:60px;height:60px;font-size:1.5rem}.module-header{padding:1.5rem}.module-header-info h2{font-size:1.5rem}.module-content{padding:1.5rem}.category-tabs{padding:1rem}.category-tab-header{padding:.8rem 1rem;font-size:.85rem}.module-tab{padding:.7rem .8rem;font-size:.85rem}}@media(max-width:480px){.overview-header{padding:1.5rem}.overview-header h1{font-size:1.5rem;flex-direction:column;gap:.5rem}.category-card-header,.module-header-info{flex-direction:column;text-align:center}}.inventario-interface{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.inventario-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;box-shadow:0 2px 10px #00000026;position:sticky;top:0;z-index:100}.inventario-header-left{display:flex;align-items:center;gap:1rem}.inventario-logo-container{width:150px;height:80px;margin-right:2rem;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.inventario-logo{width:100%;height:100%;object-fit:contain}.inventario-title h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center}.inventario-title h1 i{font-size:1.3rem}.inventario-subtitle{font-size:.85rem;margin:0;opacity:.9}.inventario-header-right{display:flex;align-items:center;gap:1.5rem}.inventario-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff26;border-radius:25px;transition:all .3s ease;margin-right:10rem}.inventario-user-info:hover{background:#ffffff40}.inventario-user-avatar{font-size:2rem;display:flex;align-items:center;justify-content:center}.inventario-user-details{display:flex;flex-direction:column}.inventario-user-name{font-weight:600;font-size:.95rem}.inventario-user-role{font-size:.75rem;opacity:.9;display:flex;align-items:center}.inventario-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#dc3545e6;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:.5rem}.inventario-logout-btn:hover{background:#dc3545;transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.inventario-logout-btn i{font-size:1rem}.inventario-nav{background:#fff;box-shadow:0 2px 5px #0000001a;position:sticky;top:72px;z-index:90}.inventario-nav-container{display:flex;gap:.5rem;padding:.75rem 1.5rem;max-width:1400px;margin:0 auto}.inventario-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f8f9fa;color:#495057;border:2px solid #e9ecef;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.inventario-nav-btn:hover{background:#e9ecef;border-color:#17a2b8;color:#17a2b8}.inventario-nav-btn.active{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border-color:#17a2b8;box-shadow:0 4px 12px #17a2b84d}.inventario-nav-btn i{font-size:1.1rem}.inventario-main-content{flex:1;padding:1rem;overflow-y:auto}@media(max-width:992px){.inventario-header{padding:.5rem 1rem}.inventario-title h1{font-size:1.2rem}.inventario-subtitle,.inventario-user-details{display:none}.inventario-user-info{padding:.5rem;border-radius:50%}.inventario-logout-btn span{display:none}.inventario-logout-btn{padding:.6rem;border-radius:50%}}@media(max-width:768px){.inventario-header{flex-wrap:wrap;gap:.5rem}.inventario-header-left{flex:1}.inventario-logo-container{width:40px;height:40px}.inventario-title h1{font-size:1rem}.inventario-nav-container{padding:.5rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.inventario-nav-btn{padding:.6rem 1rem;font-size:.85rem;white-space:nowrap}.inventario-nav-btn span{display:none}.inventario-nav-btn i{font-size:1.2rem}.inventario-main-content{padding:.5rem}}@media(max-width:480px){.inventario-header{padding:.5rem}.inventario-logo-container{width:35px;height:35px}.inventario-title h1{font-size:.9rem}.inventario-title h1 i{display:none}.inventario-user-avatar{font-size:1.5rem}.inventario-logout-btn{padding:.5rem}.inventario-logout-btn i{font-size:.9rem}}.usuarios-admin-container{padding:2rem;max-width:1200px;margin:0 auto}.usuarios-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.usuarios-admin-header h1{margin:0;color:#333;font-size:2rem}.usuarios-admin-container .btn-primary{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s}.usuarios-admin-container .btn-primary:hover{background:#0056b3;transform:translateY(-2px)}.usuarios-admin-container .form-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.usuarios-admin-container .form-modal{background:#fff;border-radius:15px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.usuarios-admin-container .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.usuarios-admin-container .form-header h2{margin:0;color:#333}.usuarios-admin-container .btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.usuarios-admin-container .usuario-form{display:flex;flex-direction:column;gap:1.5rem}.usuarios-admin-container .form-group{display:flex;flex-direction:column;gap:.5rem}.usuarios-admin-container .form-group label{font-weight:600;color:#333}.usuarios-admin-container .form-group input,.usuarios-admin-container .form-group select{padding:.8rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s}.usuarios-admin-container .form-group input:focus,.usuarios-admin-container .form-group select:focus{outline:none;border-color:#007bff}.usuarios-admin-container .form-actions{display:flex;gap:1rem;margin-top:1rem}.usuarios-admin-container .btn-secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s}.usuarios-admin-container .btn-secondary:hover{background:#545b62}.usuarios-admin-container .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666}.usuarios-admin-container .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.usuarios-admin-container .usuarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.usuarios-admin-container .usuario-card{background:#fff;border:2px solid #e9ecef;border-radius:15px;padding:1.5rem;transition:all .3s;display:flex;flex-direction:column;min-width:0;word-break:break-word;box-sizing:border-box;height:fit-content;overflow:hidden}.usuarios-admin-container .usuario-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:#007bff}.usuarios-admin-container .usuario-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;min-height:80px;overflow:hidden}.usuarios-admin-container .usuario-avatar{width:60px;height:60px;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;color:#6c757d}.usuarios-admin-container .usuario-info{flex:1 1 0%;min-width:0;max-width:calc(100% - 80px);overflow:hidden}.usuarios-admin-container .usuario-info h3{margin:0 0 4px;font-size:1.2rem;color:#2c3e50;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.usuarios-admin-container .usuario-email,.usuarios-admin-container .usuario-username{margin:0 0 2px;color:#6c757d;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;position:relative}.usuarios-admin-container .usuario-email svg,.usuarios-admin-container .usuario-username svg{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#6c757d;font-size:.8rem;margin-right:.5rem}.usuarios-admin-container .usuario-email,.usuarios-admin-container .usuario-username{padding-left:1.2rem}.usuarios-admin-container .usuario-status{margin-left:auto;display:flex;align-items:flex-start;flex-shrink:0}.usuarios-admin-container .status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff;background:#6c757d;white-space:nowrap;letter-spacing:.5px}.usuarios-admin-container .role-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;margin-left:6px;white-space:nowrap;letter-spacing:.5px}.usuarios-admin-container .usuario-details{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:1rem;padding:.5rem 0}.usuarios-admin-container .detail-item{display:flex;align-items:center;gap:6px;min-width:100px;font-size:.9rem;flex:1 1 calc(50% - 8px);overflow:hidden}.usuarios-admin-container .detail-item .label{color:#888;font-weight:500;white-space:nowrap;flex-shrink:0}.usuarios-admin-container .detail-item .value{color:#333;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.usuarios-admin-container .usuario-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid #e9ecef}.usuarios-admin-container .btn-edit,.usuarios-admin-container .btn-delete{background:#f8f9fa;color:#333;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s;flex:1;justify-content:center}.usuarios-admin-container .btn-edit:hover{background:#007bff;color:#fff}.usuarios-admin-container .btn-delete:hover{background:#dc3545;color:#fff}.usuarios-admin-container .no-usuarios{text-align:center;margin-top:3rem;color:#888}.usuarios-admin-container .no-usuarios-icon{font-size:3rem;margin-bottom:1rem}@media(max-width:768px){.usuarios-admin-container{padding:1rem}.usuarios-admin-container .usuarios-grid{grid-template-columns:1fr;gap:1rem}.usuarios-admin-container .usuario-card{padding:1rem}.usuarios-admin-container .usuarios-admin-header{flex-direction:column;gap:1rem;align-items:stretch}.usuarios-admin-container .usuarios-admin-header h1{font-size:1.5rem;text-align:center}.usuarios-admin-container .usuario-header{min-height:auto}.usuarios-admin-container .usuario-details{flex-direction:column;gap:8px}.usuarios-admin-container .detail-item{flex:1 1 100%}.usuarios-admin-container .usuario-actions{flex-direction:column}.usuarios-admin-container .form-modal{margin:1rem;padding:1.5rem}}.usuarios-container{padding:2rem;max-width:1200px;margin:0 auto}.usuarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-center{display:flex;align-items:center;gap:1rem}.usuarios-header h1{margin:0;color:#333;font-size:2rem}.btn-primary{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s}.btn-primary:hover{background:#0056b3;transform:translateY(-2px)}.form-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.form-modal{background:#fff;border-radius:15px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-header h2{margin:0;color:#333}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.user-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333}.form-group input,.form-group select{padding:.8rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s}.btn-secondary:hover{background:#545b62}.usuarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.user-card{background:#fff;border:2px solid #e9ecef;border-radius:15px;padding:1.5rem;transition:all .3s}.user-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:#007bff}.user-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.user-avatar{width:60px;height:60px;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.role-icon{font-size:1.5rem}.role-icon.admin{color:#dc3545}.role-icon.contador{color:#007bff}.role-icon.cajero{color:#28a745}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.user-info h3,.user-email,.user-username,.user-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;min-width:0;max-width:100%;display:block;text-align:left}.user-info h3{margin:0 0 .25rem;color:#333;font-size:1.2rem}.user-email{margin:0 0 .5rem;color:#666;font-size:.9rem}.user-role{font-weight:600;font-size:.9rem;text-transform:uppercase}.status-badge{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.user-details{margin:1rem 0;padding:1rem 0;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.detail-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.detail-item .label{font-weight:600;color:#666}.detail-item .value{color:#333}.user-actions{display:flex;gap:.5rem}.btn-edit{background:#ffc107;color:#212529;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .3s;flex:1}.btn-edit:hover{background:#e0a800}.btn-delete{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .3s;flex:1}.btn-delete:hover:not(:disabled){background:#c82333}.btn-delete:disabled{background:#6c757d;cursor:not-allowed}.no-users{text-align:center;padding:3rem;background:#fff;border-radius:15px;border:2px dashed #e9ecef}.no-users-icon{font-size:4rem;color:#6c757d;margin-bottom:1rem}.no-users h3{margin:0 0 1rem;color:#333}.no-users p{margin:0 0 2rem;color:#666}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.usuarios-container{padding:1rem}.usuarios-header{flex-direction:column;gap:1rem;text-align:center}.usuarios-grid{grid-template-columns:1fr}.user-actions,.form-actions{flex-direction:column}}.multi-tenant-dashboard{padding:20px;background:#f8f9fa;min-height:100vh}.dashboard-header{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:24px}.dashboard-header h1{margin:0 0 8px;color:#2c3e50;font-size:28px;font-weight:700}.dashboard-header p{margin:0;color:#7f8c8d;font-size:16px}.dashboard-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:24px;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#7f8c8d;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#f8f9fa;color:#2c3e50}.tab-button.active{background:#3498db;color:#fff}.tab-button svg{width:16px;height:16px}.dashboard-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.overview-tab{padding:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.stat-card{display:flex;align-items:center;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.active{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-card.revenue{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.pending{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin-right:20px}.stat-icon svg{width:24px;height:24px}.stat-content h3{margin:0 0 4px;font-size:28px;font-weight:700}.stat-content p{margin:0;font-size:14px;opacity:.9}.recent-tenants{background:#f8f9fa;border-radius:12px;padding:24px}.recent-tenants h2{margin:0 0 20px;color:#2c3e50;font-size:20px}.tenants-list{display:flex;flex-direction:column;gap:16px}.tenant-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.tenant-info h4{margin:0 0 4px;color:#2c3e50;font-size:16px}.tenant-status{display:flex;gap:8px;align-items:center}.plan-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.plan-enterprise{background:#fff8e1;color:#f57f17}.plan-unknown{background:#e2e3e5;color:#383d41}.tenants-tab{padding:30px}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tab-header h2{margin:0;color:#2c3e50;font-size:24px}.tenants-table th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef}.tenants-table td{padding:16px;border-bottom:1px solid #e9ecef}.tenant-name strong{display:block;color:#2c3e50;font-size:14px}.tenant-name small{color:#7f8c8d;font-size:12px}.tenant-contact div{color:#2c3e50;font-size:14px;font-weight:500}.tenant-contact small{color:#7f8c8d;font-size:12px}.btn-small{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.btn-edit:hover{background:#2980b9}.btn-view{background:#95a5a6;color:#fff}.btn-view:hover{background:#7f8c8d}.plans-tab{padding:30px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.plan-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:24px;transition:all .3s ease}.plan-card:hover{border-color:#3498db;box-shadow:0 4px 20px #3498db26}.plan-header{text-align:center;margin-bottom:24px}.plan-header h3{margin:0 0 16px;color:#2c3e50;font-size:20px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.plan-features{margin-bottom:24px}.plan-features li{padding:8px 0;color:#2c3e50;font-size:14px;border-bottom:1px solid #f8f9fa}.plan-features li:before{content:"✓";color:#27ae60;font-weight:700;margin-right:8px}.plan-stats{display:flex;justify-content:space-between;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.plan-actions button{flex:1;padding:10px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.settings-tab{padding:30px}.settings-tab h2{margin:0 0 24px;color:#2c3e50;font-size:24px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.setting-card{background:#f8f9fa;border-radius:12px;padding:24px}.setting-card h3{margin:0 0 20px;color:#2c3e50;font-size:18px}.setting-item{margin-bottom:20px}.setting-item label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:14px}.setting-item input,.setting-item select{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.setting-item input:focus,.setting-item select:focus{outline:none;border-color:#3498db}@media(max-width:768px){.multi-tenant-dashboard{padding:10px}.dashboard-header{padding:20px}.dashboard-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:120px}.stats-grid,.plans-grid,.settings-grid{grid-template-columns:1fr}.tenants-table{font-size:12px}.tenant-item{flex-direction:column;align-items:flex-start;gap:12px}.tenant-status{align-self:flex-end}}.tenant-config-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.tenant-config-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.config-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.config-header h2{margin:0;font-size:24px;font-weight:600}.btn-close{background:#fff3;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;border-radius:8px;transition:background .3s ease}.btn-close:hover{background:#ffffff4d}.config-form{padding:32px}.config-sections{display:flex;flex-direction:column;gap:32px}.config-section{background:#f8f9fa;border-radius:12px;padding:24px;border:1px solid #e9ecef}.config-section h3{margin:0 0 20px;color:#2c3e50;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.config-section h3 svg{color:#3498db}.logo-upload-area{display:flex;gap:24px;align-items:center}.logo-preview{width:120px;height:120px;border:2px dashed #dee2e6;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.logo-preview-img{width:100%;height:100%;object-fit:contain;border-radius:8px}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6c757d}.logo-placeholder svg{font-size:32px;color:#dee2e6}.logo-placeholder p{margin:0;font-size:12px;text-align:center}.logo-upload-controls{flex:1}.btn-upload{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s ease;margin-bottom:8px}.btn-upload:hover{background:#2980b9}.upload-info{margin:0;color:#6c757d;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;color:#2c3e50;font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input[type=color]{width:60px;height:40px;padding:4px;border-radius:6px;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0}.config-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:32px;border-top:1px solid #e9ecef;margin-top:32px}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9;transform:translateY(-1px)}.btn-primary:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d;transform:translateY(-1px)}@media(max-width:768px){.tenant-config-modal{width:95%;max-height:95vh}.config-header{padding:20px 24px}.config-header h2{font-size:20px}.config-form{padding:24px}.config-sections{gap:24px}.config-section{padding:20px}.logo-upload-area{flex-direction:column;gap:16px}.logo-preview{width:100px;height:100px}.form-grid{grid-template-columns:1fr;gap:16px}.config-actions{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media(max-width:480px){.tenant-config-overlay{padding:10px}.config-header{padding:16px 20px}.config-form{padding:20px}.config-section{padding:16px}}.tenant-management-container{padding:20px;background:#f8f9fa;min-height:100vh}.tenant-management-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:24px}.header-content h1{margin:0 0 8px;color:#2c3e50;font-size:24px;font-weight:700}.header-content p{margin:0;color:#6c757d;font-size:14px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.dashboard-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:16px;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;background:#3498db}.card-icon.active{background:#28a745}.card-icon.revenue{background:#ffc107}.card-icon.pending{background:#dc3545}.card-content h3{margin:0 0 4px;font-size:28px;font-weight:700;color:#2c3e50}.card-content p{margin:0;color:#6c757d;font-size:14px;font-weight:500}.tenant-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.tenant-form-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.tenant-form{padding:24px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db}.tenants-list{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.tenants-table th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef;font-size:14px}.tenants-table td{padding:16px;border-bottom:1px solid #e9ecef;font-size:14px}.tenant-info strong{display:block;color:#2c3e50;font-size:14px;margin-bottom:4px}.tenant-info small{color:#7f8c8d;font-size:12px}.contact-info div{color:#2c3e50;font-size:14px;font-weight:500;margin-bottom:2px}.contact-info small{color:#7f8c8d;font-size:12px}.plan-name{color:#3498db;font-weight:500;font-size:14px}.limits-info{display:flex;flex-direction:column;gap:2px}.limits-info small{color:#7f8c8d;font-size:11px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status-inactive{background:#f8d7da;color:#721c24}.status-unknown{background:#e2e3e5;color:#383d41}.tenants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:24px}.tenant-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.tenant-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.tenant-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.tenant-avatar{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.tenant-info{flex:1}.tenant-info h3{margin:0 0 8px;color:#2c3e50;font-size:18px;font-weight:600}.tenant-email,.tenant-phone{display:flex;align-items:center;gap:6px;margin:4px 0;color:#6c757d;font-size:14px}.tenant-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tenant-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-item .label{color:#6c757d;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-item .value{color:#2c3e50;font-size:14px;font-weight:600}.tenant-actions{display:flex;gap:12px;justify-content:flex-end}.btn-config,.btn-edit,.btn-delete{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-config{background:#6f42c1;color:#fff}.btn-config:hover{background:#5a32a3;transform:translateY(-1px)}.btn-edit{background:#3498db;color:#fff}.btn-edit:hover{background:#2980b9;transform:translateY(-1px)}.btn-delete{background:#e74c3c;color:#fff}.btn-delete:hover{background:#c0392b;transform:translateY(-1px)}@media(max-width:768px){.tenant-management-container{padding:10px}.tenant-management-header{flex-direction:column;gap:16px;text-align:center}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.dashboard-card{padding:20px}.card-icon{width:50px;height:50px;font-size:20px}.card-content h3{font-size:24px}.tenants-grid{grid-template-columns:1fr;gap:16px}.tenant-card{padding:20px}.tenant-header{flex-direction:column;align-items:flex-start;gap:12px}.tenant-avatar{width:50px;height:50px;font-size:20px}.tenant-details{grid-template-columns:1fr;gap:12px}.tenant-actions{flex-direction:column;gap:8px}.btn-config,.btn-edit,.btn-delete{width:100%;justify-content:center}.tenant-form-modal{width:95%;margin:10px}.form-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.plan-management{padding:20px;background:#f8f9fa;min-height:100vh}.plan-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:24px}.plan-header h1{margin:0;color:#2c3e50;font-size:24px;font-weight:700}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s ease}.btn-primary:hover{background:#2980b9}.plan-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.plan-form-modal{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef}.form-header h2{margin:0;color:#2c3e50;font-size:20px}.btn-close{background:none;border:none;font-size:18px;color:#7f8c8d;cursor:pointer;padding:8px;border-radius:4px;transition:background .3s ease}.btn-close:hover{background:#f8f9fa}.plan-form{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.form-section{background:#f8f9fa;padding:20px;border-radius:8px}.form-section h3{margin:0 0 16px;color:#2c3e50;font-size:16px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#2c3e50;font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#2c3e50;position:relative;padding-left:30px}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;left:0;top:0;height:20px;width:20px;background-color:#fff;border:2px solid #ddd;border-radius:4px;transition:all .3s ease}.checkbox-label:hover input~.checkmark{border-color:#3498db}.checkbox-label input:checked~.checkmark{background-color:#3498db;border-color:#3498db}.checkmark:after{content:"";position:absolute;display:none}.checkbox-label input:checked~.checkmark:after{display:block}.checkbox-label .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e9ecef}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#95a5a6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s ease}.btn-secondary:hover{background:#7f8c8d}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.plan-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:24px;transition:all .3s ease;position:relative}.plan-card:hover{border-color:#3498db;box-shadow:0 4px 20px #3498db26;transform:translateY(-2px)}.plan-card .plan-header{text-align:center;margin-bottom:20px;padding:0;background:none;box-shadow:none}.plan-card .plan-header h3{margin:0 0 16px;color:#2c3e50;font-size:20px;font-weight:700}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.plan-price .currency{font-size:18px;color:#7f8c8d}.plan-price .amount{font-size:32px;font-weight:700;color:#2c3e50}.plan-price .period{font-size:14px;color:#7f8c8d}.plan-price-annual{display:flex;align-items:baseline;justify-content:center;gap:4px;font-size:14px;color:#27ae60}.plan-price-annual .currency{font-size:14px}.plan-price-annual .amount{font-size:18px;font-weight:600}.plan-price-annual .period{font-size:12px}.plan-description{margin-bottom:20px;text-align:center}.plan-description p{margin:0;color:#7f8c8d;font-size:14px;line-height:1.5}.plan-features{margin-bottom:20px}.plan-features h4{margin:0 0 12px;color:#2c3e50;font-size:16px;font-weight:600}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{padding:6px 0;color:#2c3e50;font-size:14px;border-bottom:1px solid #f8f9fa;display:flex;align-items:center}.plan-features li:before{content:"✓";color:#27ae60;font-weight:700;margin-right:8px;font-size:12px}.plan-limits{margin-bottom:20px}.plan-limits h4{margin:0 0 12px;color:#2c3e50;font-size:16px;font-weight:600}.limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.limit-item{text-align:center;padding:8px;background:#f8f9fa;border-radius:6px}.limit-label{display:block;font-size:11px;color:#7f8c8d;margin-bottom:2px}.limit-value{display:block;font-size:14px;font-weight:600;color:#2c3e50}.plan-modules{margin-bottom:20px}.plan-modules h4{margin:0 0 12px;color:#2c3e50;font-size:16px;font-weight:600}.modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.module-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:12px;color:#2c3e50}.feature-check{color:#27ae60;font-size:12px}.feature-cross{color:#e74c3c;font-size:12px}.plan-stats{display:flex;justify-content:space-between;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px}.plan-stats .stat{text-align:center}.plan-stats .label{display:block;font-size:12px;color:#7f8c8d;margin-bottom:4px}.plan-stats .value{display:block;font-size:16px;font-weight:600;color:#2c3e50}.plan-stats .value.active{color:#27ae60}.plan-stats .value.inactive{color:#e74c3c}.plan-actions{display:flex;gap:12px}.plan-actions button{flex:1;padding:10px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.plan-actions .btn-edit{background:#3498db;color:#fff}.plan-actions .btn-edit:hover{background:#2980b9}.plan-actions .btn-delete{background:#e74c3c;color:#fff}.plan-actions .btn-delete:hover{background:#c0392b}@media(max-width:768px){.plan-management{padding:10px}.plan-header{flex-direction:column;gap:16px;text-align:center}.plan-form-modal{width:95%;margin:10px}.form-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.plans-grid,.limits-grid,.modules-grid{grid-template-columns:1fr}.plan-actions{flex-direction:column}}.subscription-management{padding:20px;background:#f8f9fa;min-height:100vh}.subscription-header{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:24px}.subscription-header h1{margin:0 0 20px;color:#2c3e50;font-size:24px;font-weight:700}.header-stats{display:flex;gap:24px}.stat-item{text-align:center;padding:16px;background:#f8f9fa;border-radius:8px;min-width:120px}.stat-number{display:block;font-size:24px;font-weight:700;color:#3498db;margin-bottom:4px}.stat-label{font-size:12px;color:#7f8c8d;text-transform:uppercase;font-weight:500}.subscription-filters{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:24px}.filter-group{display:flex;align-items:center;gap:12px}.filter-group label{font-weight:500;color:#2c3e50;font-size:14px}.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.filter-group select:focus{outline:none;border-color:#3498db}.subscriptions-list{display:flex;flex-direction:column;gap:16px}.subscription-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.subscription-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.subscription-card .subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:0;background:none;box-shadow:none}.tenant-info h3{margin:0 0 4px;color:#2c3e50;font-size:18px;font-weight:600}.tenant-info p{margin:0;color:#7f8c8d;font-size:14px}.subscription-status{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status-pending{background:#d1ecf1;color:#0c5460}.status-suspended{background:#fff3cd;color:#856404}.subscription-details{margin-bottom:20px}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:12px;color:#7f8c8d;font-weight:500;text-transform:uppercase}.detail-item span{font-size:14px;color:#2c3e50;font-weight:500}.expiry-warning{color:#e74c3c!important;font-weight:600!important}.payment-method{display:flex;align-items:center;gap:6px;font-size:14px;color:#2c3e50}.payment-method svg{color:#3498db}.subscription-actions{display:flex;gap:12px;flex-wrap:wrap}.subscription-actions button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-renew{background:#27ae60;color:#fff}.btn-renew:hover{background:#229954}.btn-reminder{background:#f39c12;color:#fff}.btn-reminder:hover{background:#e67e22}.btn-invoice{background:#3498db;color:#fff}.btn-invoice:hover{background:#2980b9}.no-subscriptions{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.no-subscriptions p{color:#7f8c8d;font-size:16px;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:768px){.subscription-management{padding:10px}.subscription-header{padding:20px}.header-stats{flex-direction:column;gap:12px}.stat-item{min-width:auto}.subscription-card .subscription-header{flex-direction:column;gap:12px;align-items:flex-start}.detail-row{grid-template-columns:1fr;gap:12px}.subscription-actions{flex-direction:column}.subscription-actions button{justify-content:center}}.admin-interface{min-height:100vh;background:#f8f9fa;display:flex;flex-direction:column}.admin-nav{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center;flex-wrap:nowrap;overflow-x:auto;padding:0 1rem}.admin-nav .nav-item{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border-radius:20px;position:relative;min-width:120px;justify-content:center;white-space:nowrap;backdrop-filter:blur(10px)}.admin-nav .nav-item:hover{background:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.admin-nav .nav-item.active{background:#ffffff40;color:#fff;font-weight:600;box-shadow:0 2px 8px #0000001a;border-color:#fff6}.admin-nav .nav-item.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#fff;border-radius:1px}right: 0; height: 3px; background: white; border-radius: 0 0 20px 20px; } .admin-nav .nav-item i{font-size:1rem}.admin-nav .back-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(10px);font-size:.9rem;font-weight:500}.admin-nav .back-btn:hover{background:#fff3;transform:translate(-2px)}.admin-main-content{flex:1;padding:1rem;overflow-y:auto;background:#f8f9fa}.modules-overview{max-width:1200px;margin:0 auto;padding:1rem}.modules-overview h2{text-align:center;color:#333;margin-bottom:2rem;font-size:2rem;font-weight:700}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.module-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer;border:2px solid transparent;display:flex;align-items:center;gap:1rem}.module-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--module-color)}.module-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.module-info{flex:1;min-width:0}.module-info h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:#333}.module-info p{margin:0;color:#666;font-size:.9rem;line-height:1.4}.module-action{color:var(--module-color);font-size:1.2rem;opacity:.7;transition:all .3s ease}.module-card:hover .module-action{opacity:1;transform:translate(4px)}.module-content{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;min-height:500px}@media(max-width:768px){.admin-nav{flex-direction:column;gap:.5rem}.admin-nav .nav-item{min-width:120px;font-size:.8rem;padding:.5rem 1rem}.modules-grid{grid-template-columns:1fr;gap:1rem}.module-card{padding:1rem}.module-icon{width:50px;height:50px;font-size:1.2rem}.module-info h3{font-size:1.1rem}.module-info p{font-size:.8rem}}.multi-tenant-tabs{display:flex;background:#fffffff2;border-bottom:1px solid #e9ecef;padding:0 2rem;gap:0;backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000d}.sub-tab{background:none;border:none;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;color:#6c757d;border-bottom:3px solid transparent;position:relative;white-space:nowrap}.sub-tab:hover{background:#43b97f1a;color:#43b97f}.sub-tab.active{color:#43b97f;border-bottom-color:#43b97f;background:#43b97f0d;font-weight:600}.admin-dashboard{padding:20px;background:#f5f7fa;min-height:calc(100vh - 120px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.header-title h1{margin:0 0 4px;font-size:24px;color:#2c3e50;display:flex;align-items:center;gap:10px}.header-title p{margin:0;color:#7f8c8d;font-size:14px}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.btn-refresh:hover:not(:disabled){background:#2980b9}.btn-refresh:disabled{opacity:.7;cursor:not-allowed}.btn-refresh .spinning{animation:spin 1s linear infinite}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:20px;color:#c00}.error-banner button{margin-left:auto;background:none;border:none;font-size:20px;cursor:pointer;color:#c00}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-icon.buildings{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.active{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-icon.trial{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.suspended{background:linear-gradient(135deg,#eb3349,#f45c43)}.stat-icon.revenue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.pending{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon.users{background:linear-gradient(135deg,#a8edea,#fed6e3)}.stat-icon.products{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.stat-content h3{margin:0 0 4px;font-size:28px;font-weight:700;color:#2c3e50}.stat-content p{margin:0;font-size:14px;color:#7f8c8d}.recent-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;font-size:18px;color:#2c3e50}.btn-link{background:none;border:none;color:#3498db;cursor:pointer;font-size:14px}.btn-link:hover{text-decoration:underline}.tenants-table{overflow-x:auto}.tenants-table table{width:100%;border-collapse:collapse}.tenants-table th,.tenants-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eee}.tenants-table th{background:#f8f9fa;font-weight:600;color:#2c3e50;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.tenant-name strong{display:block;color:#2c3e50}.tenant-name small{display:block;color:#7f8c8d;font-size:12px}.tenant-contact div{color:#2c3e50}.tenant-contact small{display:block;color:#7f8c8d;font-size:12px}.plan-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.plan-basic{background:#e3f2fd;color:#1565c0}.plan-professional{background:#f3e5f5;color:#7b1fa2}.plan-enterprise{background:#fff3e0;color:#e65100}.plan-premium{background:#fce4ec;color:#c2185b}.plan-default{background:#e0e0e0;color:#616161}.plan-none{background:#f5f5f5;color:#9e9e9e}.empty-state{text-align:center;padding:60px 20px;color:#7f8c8d}.empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{margin:0;font-size:16px}.loading-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{color:#7f8c8d;margin:0}.tenant-management{padding:20px;background:#f5f7fa;min-height:calc(100vh - 120px)}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#e2e6ea;color:#495057;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-secondary:hover{background:#dbe0e5}.filter-box{display:flex;align-items:center;gap:10px;background:#f8f9fa;padding:10px 16px;border-radius:8px;border:1px solid #e9ecef}.filter-box svg{color:#adb5bd}.filter-box select{border:none;background:transparent;outline:none;font-size:14px;cursor:pointer}.tenants-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.tenants-table{width:100%;border-collapse:collapse}.tenants-table th,.tenants-table td{padding:16px;text-align:left;border-bottom:1px solid #eee}.tenants-table th{background:#f8f9fa;font-weight:600;color:#495057;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.tenants-table tr:hover{background:#f8f9fa}.tenant-info small{display:block;color:#7f8c8d;font-size:12px}.contact-info div{color:#2c3e50}.contact-info small{display:block;color:#7f8c8d;font-size:12px}.status-trial{background:#fff3cd;color:#856404}.status-suspended{background:#f8d7da;color:#721c24}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-close{background:none;border:none;font-size:28px;color:#7f8c8d;cursor:pointer;line-height:1}.modal-close:hover{color:#2c3e50}.detail-row{display:flex;gap:12px}.detail-row label{font-weight:500;color:#7f8c8d;min-width:120px}.plan-management{padding:20px;background:#f5f7fa;min-height:calc(100vh - 120px)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.plan-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.plan-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.plan-header{padding:24px;color:#fff;text-align:center}.plan-header h3{margin:0 0 16px;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px}.plan-price .currency{font-size:20px;font-weight:500}.plan-price .amount{font-size:42px;font-weight:700}.plan-price .period{font-size:14px;opacity:.9}.annual-price{margin-top:8px;font-size:13px;opacity:.9}.plan-body{padding:20px}.plan-description{color:#7f8c8d;font-size:14px;margin:0 0 16px;text-align:center}.plan-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.plan-features span{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f0f0f0;border-radius:12px;font-size:12px;color:#666}.plan-limits{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.limit-item{display:flex;justify-content:space-between;font-size:13px}.limit-label{color:#7f8c8d}.limit-value{font-weight:600;color:#2c3e50}.plan-status{text-align:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.plan-status.active{background:#d4edda;color:#155724}.plan-status.inactive{background:#e2e3e5;color:#383d41}.plan-actions{display:flex;gap:8px;padding:16px;border-top:1px solid #eee}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.empty-state svg{font-size:64px;color:#e0e0e0;margin-bottom:16px}.empty-state p{color:#7f8c8d;margin-bottom:20px}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.form-container{display:flex;flex-direction:column;gap:24px}.form-section h4{margin:0 0 16px;font-size:16px;color:#2c3e50;padding-bottom:8px;border-bottom:1px solid #eee}.form-group.full-width{grid-column:1 / -1}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;background:#f8f9fa;border-radius:8px;transition:background .2s ease}.checkbox-label:hover{background:#e9ecef}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.detail-view{display:flex;flex-direction:column;gap:24px}.detail-section h4{margin:0 0 12px;font-size:14px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.features-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-radius:8px;font-size:13px;color:#999}.feature-item.included{background:#d4edda;color:#155724}.feature-included{color:#28a745}.feature-not-included{color:#dc3545}.subscription-management{padding:20px;background:#f5f7fa;min-height:calc(100vh - 120px)}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s ease}.btn-refresh:hover{background:#2980b9}.subscriptions-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.subscriptions-table{width:100%;border-collapse:collapse}.subscriptions-table th,.subscriptions-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eee}.subscriptions-table th{background:#f8f9fa;font-weight:600;color:#495057;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.subscriptions-table tr:hover{background:#f8f9fa}.subscriptions-table tr.expiring-soon{background:#fff8e1}.subscriptions-table tr.expiring-soon:hover{background:#ffecb3}.tenant-info strong{display:block;color:#2c3e50}.expiring-badge{display:inline-block;margin-top:4px;padding:2px 8px;background:#ff9800;color:#fff;border-radius:10px;font-size:10px;font-weight:500}.plan-badge{display:inline-block;padding:4px 10px;background:#e3f2fd;color:#1565c0;border-radius:20px;font-size:12px;font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-pending{background:#fff3cd;color:#856404}.status-expired{background:#f8d7da;color:#721c24}.status-cancelled,.status-unknown{background:#e2e3e5;color:#383d41}.btn-renew{background:#e8f5e9;color:#388e3c}.btn-renew:hover{background:#c8e6c9}.btn-reminder{background:#fff3e0;color:#f57c00}.btn-reminder:hover{background:#ffe0b2}.btn-invoice{background:#f3e5f5;color:#7b1fa2}.btn-invoice:hover{background:#e1bee7}.detail-section{margin-bottom:20px}.detail-section h4{margin:0 0 12px;font-size:14px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid #eee}.detail-row{display:flex;gap:12px;padding:8px 0}.detail-row label{font-weight:500;color:#7f8c8d;min-width:140px}.user-management{padding:20px;background:#f5f7fa;min-height:calc(100vh - 120px)}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.management-header .header-title h1{margin:0 0 4px;font-size:24px;color:#2c3e50;display:flex;align-items:center;gap:10px}.management-header .header-title p{margin:0;color:#7f8c8d;font-size:14px}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#e2e6ea;color:#495057;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.filters-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.search-box{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;background:#f8f9fa;padding:10px 16px;border-radius:8px;border:1px solid #e9ecef}.search-box svg{color:#adb5bd}.search-box input{flex:1;border:none;background:transparent;outline:none;font-size:14px}.filter-box select{padding:10px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:14px;cursor:pointer;outline:none}.results-count{margin-left:auto;color:#7f8c8d;font-size:14px}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eee}.users-table th{background:#f8f9fa;font-weight:600;color:#495057;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.users-table tr:hover{background:#f8f9fa}.user-info strong{display:block;color:#2c3e50}.user-info small{display:block;color:#7f8c8d;font-size:12px}.email-info{display:flex;align-items:center;gap:8px;color:#2c3e50}.email-info svg{color:#7f8c8d}.tenant-info{display:flex;align-items:center;gap:8px;color:#2c3e50}.tenant-info svg{color:#7f8c8d}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.role-admin{background:#f3e5f5;color:#7b1fa2}.role-user{background:#e3f2fd;color:#1565c0}.role-cashier{background:#fff3e0;color:#f57c00}.role-seller{background:#e8f5e9;color:#388e3c}.role-default{background:#e0e0e0;color:#616161}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-active{background:#d4edda;color:#155724}.status-inactive,.status-unknown{background:#e2e3e5;color:#383d41}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-view{background:#e3f2fd;color:#1976d2}.btn-view:hover{background:#bbdefb}.btn-edit{background:#fff3e0;color:#f57c00}.btn-edit:hover{background:#ffe0b2}.btn-delete{background:#ffebee;color:#c62828}.btn-delete:hover{background:#ffcdd2}.empty-row{text-align:center;padding:40px!important;color:#7f8c8d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:20px;color:#2c3e50}.modal-close{background:none;border:none;font-size:28px;color:#7f8c8d;cursor:pointer}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #eee}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:#495057}.form-group input,.form-group select{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.detail-view{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;gap:12px;align-items:center}.detail-row label{font-weight:500;color:#7f8c8d;min-width:100px}.detail-row span{color:#2c3e50}.admin-panel{display:flex;flex-direction:column;min-height:100vh;background:#f5f7fa}.admin-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.back-btn:hover{background:#5a6268}.nav-item{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#495057;transition:all .2s ease}.nav-item:hover{background:#0000000d}.nav-item.active{background:var(--module-color, #667eea);color:#fff;border-color:var(--module-color, #667eea)}.nav-item i{font-size:16px}.admin-main-content{flex:1;padding:0}.module-content{height:calc(100vh - 120px);overflow-y:auto}.admin-panel .brand-header{margin-bottom:0}@media(max-width:768px){.admin-nav{flex-direction:column;align-items:stretch}.back-btn,.nav-item{width:100%;justify-content:center}.module-content{height:auto;min-height:calc(100vh - 200px)}}.favicon-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.favicon-spinner-wrapper{width:var(--spinner-size, 80px);height:var(--spinner-size, 80px);display:flex;align-items:center;justify-content:center;position:relative;background:#fff;border-radius:50%;box-shadow:0 4px 20px #00000026;padding:12px}.favicon-spinner-image{width:100%;height:100%;object-fit:contain;animation:favicon-spin 1s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}@keyframes favicon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes favicon-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes favicon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes favicon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.favicon-spinner-fallback{display:flex;align-items:center;justify-content:center;color:#28a745}.favicon-spinner-message{font-size:14px;color:#6c757d;text-align:center;font-weight:500;animation:message-fade .3s ease-in-out}@keyframes message-fade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.favicon-spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999}.favicon-spinner-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff2;backdrop-filter:blur(4px)}.inline-favicon-spinner{display:inline-block;vertical-align:middle;animation:favicon-spin 1s linear infinite;margin-right:8px}.button-favicon-spinner{display:inline-block;animation:favicon-spin .8s linear infinite;margin-right:8px}.loading-overlay-container{position:relative;width:100%;height:100%}.loading-overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffffd9;border-radius:inherit;z-index:10}.favicon-spinner-container.small .favicon-spinner-wrapper{width:32px;height:32px}.favicon-spinner-container.small .favicon-spinner-message{font-size:12px}.favicon-spinner-container.large .favicon-spinner-wrapper{width:80px;height:80px}.favicon-spinner-container.large .favicon-spinner-message{font-size:16px}.favicon-spinner-wrapper.with-ring:before{content:"";position:absolute;inset:-5px;border:2px solid rgba(40,167,69,.2);border-top-color:#28a745;border-radius:50%;animation:ring-spin 1.2s cubic-bezier(.5,0,.5,1) infinite}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.favicon-spinner-wrapper{width:calc(var(--spinner-size, 48px) * .9);height:calc(var(--spinner-size, 48px) * .9)}.favicon-spinner-message{font-size:13px}}@media(max-width:480px){.favicon-spinner-wrapper{width:calc(var(--spinner-size, 48px) * .8);height:calc(var(--spinner-size, 48px) * .8)}.favicon-spinner-message{font-size:12px;padding:0 20px}}@media(prefers-color-scheme:dark){.favicon-spinner-message{color:#adb5bd}.favicon-spinner-backdrop{background:#212529e6}.loading-overlay-backdrop{background:#212529d9}}.swal2-container{z-index:10002!important}.swal2-popup{z-index:10003!important}.swal-custom-popup{border-radius:15px!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.swal-custom-confirm{border-radius:25px!important;padding:12px 30px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;transition:all .3s ease!important}.swal-custom-confirm:hover{transform:translateY(-2px)!important;box-shadow:0 5px 15px #0003!important}.swal-custom-cancel{border-radius:25px!important;padding:12px 30px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;transition:all .3s ease!important}.swal-custom-cancel:hover{transform:translateY(-2px)!important;box-shadow:0 5px 15px #0003!important}.swal2-popup.swal2-icon-success{border-left:4px solid #28a745!important}.swal2-popup.swal2-icon-error{border-left:4px solid #dc3545!important}.swal2-popup.swal2-icon-warning{border-left:4px solid #ffc107!important}.swal2-popup.swal2-icon-info{border-left:4px solid #17a2b8!important}.swal2-popup.swal2-icon-question{border-left:4px solid #6c757d!important}.swal2-title{color:#333!important;font-weight:700!important;font-size:1.5rem!important}.swal2-content{color:#666!important;font-size:1rem!important;line-height:1.6!important}.swal2-popup ul{text-align:left!important;margin:0!important;padding-left:20px!important}.swal2-popup li{margin-bottom:8px!important;color:#dc3545!important}.swal2-popup input,.swal2-popup select,.swal2-popup textarea{border:2px solid #e9ecef!important;border-radius:8px!important;padding:10px!important;font-size:1rem!important;transition:border-color .3s ease!important}.swal2-popup input:focus,.swal2-popup select:focus,.swal2-popup textarea:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 3px #007bff1a!important}.swal2-popup .swal2-loading{border-color:#007bff!important}@keyframes swal2-show{0%{transform:scale(.7);opacity:0}45%{transform:scale(1.05);opacity:1}80%{transform:scale(.95)}to{transform:scale(1)}}.swal2-show{animation:swal2-show .3s ease-out!important}@media(max-width:768px){.swal2-popup{margin:1rem!important;width:calc(100% - 2rem)!important}.swal2-title{font-size:1.3rem!important}.swal2-content{font-size:.9rem!important}.swal-custom-confirm,.swal-custom-cancel{padding:10px 20px!important;font-size:.9rem!important}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.app{min-height:100vh}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:280px;transition:margin-left .3s ease;background-color:#f8f9fa;min-height:100vh;padding:20px}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow:hidden}.card-header{padding:20px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-title{margin:0;font-size:1.5rem;font-weight:600}.card-body{padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;gap:8px}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-success{background:linear-gradient(135deg,#56ab2f,#a8e6cf);color:#fff}.btn-danger{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff}.btn-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-control{width:100%;padding:12px 15px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;transition:all .3s ease}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-control:invalid{border-color:#dc3545}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.table th,.table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e9ecef}.table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:14px}.table tbody tr:hover{background-color:#f8f9fa}.table-striped tbody tr:nth-child(2n){background-color:#f8f9fa}.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-responsive{overflow-x:auto;border-radius:8px}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid transparent}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px;text-transform:uppercase}.badge-success{background-color:#28a745;color:#fff}.badge-danger{background-color:#dc3545;color:#fff}.badge-warning{background-color:#ffc107;color:#212529}.badge-info{background-color:#17a2b8;color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050}.modal-dialog{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-lg{max-width:800px}.modal-xl{max-width:1140px}.modal-content{border-radius:10px;overflow:hidden}.modal-header{padding:20px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:space-between}.modal-title{margin:0;font-size:1.25rem;font-weight:600}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end}.close{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.close:hover{background-color:#fff3}.spinner-border{display:inline-block;width:2rem;height:2rem;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-info{color:#17a2b8}.font-weight-bold{font-weight:700}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}@media(max-width:768px){.main-content{margin-left:0;padding:15px}.card-header,.card-body{padding:15px}.modal-dialog{width:95%;margin:10px}.table-responsive{font-size:14px}.btn{padding:8px 16px;font-size:13px}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#333}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.modal-backdrop{background-color:#00000080}.table-responsive{overflow-x:auto}.btn{border-radius:6px;font-weight:500}.btn-primary{background-color:#007bff;border-color:#007bff}.btn-success{background-color:#28a745;border-color:#28a745}.btn-danger{background-color:#dc3545;border-color:#dc3545}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.card{border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e9ecef}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600}.alert{border-radius:6px;border:none}.badge{font-size:.75em;padding:.375em .75em}.tooltip{font-size:.875rem}.dropdown-menu{border-radius:6px;box-shadow:0 2px 8px #00000026;border:1px solid #e9ecef}.pagination .page-link{border-radius:4px;margin:0 2px}.loading{display:flex;justify-content:center;align-items:center;height:200px}.spinner-border{width:3rem;height:3rem}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem}.success-message{color:#28a745;font-size:.875rem;margin-top:.25rem}.icon{margin-right:.5rem}.sidebar{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.sidebar .nav-link{color:#fffc;border-radius:8px;margin:2px 0;transition:all .3s ease}.sidebar .nav-link:hover{color:#fff;background-color:#ffffff1a;transform:translate(5px)}.sidebar .nav-link.active{color:#fff;background-color:#fff3}.main-content{padding:2rem;background-color:#f8f9fa;min-height:100vh}.header{background-color:#fff;border-bottom:1px solid #e9ecef;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.sticky-header{position:sticky!important;top:0!important;z-index:100!important}.table-sticky-header thead,.table-sticky-header thead th,table thead.sticky-top,table thead th.sticky-top{position:sticky!important;top:0!important;z-index:50!important;background-color:inherit!important}.card-header-sticky{position:sticky!important;top:0!important;z-index:90!important}.table-responsive,.card-body-scrollable,.scrollable-container{position:relative!important}.modal-header{position:sticky!important;top:0!important;z-index:1055!important}@supports (-webkit-touch-callout: none){.sticky-header,.table-sticky-header thead,.table-sticky-header thead th,table thead.sticky-top,table thead th.sticky-top,.card-header-sticky{position:-webkit-sticky!important}}.breadcrumb{background-color:transparent;padding:0;margin-bottom:1rem}.breadcrumb-item+.breadcrumb-item:before{content:">";color:#6c757d}.stats-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.stats-card .stats-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stats-card .stats-label{font-size:.875rem;opacity:.9}.chart-container,.filter-section{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.table-actions{display:flex;gap:.5rem;justify-content:center}.table-actions .btn{padding:.25rem .5rem;font-size:.875rem}.search-form{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.search-form .form-group{flex:1;min-width:200px}@media(max-width:768px){.main-content,.header{padding:1rem}.search-form{flex-direction:column}.search-form .form-group{min-width:100%}.table-responsive{font-size:.875rem}.table-actions{flex-direction:column;gap:.25rem}}body.portrait-warning:before{content:"";position:fixed;inset:0;background:#000000d9;z-index:99999;display:flex;align-items:center;justify-content:center}body.portrait-warning:after{content:"📱 Por favor, rota tu dispositivo a modo horizontal para una mejor experiencia";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#333;padding:2rem;border-radius:12px;font-size:1.2rem;font-weight:600;text-align:center;z-index:100000;max-width:90%;box-shadow:0 4px 20px #0000004d}@media screen and (min-width:768px)and (orientation:portrait){body.force-landscape:before{content:"";position:fixed;inset:0;background:#000000e6;z-index:99999;display:flex;align-items:center;justify-content:center}body.force-landscape:after{content:"🔄 Por favor, rota tu tablet a modo horizontal\a\a Esta aplicación está optimizada para uso en landscape";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;border-radius:16px;font-size:1.5rem;font-weight:600;text-align:center;z-index:100000;max-width:80%;box-shadow:0 8px 30px #00000080;white-space:pre-wrap;line-height:1.6}body.force-landscape:after{animation:pulse-rotate 2s ease-in-out infinite}}@keyframes pulse-rotate{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@media screen and (orientation:landscape){body.force-landscape:before,body.force-landscape:after,body.portrait-warning:before,body.portrait-warning:after{display:none!important}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}