*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:1400px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden}header{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;padding:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}header h1{font-size:28px;margin-bottom:10px}.header-stats{display:flex;gap:30px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:12px;opacity:.8;margin-bottom:5px}.stat-value{font-size:24px;font-weight:700}.stat-value.alert{color:#fc8181}.tabs{display:flex;background:#f7fafc;border-bottom:2px solid #e2e8f0;overflow-x:auto}.tab-btn{flex:1;padding:15px 20px;border:none;background:transparent;cursor:pointer;font-size:15px;transition:all .3s;border-bottom:3px solid transparent;white-space:nowrap}.tab-btn:hover{background:#edf2f7}.tab-btn.active{background:#fff;border-bottom-color:#667eea;color:#667eea;font-weight:600}main{padding:30px}.tab-content{display:none;animation:fadeIn .3s}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.legend{margin-bottom:20px;padding:15px;background:#f7fafc;border-radius:8px}.legend h3{margin-bottom:10px;font-size:16px}.legend-items{display:flex;flex-wrap:wrap;gap:15px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.color-box{width:30px;height:20px;border-radius:4px;border:1px solid #cbd5e0}.color-box.lacteos{background:#48bb78}.color-box.gaseosas{background:#4299e1}.color-box.snacks{background:#ed8936}.color-box.vencimiento{background:#f56565}.color-box.vacio{background:#edf2f7}.warehouse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;padding:20px;background:#f7fafc;border-radius:8px}.warehouse-section{aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative;border:2px solid transparent}.warehouse-section:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026;border-color:#2d3748}.warehouse-section.lacteos{background:#48bb78}.warehouse-section.gaseosas{background:#4299e1}.warehouse-section.snacks{background:#ed8936}.warehouse-section.vencimiento{background:#f56565}.warehouse-section.vacio{background:#edf2f7;color:#a0aec0}.section-label{font-weight:700;font-size:18px;color:#fff}.warehouse-section.vacio .section-label{color:#a0aec0}.section-count{font-size:12px;color:#ffffffe6;margin-top:5px}.warehouse-section.vacio .section-count{color:#cbd5e0}.tooltip{position:fixed;background:#2d3748;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:1000;box-shadow:0 4px 12px #0000004d;max-width:250px}.tooltip.show{opacity:1}.tooltip-title{font-weight:700;margin-bottom:8px;font-size:14px}.tooltip-info{line-height:1.6}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:#0009;animation:fadeIn .3s}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:30px;border-radius:12px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;right:20px;top:20px;font-size:28px;cursor:pointer;color:#a0aec0;transition:color .3s}.modal-close:hover{color:#2d3748}#modalTitle{margin-bottom:20px;color:#2d3748}.modal-body table{width:100%;border-collapse:collapse}.modal-body th,.modal-body td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.modal-body th{background:#f7fafc;font-weight:600;color:#2d3748}.modal-body tr:hover{background:#f7fafc}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.ok{background:#c6f6d5;color:#22543d}.status-badge.warning{background:#fed7d7;color:#742a2a}.empty-message{text-align:center;padding:40px;color:#a0aec0;font-style:italic}.form-container{max-width:600px;margin:0 auto}.form-container h2{margin-bottom:30px;color:#2d3748}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.form-message{margin-top:20px;padding:15px;border-radius:8px;display:none}.form-message.success{background:#c6f6d5;color:#22543d;display:block}.form-message.error{background:#fed7d7;color:#742a2a;display:block}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.report-card{background:#f7fafc;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.report-card.full-width{grid-column:1 / -1}.report-card h3{margin-bottom:20px;color:#2d3748}.chart-container{min-height:200px}.bar-chart{display:flex;flex-direction:column;gap:15px}.bar-item{display:flex;align-items:center;gap:10px}.bar-label{width:100px;font-size:14px;font-weight:600}.bar-visual{flex:1;height:30px;background:#e2e8f0;border-radius:4px;position:relative;overflow:hidden}.bar-fill{height:100%;transition:width .5s;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;color:#fff;font-weight:700;font-size:12px}.bar-fill.lacteos{background:#48bb78}.bar-fill.gaseosas{background:#4299e1}.bar-fill.snacks{background:#ed8936}.pie-chart{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}.pie-visual{width:150px;height:150px;border-radius:50%;position:relative;background:conic-gradient(#48bb78 0deg,#48bb78 var(--occupied-angle),#e2e8f0 var(--occupied-angle),#e2e8f0 360deg)}.pie-legend{display:flex;flex-direction:column;gap:10px}.pie-legend-item{display:flex;align-items:center;gap:10px}.pie-color{width:20px;height:20px;border-radius:4px}.table-container{overflow-x:auto}#expiringTable{width:100%;border-collapse:collapse;background:#fff}#expiringTable th,#expiringTable td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}#expiringTable th{background:#2d3748;color:#fff;font-weight:600}#expiringTable tbody tr:hover{background:#f7fafc}.chat-container{max-width:800px;margin:0 auto;background:#f7fafc;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.chat-status{font-size:12px;background:#fff3;padding:5px 12px;border-radius:12px}.chat-notice{background:#bee3f8;color:#2c5282;padding:15px;font-size:14px;border-left:4px solid #4299e1}.chat-messages{height:400px;overflow-y:auto;padding:20px;background:#fff}.chat-message{margin-bottom:15px;display:flex;gap:10px;animation:slideIn .3s}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.chat-message.user{flex-direction:row-reverse}.message-avatar{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.message-avatar.bot{background:#667eea}.message-avatar.user{background:#48bb78}.message-content{max-width:70%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5}.chat-message.bot .message-content{background:#f7fafc;color:#2d3748}.chat-message.user .message-content{background:#667eea;color:#fff}.chat-suggestions{display:flex;gap:10px;padding:15px;flex-wrap:wrap}.suggestion-btn{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;font-size:13px;transition:all .3s}.suggestion-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.chat-input-container{display:flex;gap:10px;padding:15px;background:#fff;border-top:1px solid #e2e8f0}#chatInput{flex:1;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px}#chatInput:focus{outline:none;border-color:#667eea}#chatSend{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s}#chatSend:hover{background:#764ba2}@media(max-width:768px){body{padding:0}.container{border-radius:0}header{flex-direction:column;align-items:flex-start;gap:15px}.warehouse-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.modal-content{width:95%;padding:20px}.reports-grid{grid-template-columns:1fr}.chat-messages{height:300px}}.chat-container[data-v-aee98347]{display:flex;flex-direction:column;height:600px;background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.chat-header[data-v-aee98347]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.chat-header h3[data-v-aee98347]{margin:0;font-size:1.1rem;font-weight:600}.chat-status[data-v-aee98347]{font-size:.8rem;background:#fff3;padding:4px 8px;border-radius:12px}.chat-notice[data-v-aee98347]{background:#ebf8ff;color:#2c5282;padding:8px 20px;font-size:.85rem;border-bottom:1px solid #bee3f8}.chat-messages[data-v-aee98347]{flex:1;overflow-y:auto;padding:20px;background-color:#f7fafc;display:flex;flex-direction:column;gap:15px}.chat-message[data-v-aee98347]{display:flex;align-items:flex-start;max-width:80%;animation:fadeIn-aee98347 .3s ease}.chat-message.user[data-v-aee98347]{align-self:flex-end;flex-direction:row-reverse}.chat-message.bot[data-v-aee98347]{align-self:flex-start}.message-avatar[data-v-aee98347]{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 10px;flex-shrink:0;font-size:1.2rem;background:#e2e8f0}.message-avatar.user[data-v-aee98347]{background:#c3dafe}.message-avatar.bot[data-v-aee98347]{background:#fed7d7}.message-content[data-v-aee98347]{background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:.95rem;line-height:1.5;color:#2d3748;position:relative}.chat-message.user .message-content[data-v-aee98347]{background:#3182ce;color:#fff;border-top-right-radius:2px}.chat-message.bot .message-content[data-v-aee98347]{background:#fff;border-top-left-radius:2px}.chat-input-container[data-v-aee98347]{padding:15px 20px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px;align-items:center}.chat-input[data-v-aee98347]{flex:1;padding:12px 15px;border:2px solid #e2e8f0;border-radius:25px;outline:none;transition:all .2s;font-size:.95rem}.chat-input[data-v-aee98347]:focus{border-color:#667eea}.send-btn[data-v-aee98347]{width:45px;height:45px;border-radius:50%;background:#667eea;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background .2s}.send-btn[data-v-aee98347]:hover:not(:disabled){background:#5a67d8}.send-btn[data-v-aee98347]:disabled{background:#cbd5e0;cursor:default}@keyframes fadeIn-aee98347{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-messages[data-v-aee98347]::-webkit-scrollbar{width:6px}.chat-messages[data-v-aee98347]::-webkit-scrollbar-track{background:transparent}.chat-messages[data-v-aee98347]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.table-container-scroll[data-v-10ac040c]{max-height:400px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px}.styled-table[data-v-10ac040c]{width:100%;border-collapse:collapse;background:#fff}.styled-table th[data-v-10ac040c],.styled-table td[data-v-10ac040c]{padding:12px 15px;text-align:left;border-bottom:1px solid #edf2f7}.styled-table th[data-v-10ac040c]{background-color:#f7fafc;color:#4a5568;position:sticky;top:0}.styled-table tr[data-v-10ac040c]:hover{background-color:#fafbfc}.btn-small[data-v-10ac040c]{padding:6px 12px;background:#4299e1;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer}.btn-small[data-v-10ac040c]:hover{background:#3182ce}.login-overlay[data-v-d97a1088]{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#1a202c,#2d3748);display:flex;align-items:center;justify-content:center;z-index:9999}.login-card[data-v-d97a1088]{background:#fff;padding:40px;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 25px #0003;text-align:center}.login-header h2[data-v-d97a1088]{color:#2d3748;margin-bottom:10px}.login-header p[data-v-d97a1088]{color:#718096;margin-bottom:30px;font-size:.95rem}.form-group[data-v-d97a1088]{margin-bottom:20px;text-align:left}.form-group label[data-v-d97a1088]{display:block;margin-bottom:8px;color:#4a5568;font-weight:500;font-size:.9rem}.form-group input[data-v-d97a1088]{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input[data-v-d97a1088]:focus{border-color:#4299e1;outline:none}.login-btn[data-v-d97a1088]{width:100%;padding:12px;background:linear-gradient(to right,#4299e1,#667eea);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s}.login-btn[data-v-d97a1088]:hover{transform:translateY(-1px)}.login-btn[data-v-d97a1088]:active{transform:translateY(1px)}.error-msg[data-v-d97a1088]{margin-top:20px;color:#e53e3e;font-size:.9rem;background:#fff5f5;padding:10px;border-radius:6px}