@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";body{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;line-height:1.5}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:500;transition:transform var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-delete:active{background:#e53e3e;transform:scale(.98)}[class$=-form]{background:var(--bg-white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}[class$=-table]{width:100%;border-collapse:collapse}[class$=-manager-content]{background:var(--bg-white);border-radius:var(--radius-xl);width:90vw;height:auto;min-height:30vh;min-width:50vw;overflow:visible;margin:1rem;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.with-sidebar:not(.sidebar-collapsed) [class$=-manager-content]{max-width:calc(100vw - 300px)}.with-sidebar.sidebar-collapsed [class$=-manager-content]{max-width:calc(100vw - 104px)}[class$=-manager-header]{display:flex;justify-content:center;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);background:var(--gradient-primary);color:var(--text-white);position:relative;border-radius:var(--radius-xl) var(--radius-xl) 0 0}[class$=-manager-main]{flex:1;overflow:visible;align-items:center}[class$=-tab-content]{height:100%}[class$=-loading]{text-align:center;padding:2rem;color:var(--text-muted);font-size:1.1rem}[class$=-modal-form]{padding:1.5rem 2rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:0;min-height:0}[class$=-modal-form] .modal-form-row,[class$=-modal-form] .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;width:100%;flex-shrink:0}[class$=-modal-form] .modal-form-row.full-width,[class$=-modal-form] .form-row.full-width{grid-template-columns:1fr}[class$=-modal-form] .form-group,[class$=-modal-form] .modal-form-group{display:flex;flex-direction:column}[class$=-modal-form] label{font-weight:600;color:#374151;font-size:.9rem;letter-spacing:.3px;transition:color .2s ease}[class$=-modal-form] input,[class$=-modal-form] select,[class$=-modal-form] textarea{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.95rem;background-color:#fff;color:#1e293b;transition:all .2s ease;font-family:inherit}[class$=-modal-form] input:focus,[class$=-modal-form] select:focus,[class$=-modal-form] textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;background-color:#fafbfc}[class$=-modal-form] input:disabled,[class$=-modal-form] select:disabled,[class$=-modal-form] textarea:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0;font-style:italic}[class$=-modal-form] input::placeholder,[class$=-modal-form] textarea::placeholder{color:#94a3b8;font-style:italic}[class$=-modal-form] textarea{resize:vertical;min-height:100px}[class$=-modal-form]::-webkit-scrollbar{width:8px}[class$=-modal-form]::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}[class$=-modal-form]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[class$=-modal-form]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){[class$=-modal-form]{padding:1.5rem;gap:1.25rem}[class$=-modal-form] .modal-form-row,[class$=-modal-form] .form-row{grid-template-columns:1fr;gap:1.25rem}[class$=-modal-form] input,[class$=-modal-form] select,[class$=-modal-form] textarea{font-size:16px}}@media (max-width: 480px){[class$=-modal-form]{padding:1.25rem;gap:1rem}}[class$=-manager-header] h2{margin:0;font-size:1.5rem;font-weight:600}[class$=-list-container]{width:100%;padding:2rem;box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif}[class$=-list-container] h2{font-size:2rem;color:#2d3748;margin-left:1rem;margin-bottom:1.5rem}[class$=-modal-overlay]{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding:1.5rem 1rem;animation:modalOverlayFadeIn .3s ease-out;overflow-y:auto}[class$=-modal-content]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:calc(100vh - 60px - 3rem);display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:modalContentSlideIn .4s cubic-bezier(.16,1,.3,1);position:relative;margin:auto 0}[class$=-modal-content]:has(form[class$=-modal-form]){max-height:calc(100vh - 60px - 3rem)}[class$=-modal-header]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;flex-shrink:0}[class$=-modal-header] h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}[class$=-manager]{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;background:var(--bg-primary)}[class$=-modal-close],.modal-close-btn{background:none;border:none;font-size:1.75rem;line-height:1;cursor:pointer;color:#64748b;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}[class$=-modal-close]:hover,.modal-close-btn:hover{background-color:#e2e8f0;color:#1e293b;transform:rotate(90deg)}[class$=-modal-close]:active,.modal-close-btn:active{background-color:#cbd5e1;transform:rotate(90deg) scale(.95)}[class$=-modal-body]{padding:2rem;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}[class$=-modal-body]::-webkit-scrollbar{width:8px}[class$=-modal-body]::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}[class$=-modal-body]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}[class$=-modal-body]::-webkit-scrollbar-thumb:hover{background:#94a3b8}[class$=-modal-actions]{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 2rem;background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;margin-top:auto;box-sizing:border-box}form [class$=-modal-actions]{margin:1rem 0 0;width:100%;padding:1rem 0;border-top:1px solid #e2e8f0;background:transparent}[class$=-modal-actions] .btn-primary,[class$=-modal-actions] .btn-secondary,[class$=-modal-actions] .btn-danger{min-width:100px;font-weight:500}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){[class$=-modal-overlay]{padding:1rem .5rem;top:60px}[class$=-modal-content]{width:95%;max-height:calc(100vh - 60px - 2rem);border-radius:8px}[class$=-modal-header]{padding:1.25rem 1.5rem}[class$=-modal-header] h3{font-size:1.1rem}[class$=-modal-body]{padding:1.5rem}[class$=-modal-actions]{padding:1rem 1.5rem;flex-direction:column-reverse}[class$=-modal-actions] .btn-primary,[class$=-modal-actions] .btn-secondary,[class$=-modal-actions] .btn-danger{width:100%}}@media (max-width: 480px){[class$=-modal-overlay]{padding:.5rem}[class$=-modal-content]{max-height:calc(100vh - 60px - 1rem)}[class$=-modal-header]{padding:1rem 1.25rem}[class$=-modal-header] h3{font-size:1rem}[class$=-modal-body]{padding:1.25rem}}.distribuidores-manager,.produccion-manager{align-items:stretch}.filters-header{background:#fff;border-radius:100px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d;border:1px solid #e0e0e0;overflow:visible}.filters-header-content{position:relative;z-index:1}.filters-icon{display:none}.filter-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group.compact{display:flex;flex-direction:column;gap:.375rem;min-width:180px;flex:1;position:relative;height:100%}.filter-label.compact{display:flex;align-items:center;gap:.25rem;color:#0009;font-size:.75rem;font-weight:500;letter-spacing:.01em;margin-bottom:4px}.filter-label.compact .filter-icon{display:none}.filter-input.compact,.filter-select.compact{padding:10px 12px;border:1px solid rgba(0,0,0,.23);border-radius:4px;background:#fff;color:#000000de;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;outline:none}.filter-input.compact:hover,.filter-select.compact:hover{border-color:#000000de}.filter-input.compact:focus,.filter-select.compact:focus{border-color:#1976d2;border-width:2px;padding:9px 11px;box-shadow:none}.filter-input.compact::placeholder{color:#00000061}.filter-select.compact{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.54)' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 4px center;background-size:24px;padding-right:32px;cursor:pointer}.filter-actions.compact{display:flex;align-items:flex-end}.reset-filters-btn.compact{display:flex;align-items:center;gap:.5rem;padding:8px 16px;border:1px solid rgba(25,118,210,.5);background:#fff;color:#1976d2;border-radius:4px;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;height:38px;box-shadow:0 1px 3px #0000001f;text-transform:none}.reset-filters-btn.compact:hover{background:#1976d20a;border-color:#1976d2;box-shadow:0 2px 4px #00000029}.reset-filters-btn.compact:active{background:#1976d21f;box-shadow:0 1px 2px #0000001f}.reset-filters-btn.compact .btn-icon{display:none}.filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;background:#fafafa;border-radius:100px;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #e0e0e0}.filters-header.open{border-radius:1.6rem 1.6rem 1rem 1rem}.filters-toggle:hover{background:#0000000a}.filters-toggle.has-active-filters{background:#e3f2fd;border-left:4px solid #1976d2;padding-left:12px}.filters-toggle.open{background:#fafafa;border-bottom:1px solid #e0e0e0}.filters-toggle.open.has-active-filters{background:#e3f2fd}.filters-toggle-content{display:flex;align-items:center;gap:.75rem;flex:1}.filters-toggle h3{margin:0;font-size:.875rem;font-weight:500;color:#000000de;letter-spacing:.01em;text-transform:uppercase}.filters-active-summary{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#0009;font-weight:400}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#1976d2;color:#fff;border-radius:10px;font-size:.75rem;font-weight:500;line-height:1}.filters-toggle-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#0000008a;transition:transform .3s cubic-bezier(.4,0,.2,1);font-size:1rem}.filters-toggle:hover .filters-toggle-icon{color:#000000de}.filters-toggle-icon.open{transform:rotate(180deg);color:#1976d2}.filters-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);opacity:0;padding:0 16px;background:#fff;position:relative;z-index:1}.filters-content.open{max-height:400px;border-radius:2rem;opacity:1;padding:16px;background:#fff;overflow:visible}.filters-content.open.has-active-filters{background:#fff}@media (max-width: 768px){.filter-row{flex-direction:column;align-items:stretch}.filter-group.compact{min-width:100%}.reset-filters-btn.compact{width:100%;justify-content:center}.filters-content.open{max-height:600px}.filters-active-summary{display:none}}[class$=-modal-content]:focus-within{outline:3px solid var(--color-primary);outline-offset:2px}[class$=-modal-body] .loading-spinner,[class$=-modal-form] .loading-spinner{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--color-primary)}[class$=-modal-form] .error-message{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;color:#991b1b;padding:.75rem 1rem;border-radius:6px;margin-top:1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}[class$=-modal-form] .success-message{background:#ecfdf5;border:1px solid #a7f3d0;border-left:4px solid #10b981;color:#065f46;padding:.75rem 1rem;border-radius:6px;margin-top:1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}[class$=-modal-form] label.required:after{content:" *";color:#ef4444;font-weight:700}[class$=-modal-form] .field-tooltip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;cursor:help;margin-left:.25rem;transition:all .2s ease}[class$=-modal-form] .field-tooltip:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}[class$=-modal-body] hr,[class$=-modal-form] hr{border:none;border-top:1px solid #e2e8f0;margin:1.5rem 0}[class$=-modal-body] .modal-section,[class$=-modal-form] .modal-section{margin-bottom:2rem}[class$=-modal-body] .modal-section:last-child,[class$=-modal-form] .modal-section:last-child{margin-bottom:0}[class$=-modal-body] .modal-section-title,[class$=-modal-form] .modal-section-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}[class$=-modal-form] input.error,[class$=-modal-form] select.error,[class$=-modal-form] textarea.error{border-color:#ef4444;background:#fef2f2}[class$=-modal-form] input.error:focus,[class$=-modal-form] select.error:focus,[class$=-modal-form] textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}[class$=-modal-form] input.success,[class$=-modal-form] select.success,[class$=-modal-form] textarea.success{border-color:#10b981;background:#ecfdf5}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.load-more-container{display:flex;flex-direction:column;align-items:center;padding:2rem 0;gap:.5rem}.load-more-btn{padding:.75rem 2rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px #667eea4d}.load-more-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.load-all-btn{background:var(--color-primary, #667eea);opacity:.85;font-size:.85rem}.load-all-btn:hover:not(:disabled){opacity:1}.load-more-info{font-size:.8rem;color:var(--text-muted);text-align:center;max-width:300px}.compra-form{margin:0;padding:32px;border:none;border-radius:0;box-shadow:none;max-width:100%;min-height:100vh}.compra-form-title-section{margin-bottom:12px}.compra-form h2{margin:0 0 2px;padding:0;font-size:1.2rem;font-weight:600;color:#1a1a1a;letter-spacing:-.02em}.compra-form-subtitle{margin:0;color:#6c757d;font-size:.8rem;font-weight:400}.compra-form-header-container{background:#fff;border-radius:8px;border:1px solid #dee2e6;box-shadow:0 1px 3px #0000000f;padding:0;margin-bottom:16px;overflow:visible}.compra-header-section{padding:10px 16px;border-bottom:1px solid #e9ecef;overflow:visible}.compra-header-section:last-child{border-bottom:none}.compra-section-title{margin:0 0 8px;font-size:.7rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.8px}.compra-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.compra-field-group{display:flex;flex-direction:column}.compra-field-group--wide{grid-column:1 / -1}.compra-form h3{margin:16px 0 10px;font-size:.875rem;font-weight:600;color:#1a1a1a;letter-spacing:0}.compra-form label{font-weight:500;color:#495057;font-size:.75rem;margin-bottom:3px;display:inline-flex;letter-spacing:.02em}.compra-form input,.compra-form select{width:100%;padding:5px 10px;border:1px solid #ced4da;border-radius:6px;font-size:.8125rem;background:#fff;transition:all .2s ease;box-sizing:border-box;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.compra-form input:hover,.compra-form select:hover{border-color:#adb5bd}.compra-form input:focus,.compra-form select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a;background:#fff}.compra-form input:disabled{background:#f1f3f5;color:#868e96;cursor:not-allowed;border-color:#e9ecef}.nro-wrapper{display:flex;align-items:center;gap:6px}.nro-wrapper input{flex:1;text-align:center;font-weight:600;color:#212529;font-family:Monaco,Courier New,monospace;letter-spacing:.5px}.nro-wrapper span{font-weight:400;color:#adb5bd;font-size:1rem}.compra-field-hint{display:block;margin-top:2px;font-size:.65rem;font-weight:400;line-height:1.3}.hint-info{color:#495057}.hint-success{color:#2e7d32}.hint-warning{color:#e67e22}@media (max-width: 1024px){.compra-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.compra-form{padding:20px}.compra-form h2{font-size:1.25rem}.compra-grid-3{grid-template-columns:1fr;gap:12px}.compra-header-section{padding:16px 20px}.nro-wrapper{gap:6px}.nro-wrapper input{font-size:.8125rem}}.btn-agregar,.btn-guardar{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:11px 24px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-agregar:hover,.btn-guardar:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f140}.btn-agregar:active,.btn-guardar:active{background:#4338ca;transform:scale(.98)}.btn-guardar:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none}.btn-guardar:disabled:hover{background:#cbd5e1;box-shadow:none;transform:none}.btn-agregar-circular{width:48px;height:48px;background:#6366f1;color:#fff;border:none;border-radius:50%;font-size:24px;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #6366f133}.btn-agregar-circular:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:scale(1.05)}.btn-agregar-circular:active{background:#4338ca;transform:scale(.95)}.btn-quitar{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.btn-quitar:hover{background:#dc2626;box-shadow:0 2px 8px #ef444440}.btn-quitar:active{background:#b91c1c;transform:scale(.98)}.small-btn{padding:4px 12px;font-size:.75rem;border-radius:50px}.totales-card{display:flex;flex-direction:column;gap:16px;padding:24px;background:#fff;border-radius:12px;border:1px solid #dee2e6;box-shadow:0 2px 8px #0000000a;max-width:400px;margin:32px 0 32px auto}.totales-card>div{display:flex;justify-content:space-between;align-items:center;gap:16px}.totales-card label{font-weight:600;color:#495057;font-size:.875rem;margin:0;min-width:100px}.totales-card input{text-align:right;font-weight:600;color:#212529;background:#f8f9fa;border:1px solid #e9ecef;padding:10px 14px;border-radius:6px;font-size:1rem}.totales-card>div:last-child input{font-size:1.125rem;color:#6366f1;background:#f0f1ff;border-color:#c7d2fe}.percepciones-row{display:flex;flex-direction:row;gap:12px;align-items:flex-end;margin-top:12px;flex-wrap:nowrap}.percepciones-row .form-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.percepciones-row .form-group label{font-size:.75rem;font-weight:600;color:#6c757d;margin:0}.percepciones-row .form-group input{padding:5px 10px;font-size:.8125rem;border:1px solid #ced4da;border-radius:6px;background:#fff;width:100%;box-sizing:border-box}.percepciones-row .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.totales-percepciones-group{display:flex;flex-direction:column;gap:3px;padding:6px 10px;background:#fffbf0;border:1px solid #f0e0a8;border-radius:6px;margin:-4px 0}.totales-percepcion-item{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8a6d2e;font-weight:500}.totales-percepcion-item span:last-child{font-variant-numeric:tabular-nums;font-weight:600;color:#a07830}.mensaje-resultado{margin-top:16px;padding:12px 16px;font-weight:500;color:#1b5e20;font-size:.875rem;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px}.compra-form table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;background:#fff;border:1px solid #e0e0e0;border-radius:16px;overflow:visible;box-shadow:0 2px 4px #0000000d}.compra-form tbody{overflow:visible}.compra-form th{padding:12px 8px;text-align:center;font-weight:500;color:#ffffffde;font-size:.875rem;letter-spacing:.15px}.compra-form tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.compra-form tbody tr:hover{background-color:#00000005}.compra-form tbody tr:last-child{border-bottom:none}.compra-form td{padding:8px;text-align:center;position:relative}.compra-form table input,.compra-form table select{width:100%;padding:6px 8px;border:1px solid rgba(0,0,0,.23);border-radius:4px;font-size:.8125rem;background:#fff;transition:border-color .15s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.compra-form table input:hover,.compra-form table select:hover{border-color:#000000de}.compra-form table input:focus,.compra-form table select:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 1px #1976d2}.compra-form table input:read-only{background:#f5f5f5;cursor:default;border-color:#0000001f}.compra-form table input:read-only:hover{border-color:#0000001f}.compra-form table button[type=button]{padding:4px 8px;border:none;background:#1976d2;color:#fff;border-radius:50px;cursor:pointer;font-size:.75rem;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.compra-form table button[type=button]:hover{background:#1565c0}.compra-form .toggle-row-btn{padding:4px 8px;background:transparent;border:1px solid rgba(0,0,0,.23);color:#0009;border-radius:50px;cursor:pointer;font-size:.75rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.compra-form .toggle-row-btn:hover{background:#0000000a;border-color:#000000de;color:#000000de}.compra-form .expanded-row{background:#fafafa}.compra-form .expanded-row td{padding:16px}.compra-form .expanded-content{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compra-form .expanded-content>div{display:flex;flex-direction:column}.compra-form .expanded-content label{margin-bottom:6px;font-size:.875rem;color:#0009;font-weight:500}.compra-form .expanded-content input{padding:8px 12px}.modal-insumo-bg{position:fixed;inset:0 0 0 260px;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;overflow-y:auto;transition:left .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .modal-insumo-bg{left:64px}.modal-transferencia-overlay{position:fixed;inset:0 0 0 260px;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1050;overflow-y:auto;transition:left .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .modal-transferencia-overlay{left:64px}.modal-transferencia{background:#fff;border-radius:14px;width:min(92%,960px);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000038;overflow:hidden}.modal-transferencia .mt-body{padding:1.5rem;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:1.25rem}.modal-transferencia .mt-footer{padding:1rem 1.5rem;border-top:1px solid #f0f0f0;background:#fafafa;display:flex;gap:.75rem;justify-content:flex-end;align-items:center;flex-shrink:0}.modal-insumo{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:0;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:auto}.modal-insumo-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#fafafa}.input-buscar-insumo{flex:1;padding:10px 14px;border:1px solid rgba(0,0,0,.23);border-radius:4px;font-size:14px;font-family:Roboto,sans-serif;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);background:#fff}.input-buscar-insumo:hover{border-color:#000000de}.input-buscar-insumo:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.input-buscar-insumo::placeholder{color:#0009;font-style:normal}.modal-insumo-header .btn-quitar{padding:8px 20px;background:#d32f2f;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a;white-space:nowrap}.modal-insumo-header .btn-quitar:hover{background:#c62828;box-shadow:0 4px 8px #00000026}.modal-insumo-header .btn-quitar:active{background:#b71c1c;box-shadow:0 2px 4px #0003}.modal-insumo-list{overflow-y:auto;overflow-x:auto;flex:1;min-height:0}.modal-insumo-list::-webkit-scrollbar{width:8px;height:8px}.modal-insumo-list::-webkit-scrollbar-track{background:#f5f5f5}.modal-insumo-list::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.modal-insumo-list::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.modal-table{width:100%;border-collapse:separate;border-spacing:0}.modal-table thead{position:sticky;top:0;z-index:10}.modal-table th{background:linear-gradient(180deg,#fafafa,#f5f5f5);border-bottom:2px solid #e0e0e0;padding:16px;font-size:14px;text-align:left;font-weight:500;color:#000000de;text-transform:uppercase;letter-spacing:.5px;font-family:Roboto,sans-serif}.modal-table th:first-child{padding-left:24px}.modal-table th:last-child{padding-right:24px}.modal-table td{border-bottom:1px solid #e0e0e0;padding:16px;font-size:14px;text-align:left;color:#000000de;font-family:Roboto,sans-serif;background:#fff}.modal-table td:first-child{padding-left:24px;font-weight:500}.modal-table td:last-child{padding-right:24px}.modal-row{cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.modal-row:hover{background:#1976d20a!important}.modal-row:hover td{background:#1976d20a}.modal-row:active{background:#1976d214!important}.modal-row:active td{background:#1976d214}.sin-resultados{text-align:center;color:#0009;padding:48px 24px;font-style:italic;font-size:14px;font-family:Roboto,sans-serif}.sin-resultados-hint{margin-top:8px;color:#00000073;font-size:13px;font-style:italic}@media (max-width: 768px){.modal-insumo-bg{left:0!important;padding:.5rem}.modal-insumo{width:100%;max-width:none;max-height:95vh;border-radius:8px}.modal-insumo-header{flex-direction:column;align-items:stretch;padding:1rem}.modal-table th,.modal-table td{padding:.75rem .5rem;font-size:.8rem}.modal-table th:first-child,.modal-table td:first-child{padding-left:.75rem}.modal-table th:last-child,.modal-table td:last-child{padding-right:.75rem}}@media (max-width: 1024px) and (min-width: 769px){.modal-insumo{max-width:750px}}.success-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding-left:260px;z-index:2000;animation:modalOverlayFadeIn .3s ease-out;overflow-y:auto;transition:padding-left .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .success-modal-overlay{padding-left:64px}.success-modal{background:#fff;border-radius:16px;padding:2.5rem;max-width:450px;width:90%;max-height:90vh;text-align:center;box-shadow:0 20px 60px #0000004d;animation:successModalPop .5s cubic-bezier(.68,-.55,.265,1.55);border-top:5px solid #10b981;position:relative;overflow-y:auto;display:flex;flex-direction:column;margin:2rem 0}.success-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(135deg,#10b9811a,#10b9810d);pointer-events:none}.success-icon{font-size:4rem;margin-bottom:1.25rem;animation:successIconBounce .8s ease-out;filter:drop-shadow(0 4px 8px rgba(16,185,129,.3));position:relative;z-index:1}.success-modal h3{color:#059669;margin:0 0 .75rem;font-size:1.75rem;font-weight:700;position:relative;z-index:1}.success-modal p{color:#475569;margin:0 0 2rem;font-size:1.05rem;line-height:1.6;position:relative;z-index:1}.btn-success-close{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;padding:.875rem 2.5rem;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;position:relative;z-index:1}.btn-success-close:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-success-close:active{transform:translateY(0);box-shadow:0 4px 12px #10b9814d}@keyframes successModalPop{0%{opacity:0;transform:scale(.3) translateY(-50px) rotate(-5deg)}50%{opacity:1;transform:scale(1.05) translateY(0) rotate(2deg)}70%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes successIconBounce{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}85%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (max-width: 480px){.success-modal{padding:2rem 1.5rem;max-width:95%}.success-icon{font-size:3rem}.success-modal h3{font-size:1.5rem}.success-modal p{font-size:1rem}.btn-success-close{width:100%}}.sublinea-insumo{border-top:1px solid rgb(102 126 234 / 30%);border-bottom:3px solid var(--color-primary);background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;margin-top:-1px}.sublinea-insumo:before{content:"";position:absolute;left:0;top:-1px;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 20%,var(--color-primary) 80%,transparent 100%);opacity:.6}.sublinea-insumo:after{content:"📋";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--color-primary);opacity:.7;pointer-events:none}.sublinea-insumo td{padding:.6rem 1rem .6rem 2.5rem!important;font-size:.8rem!important;color:#64748b!important;border-bottom:none!important;border-top:none!important}.sublinea-insumo input{font-size:.8rem;background:#ffffffe5;border:1px solid #cbd5e1;border-radius:4px;padding:.35rem .6rem;margin-left:.25rem;width:auto;min-width:80px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.sublinea-insumo input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 2px #667eea26;transform:translateY(-1px)}.sublinea-insumo b{color:#475569;font-weight:600;opacity:.8}.compras-table-container{overflow-x:auto;max-width:100%;box-sizing:border-box}.compras-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.compras-table thead{background:var(--gradient-primary)}.compras-table thead th:first-child{border-top-left-radius:10px}.compras-table thead th:last-child{border-top-right-radius:10px}.compras-table th,.compras-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.compras-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.compras-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.compras-table tbody tr:hover{background-color:#f0f4ff}.compras-table tbody tr:last-child td{border-bottom:none}.producto-selector-modal{display:flex;flex-direction:column}.producto-selector-header{padding:1.5rem;border-top:3px solid #007bff;background-color:#f8f9fa;flex-shrink:0}.producto-selector-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.producto-selector-title{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.producto-selector-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.producto-selector-close-btn:hover{background-color:#e9ecef;color:#dc3545}.producto-selector-search-wrapper{position:relative}.producto-selector-search-input{width:100%;padding:.75rem 1rem;border:2px solid #dee2e6;border-radius:50px;font-size:1rem;outline:none;transition:border-color .2s;background-color:#fff}.producto-selector-search-input:focus{border-color:#007bff}.producto-selector-counter{margin-top:.75rem;font-size:.85rem;color:#6c757d;font-weight:500}.producto-selector-table-wrapper{flex:1;overflow-y:auto;padding:0}.producto-selector-table{width:100%;border-collapse:collapse}.producto-selector-thead{position:sticky;top:0;z-index:10}.producto-selector-thead-row{background:linear-gradient(135deg,#007bff,#0056b3);color:#494949}.producto-selector-th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;color:#494949}.producto-selector-th:first-child{border-top-left-radius:12px}.producto-selector-th:last-child{border-top-right-radius:12px}.producto-selector-th-codigo{width:100px}.producto-selector-th-unidad{text-align:center;width:120px}.producto-selector-row{cursor:pointer;border-bottom:1px solid #e9ecef;transition:all .2s}.producto-selector-row-even{background-color:#fff}.producto-selector-row-odd{background-color:#f8f9fa}.producto-selector-row:hover{background-color:#e7f3ff!important;transform:scale(1.01)}.producto-selector-td{padding:1rem;font-size:.9rem}.producto-selector-td-codigo{font-weight:600;color:#007bff}.producto-selector-td-nombre{color:#2c3e50;font-weight:500}.producto-selector-td-unidad{text-align:center;color:#6c757d;font-size:.85rem;font-weight:600}.producto-selector-unidad-badge{background-color:#e9ecef;padding:.25rem .75rem;border-radius:12px;display:inline-block}.producto-selector-no-results{padding:3rem;text-align:center;color:#6c757d;font-size:1rem}.producto-selector-no-results-icon{font-size:3rem;margin-bottom:1rem}.producto-selector-no-results-title{font-weight:600;margin-bottom:.5rem}.producto-selector-no-results-text{font-size:.85rem}.producto-selector-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;background-color:#f8f9fa;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.producto-selector-footer-hint{font-size:.85rem;color:#6c757d}.producto-selector-footer-btn{padding:.5rem 1.5rem;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.producto-selector-footer-btn:hover{background-color:#5a6268}.compra-detalle-wrapper{margin-bottom:1.5rem;overflow-x:auto;border-radius:12px;box-shadow:0 2px 8px #00000014}.compra-detalle-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff}.compra-detalle-thead-row{background:var(--gradient-primary);border-bottom:2px solid #dee2e6}.compra-detalle-th{padding:.75rem .5rem;text-align:center;font-weight:600;color:#494949;font-size:.85rem}.compra-detalle-th:first-child{border-top-left-radius:12px}.compra-detalle-th:last-child{border-top-right-radius:12px}.compra-th-id{width:80px}.compra-th-nombre{width:auto;min-width:220px}.compra-th-unidad{width:80px}.compra-th-cantidad{width:75px}.compra-th-precio{width:85px}.compra-th-iva{width:75px}.compra-th-pdesc{width:85px}.compra-th-desc{width:75px}.compra-th-subtotal{width:95px}.compra-th-acciones{width:44px}.compra-detalle-row{border-bottom:1px solid #e9ecef;transition:background-color .2s}.compra-detalle-row:hover{background-color:#f8f9fa}.compra-detalle-td{padding:.5rem .25rem;text-align:center;vertical-align:middle}.compra-id-wrapper{display:flex;align-items:center;justify-content:center;gap:.25rem}.compra-input-id{width:50px;padding:.35rem .5rem;border:2px solid #dee2e6;border-radius:6px;font-size:.8rem;transition:border-color .2s}.compra-input-id:focus{border-color:#007bff;outline:none}.compra-input{width:100%;padding:.35rem .5rem;border:2px solid #dee2e6;border-radius:6px;font-size:.8rem;transition:border-color .2s}.compra-input:focus{border-color:#007bff;outline:none}.compra-input-readonly{width:100%;padding:.35rem .5rem;border:2px solid #e9ecef;border-radius:6px;font-size:.8rem;background-color:#f8f9fa;color:#6c757d}.compra-select{width:100%;padding:.35rem .5rem;border:2px solid #dee2e6;border-radius:6px;font-size:.8rem;cursor:pointer;transition:border-color .2s}.compra-select:focus{border-color:#007bff;outline:none}.compra-td-precio-desc{background-color:#e9ecef;font-weight:600;color:#495057}.compra-td-subtotal{background-color:#d4edda;font-weight:600;color:#155724}.compra-btn-buscar{padding:.3rem .5rem;border:none;background-color:#007bff;color:#fff;border-radius:50%;cursor:pointer;font-size:.75rem;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.compra-btn-buscar:hover{background-color:#0056b3;transform:scale(1.1)}.compra-acciones{display:flex;gap:.25rem;justify-content:center;align-items:center}.compra-btn-toggle{padding:.3rem .5rem;border:none;background-color:#6c757d;color:#fff;border-radius:50%;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s;min-width:28px;height:28px}.compra-btn-toggle:hover{background-color:#5a6268;transform:scale(1.1)}.compra-btn-eliminar{padding:.3rem .5rem;border:none;background-color:#dc3545!important;color:#fff!important;border-radius:50%;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s;min-width:28px;height:28px}.compra-btn-eliminar:hover{background-color:#c82333!important;transform:scale(1.1)}.compra-expanded-row{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.compra-expanded-td{padding:1rem}.compra-expanded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;font-size:.85rem}.compra-expanded-field{display:flex;align-items:center;gap:.5rem}.compra-expanded-label{font-weight:600;color:#495057;min-width:60px;white-space:nowrap}.compra-expanded-input{flex:1;padding:.4rem .6rem;border:2px solid #dee2e6;border-radius:6px;font-size:.85rem;transition:border-color .2s}.compra-expanded-input:focus{border-color:#007bff;outline:none}.compra-btn-agregar-wrapper{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:1.5rem}.btn-importar-oc{padding:10px 20px;background:#fff;color:#495057;border:1px solid #ced4da;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-importar-oc:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;box-shadow:0 2px 8px #00000014}.btn-importar-oc:disabled{opacity:.5;cursor:not-allowed;background:#f1f3f5}.compra-btn-guardar-wrapper{display:flex;justify-content:flex-end;margin-bottom:2rem}@media (max-width: 768px){.compra-detalle-wrapper{border-radius:8px}.compra-detalle-th,.compra-detalle-td{padding:.4rem .2rem;font-size:.75rem}.compra-input,.compra-input-id,.compra-input-readonly,.compra-select{font-size:.75rem;padding:.3rem .4rem}.compra-expanded-grid{grid-template-columns:1fr;gap:.5rem}}.produccion-detalle-wrapper{margin-bottom:1.5rem;overflow-x:auto;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.produccion-detalle-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff}.produccion-detalle-thead-row{background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:2px solid #0056b3}.produccion-detalle-th{padding:.75rem;text-align:center;font-weight:600;color:#fff;font-size:.9rem}.produccion-detalle-th:first-child{border-top-left-radius:12px}.produccion-detalle-th:last-child{border-top-right-radius:12px}.produccion-th-id{width:80px}.produccion-th-producto{width:auto;min-width:250px;text-align:left}.produccion-th-unidad{width:100px}.produccion-th-cantidad{width:120px}.produccion-th-acciones{width:100px}.insumo-selector-modal{display:flex;flex-direction:column}.insumo-selector-header{padding:1.5rem;border-top:3px solid #667eea;background-color:#f8f9fa;flex-shrink:0}.insumo-selector-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.insumo-selector-title{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.insumo-selector-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.insumo-selector-close-btn:hover{background-color:#e9ecef;color:#dc3545}.insumo-selector-search-wrapper{position:relative}.insumo-selector-search-input{width:90%;padding:.75rem 1rem;border:2px solid #dee2e6;border-radius:50px;font-size:1rem;outline:none;transition:border-color .2s;background-color:#fff}.insumo-selector-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.insumo-selector-counter{margin-top:.75rem;font-size:.85rem;color:#6c757d;font-weight:500}.insumo-selector-table-wrapper{flex:1;overflow-y:auto;padding:0}.insumo-selector-table{width:100%;border-collapse:collapse}.insumo-selector-thead{position:sticky;top:0;z-index:10}.insumo-selector-thead-row{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.insumo-selector-th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;color:#fff}.insumo-selector-th:first-child{border-top-left-radius:12px}.insumo-selector-th:last-child{border-top-right-radius:12px}.insumo-selector-th-codigo{width:100px}.insumo-selector-th-unidad{text-align:center;width:120px}.insumo-selector-row{cursor:pointer;border-bottom:1px solid #e9ecef;transition:all .2s}.insumo-selector-row-even{background-color:#fff}.insumo-selector-row-odd{background-color:#f8f9fa}.insumo-selector-row:hover{background-color:#e7e9fd!important;transform:scale(1.01)}.insumo-selector-td{padding:1rem;font-size:.9rem}.insumo-selector-td-codigo{font-weight:600;color:#667eea}.insumo-selector-td-nombre{color:#2c3e50;font-weight:500}.insumo-selector-td-unidad{text-align:center;color:#6c757d;font-size:.85rem;font-weight:600}.insumo-selector-unidad-badge{background-color:#e9ecef;padding:.25rem .75rem;border-radius:12px;display:inline-block}.insumo-selector-no-results{padding:3rem;text-align:center;color:#6c757d;font-size:1rem}.insumo-selector-no-results-icon{font-size:3rem;margin-bottom:1rem}.insumo-selector-no-results-title{font-weight:600;margin-bottom:.5rem}.insumo-selector-no-results-text{font-size:.85rem}.insumo-selector-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;background-color:#f8f9fa;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.insumo-selector-footer-hint{font-size:.85rem;color:#6c757d}.insumo-selector-footer-btn{padding:.5rem 1.5rem;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.insumo-selector-footer-btn:hover{background-color:#5a6268}.compras-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.compras-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.compras-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.compras-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.compras-list-tab{width:100%}.tab-header{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.tab-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.compras-table-content{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.compra-actions{display:flex;gap:.5rem;align-items:center}.compra-actions button{padding:6px 12px;border-radius:4px;font-size:.875rem;font-weight:500;text-transform:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.compra-actions button:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;transform:translateY(-1px)}.compras-form-tab{max-width:800px;margin:0 auto}.compras-form h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;background:var(--bg-white)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);color:var(--text-primary);padding:1rem 2rem;height:60px;position:fixed;top:0;left:0;width:100vw;z-index:1100;box-shadow:var(--shadow-sm)}.dashboard-header-light{background:var(--bg-primary)!important;color:var(--text-primary)!important}.menu-toggle{background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;margin-right:1.5rem;outline:none;transition:color var(--transition-fast)}.menu-toggle:hover{color:var(--text-secondary)}.dashboard-title{font-size:1.5rem;font-weight:700;letter-spacing:2px;color:var(--text-primary)}.dashboard-user-area{position:relative;display:flex;align-items:center;height:100%;margin-left:auto;margin-right:2.5rem;z-index:1200}.dashboard-user-btn{display:flex;align-items:center;background:none;border:none;color:var(--text-primary);font-size:1rem;cursor:pointer;padding:.4rem 1rem;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);outline:none;position:relative;min-width:120px;box-shadow:none}.dashboard-user-btn:hover,.dashboard-user-btn:focus{background:var(--bg-secondary);color:var(--text-primary)}.user-icon{margin-right:.5rem;font-size:1.2em}.user-name{margin-right:.5rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.user-arrow{font-size:.8em;margin-left:.2em;transition:transform var(--transition-fast);color:var(--text-muted)}.user-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:110%;right:0;background:var(--bg-white);color:var(--text-primary);min-width:160px;box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid var(--border-light);padding:.5rem 0;list-style:none;z-index:9000;animation:fadeIn .18s}.user-dropdown li{padding:.7rem 1.2rem;cursor:pointer;color:var(--text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.user-dropdown li:hover{background:var(--bg-secondary)}.logout-option{color:var(--color-danger)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-sidebar.drawer{width:220px;background:#333;color:#fff;height:calc(100vh - 60px);position:fixed;top:60px;left:-240px;z-index:1001;box-shadow:2px 0 8px #00000014;transition:left .25s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-sizing:border-box;padding-bottom:2rem}.dashboard-sidebar.drawer.open{left:0}.dashboard-sidebar.drawer::-webkit-scrollbar{width:6px}.dashboard-sidebar.drawer::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.dashboard-sidebar.drawer::-webkit-scrollbar-track{background:transparent}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;z-index:1000}.dashboard-sidebar ul{list-style:none;padding:0;margin:0}.dashboard-sidebar li{position:relative;padding:0}.dashboard-sidebar .menu-item-with-arrow{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;cursor:pointer;transition:background .2s}.dashboard-sidebar li:not(.has-submenu){padding:1rem 2rem;cursor:pointer;transition:background .2s}.dashboard-sidebar li:hover,.dashboard-sidebar .menu-item-with-arrow:hover{background:#444}.dashboard-sidebar .submenu{background:#2a2a2a;padding-left:1rem;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.dashboard-sidebar .submenu.open{max-height:500px}.dashboard-sidebar .submenu li{padding:1rem 1.5rem;cursor:pointer;color:#fff;background:#222;border-bottom:1px solid #333;transition:background .2s}.dashboard-sidebar .submenu li:hover{background:#333}.dashboard-sidebar.drawer.expanded .submenu{left:300px}.dashboard-sidebar .arrow{margin-left:10px;font-size:.8em;transition:transform .2s}.dashboard-sidebar .arrow.open{transform:rotate(90deg)}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-main{transition:margin-left .25s cubic-bezier(.4,0,.2,1);box-sizing:border-box;overflow-x:hidden}.dashboard-main.drawer-open{margin-left:220px;margin-right:auto;width:calc(100% - 220px)}.dashboard-main>div{max-width:100%;min-height:100vh;height:100%;box-sizing:border-box}.dashboard-main table{max-width:100%;overflow-x:auto}.dashboard-main .compras-manager,.dashboard-main .proveedores-manager,.dashboard-main .insumos-manager,.dashboard-main .productos-manager,.dashboard-main .recetas-manager,.dashboard-main .distribuidores-manager,.dashboard-main .ventas-manager,.dashboard-main .produccion-manager{max-width:100%;box-sizing:border-box;overflow-x:auto;align-items:center}.sidebar-container{position:fixed;top:0;left:0;height:100vh;width:260px;background:#fff;box-shadow:0 2px 4px #0000000d,0 4px 8px #00000014;display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1);z-index:1200;overflow-y:hidden;overflow-x:hidden}.sidebar-container.collapsed{width:64px;overflow-x:visible}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e0e0e0;min-height:72px;background:linear-gradient(180deg,#fafafa,#fff)}.sidebar-brand{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden}.sidebar-logo{width:36px;height:36px;object-fit:contain;border-radius:8px;flex-shrink:0}.sidebar-brand-name{font-size:1.125rem;font-weight:600;color:#000000de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#0000008a;cursor:pointer;border-radius:50%;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar-toggle-btn:hover{background-color:#0000000a;color:#1976d2}.sidebar-toggle-btn:active{background-color:#00000014}.sidebar-container.collapsed .sidebar-header{justify-content:center;padding:16px 12px}.sidebar-container.collapsed .sidebar-brand{justify-content:center}.sidebar-container.collapsed .sidebar-logo{width:40px;height:40px}.sidebar-toggle-collapsed{display:flex;justify-content:center;padding:8px 12px;border-bottom:1px solid #e0e0e0}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.sidebar-container.collapsed .sidebar-nav{overflow-x:visible}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#0000001f;border-radius:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu-item{position:relative}.sidebar-menu-link{display:flex;align-items:center;padding:12px 16px;color:#000000de;cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1);border-radius:0;position:relative;gap:16px}.sidebar-menu-link:hover{background-color:#0000000a}.sidebar-tooltip{z-index:9999;pointer-events:none;display:flex;align-items:center;animation:tooltipFadeIn .2s cubic-bezier(.4,0,.2,1)}.sidebar-tooltip-arrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(0,0,0,.87);margin-right:2px}.sidebar-tooltip-content{background:#000000de;color:#fff;padding:8px 14px;border-radius:6px;font-size:.875rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sidebar-container.collapsed .sidebar-menu-link:after,.sidebar-container.collapsed .sidebar-menu-link:before{display:none}.sidebar-menu-item.active>.sidebar-menu-link{background-color:#1976d214;color:#1976d2;border-left:3px solid #1976d2;padding-left:13px}.sidebar-menu-icon{display:flex;align-items:center;justify-content:center;color:#0000008a;flex-shrink:0;width:20px;height:20px}.sidebar-menu-item.active .sidebar-menu-icon{color:#1976d2}.sidebar-menu-text{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-menu-arrow{display:flex;align-items:center;justify-content:center;color:#0000008a;transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar-menu-arrow.open{transform:rotate(180deg)}.sidebar-container.collapsed .sidebar-brand-name,.sidebar-container.collapsed .sidebar-menu-text,.sidebar-container.collapsed .sidebar-menu-arrow{display:none}.sidebar-container.collapsed .sidebar-menu-link{justify-content:center;padding:12px}.sidebar-container.collapsed .sidebar-menu-item.active>.sidebar-menu-link{border-left:none;padding-left:12px;background-color:#1976d21f}.sidebar-submenu{list-style:none;padding:0;margin:0;background-color:#f5f5f5;max-height:0;overflow:hidden;transition:max-height .25s cubic-bezier(.4,0,.2,1)}.sidebar-submenu.open{max-height:300px}.sidebar-submenu-item{padding:10px 16px 10px 52px;color:#000000de;cursor:pointer;font-size:.875rem;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.sidebar-submenu-item:hover{background-color:#0000000a}.sidebar-submenu-item.active{background-color:#1976d214;color:#1976d2;font-weight:500}.sidebar-user{display:flex;align-items:center;justify-content:space-between;padding:16px;border-top:1px solid #e0e0e0;background:linear-gradient(180deg,#fff,#fafafa);gap:8px}.sidebar-user-info{display:flex;align-items:center;gap:12px;flex:1}.sidebar-user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.sidebar-user-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}.sidebar-user-name{font-size:.875rem;font-weight:600;color:#000000de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.75rem;color:#0000008a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#d32f2f;cursor:pointer;border-radius:50%;transition:background-color .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar-logout-btn:hover{background-color:#d32f2f14}.sidebar-logout-btn:active{background-color:#d32f2f1f}.sidebar-container.collapsed .sidebar-user{justify-content:center}.sidebar-container.collapsed .sidebar-user-details,.sidebar-container.collapsed .sidebar-logout-btn{display:none}.dashboard-container.with-sidebar{margin-left:260px;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.dashboard-container.with-sidebar.sidebar-collapsed{margin-left:64px}@media (max-width: 768px){.sidebar-container{transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-container.mobile-open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1100;opacity:0;visibility:hidden;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.sidebar-overlay.visible{opacity:1;visibility:visible}.dashboard-container.with-sidebar,.dashboard-container.with-sidebar.sidebar-collapsed{margin-left:0}}.distribuidores-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.distribuidores-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.distribuidores-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.distribuidores-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.distribuidores-form h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.distribuidores-table-container{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto;max-width:100%;box-sizing:border-box}.distribuidores-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.distribuidores-table thead{background:var(--gradient-primary)}.distribuidores-table thead th:first-child{border-top-left-radius:10px}.distribuidores-table thead th:last-child{border-top-right-radius:10px}.distribuidores-table th,.distribuidores-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.distribuidores-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.distribuidores-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.distribuidores-table tbody tr:hover{background-color:#f0f4ff}.distribuidores-table tbody tr:last-child td{border-bottom:none}.distribuidores-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.insumos-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.insumos-tab-btn{font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.insumos-form h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.insumos-table-container{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto;max-width:100%;box-sizing:border-box}.insumos-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.insumos-table thead{background:var(--gradient-primary)}.insumos-table thead th:first-child{border-top-left-radius:10px}.insumos-table thead th:last-child{border-top-right-radius:10px}.insumos-table th,.insumos-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.insumos-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.insumos-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.insumos-table tbody tr:hover{background-color:#f0f4ff}.insumos-table tbody tr:last-child td{border-bottom:none}.insumos-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.notification-modal-overlay{position:fixed;top:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding-top:2rem;z-index:2000;animation:modalOverlayFadeIn .3s ease-out;transition:left .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .notification-modal-overlay{left:64px}.notification-modal-content{background:#fff;border-radius:12px;padding:0;max-width:450px;width:90%;max-height:calc(100vh - 60px - 4rem);box-shadow:0 20px 60px #0000004d;animation:notificationBounce .5s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden;border-top:4px solid #64748b;display:flex;flex-direction:column}.notification-modal-content.success{border-top-color:#10b981}.notification-modal-content.error{border-top-color:#ef4444}.notification-modal-content.warning{border-top-color:#f59e0b}.notification-modal-content.info{border-top-color:#3b82f6}.notification-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.notification-modal-content.success .notification-modal-header{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.notification-modal-content.error .notification-modal-header{background:linear-gradient(135deg,#fef2f2,#fecaca)}.notification-modal-content.warning .notification-modal-header{background:linear-gradient(135deg,#fffbeb,#fde68a)}.notification-modal-content.info .notification-modal-header{background:linear-gradient(135deg,#eff6ff,#bfdbfe)}.notification-modal-header h3{margin:0;font-size:1.15rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.notification-modal-content.success .notification-modal-header h3{color:#059669}.notification-modal-content.error .notification-modal-header h3{color:#dc2626}.notification-modal-content.warning .notification-modal-header h3{color:#b45309}.notification-modal-content.info .notification-modal-header h3{color:#1d4ed8}.notification-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.notification-modal-close:hover{background-color:#0000000d;transform:rotate(90deg)}.notification-modal-body{padding:1.75rem}.notification-modal-body p{margin:0;font-size:1rem;line-height:1.6;color:#475569}.notification-modal-actions{padding:1.25rem 1.75rem;display:flex;justify-content:flex-end;gap:.75rem;background:#f8fafc;border-top:1px solid #e2e8f0}.notification-modal-actions .btn-primary{min-width:100px}@keyframes notificationBounce{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.05) translateY(0)}70%{transform:scale(.95)}to{transform:scale(1)}}@media (max-width: 480px){.notification-modal-content{max-width:95%}.notification-modal-header,.notification-modal-body,.notification-modal-actions{padding-left:1.25rem;padding-right:1.25rem}}.produccion-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.produccion-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.produccion-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.produccion-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.produccion-form h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.produccion-table-container{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto;max-width:100%;box-sizing:border-box}.produccion-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.produccion-table thead{background:var(--gradient-primary)}.produccion-table thead th:first-child{border-top-left-radius:10px}.produccion-table thead th:last-child{border-top-right-radius:10px}.produccion-table th,.produccion-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.produccion-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.produccion-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.produccion-table tbody tr:hover{background-color:#f0f4ff}.produccion-table tbody tr:last-child td{border-bottom:none}.produccion-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.productos-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.productos-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.productos-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.productos-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.productos-form h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.productos-table-container{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto;max-width:100%;box-sizing:border-box}.productos-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.productos-table thead{background:var(--gradient-primary)}.productos-table thead th:first-child{border-top-left-radius:10px}.productos-table thead th:last-child{border-top-right-radius:10px}.productos-table th,.productos-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.productos-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.productos-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.productos-table tbody tr:hover{background-color:#f0f4ff}.productos-table tbody tr:last-child td{border-bottom:none}.productos-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.proveedor-combobox-container{position:relative;width:100%;z-index:100}.proveedor-combobox-input-container{position:relative;z-index:1}.proveedor-combobox-input{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.23);border-radius:4px;font-size:.875rem;background:#fff;color:#000000de;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);box-sizing:border-box;outline:none}.proveedor-combobox-input:hover{border-color:#000000de}.proveedor-combobox-input:focus{outline:none;border-color:#1976d2;background:#fff;box-shadow:0 0 0 1px #1976d2}.proveedor-combobox-input::placeholder{color:#80868b}.proveedor-clear-btn{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:20px;color:#5f6368;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s ease;z-index:2}.proveedor-clear-btn:hover{color:#dc3545}.proveedor-dropdown-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;color:#5f6368;z-index:1}.proveedor-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;z-index:10000;background:#fff;border:1px solid #dadce0;border-radius:4px;margin:0;padding:0;width:100%;max-height:200px;overflow-y:auto;box-shadow:0 2px 8px #3c404326;animation:slideDown .2s ease-out}.proveedor-dropdown-item{list-style:none;padding:.625rem .875rem;cursor:pointer;font-size:.875rem;color:#202124;transition:background-color .15s ease;border-bottom:1px solid #f1f3f4}.proveedor-dropdown-item:last-child{border-bottom:none}.proveedor-dropdown-item:hover{background-color:#f1f3f4}.combobox-container{position:relative}.combobox-container input{width:100%;padding-right:35px}.btn-limpiar-input{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:2}.btn-limpiar-input:hover{background:#f0f0f0;color:#666}.combobox-opciones{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ced4da;border-top:none;border-radius:0 0 5px 5px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;margin-top:-1px}.combobox-opcion{padding:10px 15px;cursor:pointer;transition:background .2s;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.combobox-opcion:hover{background:#f5f5f5}.proyecto-nombre{flex:1}.proyecto-badge-progreso,.proyecto-badge-activo{font-size:11px;padding:2px 8px;background:#28a745;color:#fff;border-radius:10px;font-weight:500;white-space:nowrap}.combobox-opcion-vacia{padding:10px 15px;color:#999;font-style:italic;font-size:14px}.proyectos-seleccionados{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px;border:1px solid #ced4da;border-radius:6px;background:#fff;margin-bottom:6px;min-height:36px}.proyecto-token-container{position:relative}.proyecto-rubro-inline-row{display:flex;gap:10px;align-items:flex-start}.proyecto-rubro-inline-row .proyecto-token-container{flex:1;min-width:0}.rubro-toggle-group{flex-shrink:0;display:flex;flex-direction:column;gap:4px;min-width:50%;max-width:50%}.proyecto-token-box{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 30px 3px 6px;border:1px solid #ced4da;border-radius:6px;background:#fff;min-height:30px;cursor:text;transition:border-color .2s,box-shadow .2s}.proyecto-token-box:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.proyecto-token-input{border:none!important;outline:none!important;box-shadow:none!important;padding:1px 4px;font-size:13px;min-width:120px;flex:1;background:transparent}.btn-limpiar-proyectos{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;color:#aaa;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:2}.btn-limpiar-proyectos:hover:not(:disabled){background:#fee2e2;color:#dc3545}.btn-limpiar-proyectos:disabled{color:#ccc;cursor:not-allowed}.proyecto-seleccionado{display:inline-flex;align-items:center;gap:4px;background:#e7e9fd;border:1px solid #667eea;border-radius:20px;padding:2px 8px 2px 10px;font-size:12px;color:#4c51bf;font-weight:500;max-width:240px}.proyecto-seleccionado span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remover-proyecto{background:none;border:none;color:#4c51bf;font-size:16px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0;transition:color .2s;display:flex;align-items:center;justify-content:center}.btn-remover-proyecto:hover:not(:disabled){color:#dc3545}.btn-remover-proyecto:disabled{color:#aaa;cursor:not-allowed}.rubro-cell-wrapper{width:100%;position:relative;min-height:32px}.rubro-selected-display{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border:1px solid #667eea;border-radius:4px;background:#e7e9fd;font-size:13px;min-height:32px}.rubro-selected-nombre{color:#4c51bf;font-weight:500;font-size:13px;flex:1;overflow:hidden;display:flex;flex-direction:column;gap:1px;min-width:0}.rubro-selected-proyecto{font-size:10px;font-weight:400;color:#9b8bbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.btn-limpiar-rubro{background:none;border:none;color:#4c51bf;font-size:18px;cursor:pointer;padding:0 5px;line-height:1;transition:color .2s;flex-shrink:0}.proveedor-combobox-disabled{background-color:#f5f0ff!important;border-color:#c4a8e8!important;color:#555!important;cursor:not-allowed!important}.rubro-oc-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#6c45a0;background:#f0eafa;border:1px solid #c4a8e8;border-radius:4px;padding:1px 6px;flex-shrink:0;cursor:default;white-space:nowrap}.compra-input-oc-readonly{background-color:#f5f0ff!important;border-color:#c4a8e8!important;color:#555!important;cursor:not-allowed!important}.rubro-search-wrapper{width:100%;position:relative;min-height:32px}.rubro-search-input{width:100%;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px;box-sizing:border-box;position:relative;z-index:1}.compra-nombre-rubro-wrapper{display:flex;flex-direction:column;gap:3px;width:100%}.rubro-inline-wrapper{width:100%}.rubro-inline-error .rubro-search-input{border-color:#e53e3e!important;background:#fff5f5!important;box-shadow:0 0 0 2px #e53e3e26!important}.rubro-inline-error .rubro-search-input::placeholder{color:#e53e3e;font-weight:500}.rubro-inline-display{display:flex;align-items:center;gap:4px;padding:1px 6px 1px 4px;border:1px solid #c4a8e8;border-radius:3px;background:#f5f0ff;font-size:11px;min-height:20px;max-width:100%;overflow:hidden}.rubro-inline-nombre{color:#5a3e8a;font-weight:500;font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:3px;min-width:0}.rubro-inline-proyecto{font-size:10px;font-weight:400;color:#9b8bbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.btn-limpiar-rubro-inline{background:none;border:none;color:#9b8bbf;font-size:14px;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0;transition:color .15s}.btn-limpiar-rubro-inline:hover{color:#dc3545}.rubro-search-input-inline{padding:2px 6px!important;font-size:11px!important;min-height:20px!important;border-color:#c4a8e8!important;color:#5a3e8a}.rubro-search-input-inline::placeholder{color:#b59fd4;font-size:10px}.rubro-search-input-inline:focus{border-color:#667eea!important;outline:none}.rubro-global-toggle-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#f9f7ff;border:1px solid #ddd6f7;border-radius:6px}.rubro-global-toggle-row .toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#6c45a0}.rubro-global-toggle-row .toggle-switch input[type=checkbox]:disabled+.toggle-slider{background:#e0e0e0;cursor:not-allowed}.rubro-global-toggle-row .toggle-switch:has(input:disabled){cursor:not-allowed}.rubro-global-toggle-label{font-size:13px;font-weight:500;color:#3d2b6e;-webkit-user-select:none;user-select:none}.rubro-global-toggle-label--disabled{color:#aaa}.rubro-global-hint{font-size:11px;font-weight:400;color:#999}.rubro-global-selector{display:flex;align-items:center;gap:10px;padding:5px 10px;background:#f0eafa;border:1px solid #c4a8e8;border-radius:6px}.rubro-global-selector-label{font-size:12px;font-weight:600;color:#5a3e8a;white-space:nowrap;flex-shrink:0}.rubro-global-search,.rubro-global-display{flex:1;min-width:0}.rubro-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:4px;max-height:350px;overflow-y:auto;box-shadow:0 4px 12px #00000026;pointer-events:auto}.rubro-dropdown-nombre{color:#2c3e50;flex:1;display:flex;flex-direction:column;gap:1px}.rubro-dropdown-proyecto{font-size:10px;color:#9b8bbf;font-weight:400;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-edit:active{transform:translateY(1px)}.proveedores-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.proveedores-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.proveedores-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.proveedores-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.cajas-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.cajas-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.cajas-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.cajas-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.proveedores-form h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.proveedores-table-container{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto;max-width:100%;box-sizing:border-box}.proveedores-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.proveedores-table thead{background:var(--gradient-primary)}.proveedores-table thead th:first-child{border-top-left-radius:10px}.proveedores-table thead th:last-child{border-top-right-radius:10px}.proveedores-table th,.proveedores-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.proveedores-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.proveedores-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.proveedores-table tbody tr:hover{background-color:#f0f4ff}.proveedores-table tbody tr:last-child td{border-bottom:none}.proveedores-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.proveedores-modal-content{max-width:800px!important}.modal-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:0}.modal-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s ease;position:relative;bottom:-2px}.modal-tab:hover{color:#667eea;background:#f8fafc}.modal-tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.modal-info-box{background:#f0f4ff;border-left:4px solid #667eea;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.modal-info-box p{margin:0;font-size:14px;line-height:1.5;color:#4a5568}.modal-info-box strong{color:#2d3748;font-weight:600}.recetas-modal-content{max-width:75vw!important;width:95%!important}.modal-content{max-width:1200px}.modal-content-large{max-width:90vw!important;width:90vw}.modal-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 2rem;margin:1.5rem 0;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.modal-details-grid div{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.modal-details-grid strong{color:#64748b;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detalle-items-container{overflow:auto;max-height:400px;margin-top:1.5rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.detalle-items-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.detalle-items-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}.detalle-items-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.detalle-items-table th,.detalle-items-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.detalle-items-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;color:#475569;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0}.detalle-items-table tbody tr{transition:background-color .2s ease}.detalle-items-table tbody tr:hover{background-color:#f8fafc}.detalle-items-table td:nth-child(3),.detalle-items-table td:nth-child(4),.detalle-items-table td:nth-child(5),.detalle-items-table td:nth-child(6),.detalle-items-table td:nth-child(7){text-align:right;font-variant-numeric:tabular-nums}.totales-table{width:100%;max-width:400px;margin:1.5rem 0 0 auto;border-collapse:collapse}.totales-table td{padding:.75rem 1rem;text-align:right;border-bottom:1px solid #e2e8f0;font-variant-numeric:tabular-nums}.totales-table td:first-child{text-align:left;font-weight:600;color:#475569}.totales-table .total-row{border-top:2px solid #1e293b;font-weight:700;font-size:1.1rem;color:#1e293b;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}@media (max-width: 992px){.modal-details-grid{grid-template-columns:1fr;gap:.5rem;padding:1rem}.detalle-items-container{max-height:300px}.detalle-items-table{font-size:.85rem}.detalle-items-table th,.detalle-items-table td{padding:.5rem .75rem}}@media (max-width: 768px){.modal-content{max-width:95vw}.proveedores-modal-content,.recetas-modal-content{max-width:95vw!important;width:95%!important}}.MuiAutocomplete-popper{z-index:4100!important}#_r_6_{height:40px;margin:20px}.recetas-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.recetas-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.recetas-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.recetas-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.recetas-form h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.recetas-table-container{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto;max-width:100%;box-sizing:border-box}.recetas-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.recetas-table thead{background:var(--gradient-primary)}.recetas-table thead th:first-child{border-top-left-radius:10px}.recetas-table thead th:last-child{border-top-right-radius:10px}.recetas-table th,.recetas-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.recetas-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase;z-index:10}.recetas-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.recetas-table tbody tr:hover{background-color:#f0f4ff}.recetas-table tbody tr:last-child td{border-bottom:none}.recetas-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.recetas-modal-body{padding:20px;flex:1;overflow-y:auto}.recetas-modal-content{max-width:75vw}.roles-manager-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.roles-manager-container{background:#fff;border-radius:16px;width:90%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.roles-manager-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);background:var(--gradient-primary);color:var(--text-white)}.close-btn{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn:hover{background:#fff3}.roles-manager-tabs{display:flex;border-bottom:1px solid #e2e8f0;background:#f8fafc}.roles-manager-content{flex:1;overflow-y:auto;padding:2rem}.access-denied{text-align:center;padding:3rem}.access-denied h2{color:#dc3545;margin-bottom:1rem}.access-denied p{color:#64748b;margin-bottom:2rem}.roles-tab .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.roles-tab h3{margin:0;color:#1e293b}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.rol-card{border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;background:#fff;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s}.rol-card:hover{box-shadow:0 4px 16px #00000026}.rol-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.rol-header h4{margin:0;color:#1e293b;font-size:1.25rem}.rol-actions{display:flex;gap:.5rem}.rol-description{color:#64748b;margin-bottom:1.5rem;font-style:italic}.rol-permisos h5{margin:0 0 1rem;color:#374151;font-size:1rem}.permisos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.permiso-item:hover{background:#f1f5f9}.permiso-item input[type=checkbox]{margin:0}.permiso-label{font-size:.85rem}.permiso-label strong{display:block;color:#374151}.permiso-label small{color:#64748b}.usuarios-tab .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.usuarios-tab h3{margin:0;color:#1e293b}.usuarios-table-container{overflow-x:auto;max-width:100%;box-sizing:border-box}.usuarios-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.usuarios-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.usuarios-table thead{background:var(--gradient-primary)}.usuarios-table thead th:first-child{border-top-left-radius:10px}.usuarios-table thead th:last-child{border-top-right-radius:10px}.usuarios-table th,.usuarios-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.usuarios-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase;z-index:10}.usuarios-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.usuarios-table tbody tr:hover{background-color:#f0f4ff}.usuarios-table tbody tr:last-child td{border-bottom:none}.rol-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase}.rol-badge.sin-rol{background:#fee2e2;color:#dc3545}.usuario-actions{display:flex;gap:.5rem}.permisos-tab .tab-header{margin-bottom:2rem}.permisos-tab h3{margin:0;color:#1e293b}.permisos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.modulo-card{border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;background:#fff;box-shadow:0 2px 8px #0000001a}.modulo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.modulo-header h4{margin:0;color:#1e293b}.permisos-count{background:var(--color-primary);color:var(--text-white);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.modulo-permisos{display:flex;flex-direction:column;gap:.75rem}.permiso-item{padding:.75rem;background:var(--bg-primary);border-radius:8px;border-left:4px solid var(--color-primary)}.permiso-name{font-weight:600;color:#374151;margin-bottom:.25rem}.permiso-description{color:#64748b;font-size:.9rem}.modal-header h3{margin:0;color:#1e293b}.modal-form{padding:1.5rem;flex:1;overflow-y:auto;margin-bottom:0}.permisos-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem;max-height:300px;overflow-y:auto;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#f9fafb}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.25rem}.checkbox-item input[type=checkbox]{margin:0}.filters-title{display:flex;align-items:center;gap:0;margin:0}.filters-icon{font-size:1.2rem;color:var(--color-primary)}.filters-title h3{color:#202124;font-size:.875rem;font-weight:500;margin:0;text-transform:uppercase;letter-spacing:.5px}.filters-controls{width:100%}.filter-row{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.filter-group.compact{display:flex;flex-direction:column;gap:.25rem;min-width:180px;flex:1}.filter-label.compact{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.8rem;font-weight:500}.filter-icon{font-size:.9rem;opacity:.8}.filter-actions.compact{display:flex;align-items:end}.reset-filters-btn.compact{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-secondary);border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.reset-filters-btn.compact:hover{background:var(--bg-primary);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon{font-size:1rem}.loading-more{text-align:center;padding:1rem;color:var(--text-secondary);font-style:italic}.view-details-btn{padding:.4rem .8rem;background-color:#3182ce;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.view-details-btn:hover{background-color:#2b6cb0}.reset-filters-btn{padding:.5rem 1rem;border:1px solid #d2d6dc;background-color:#fff;color:#4a5568;border-radius:6px;cursor:pointer;transition:background-color .2s}.reset-filters-btn:hover{background-color:#f1f5f9}.modal-content h3{margin-top:0}.modal-close-btn{float:right;background:none;border:none;font-size:1.5rem;cursor:pointer}.detalle-items-container{overflow:auto;max-height:400px;margin-top:1rem;border:1px solid #e2e8f0;border-radius:4px}.detalle-items-container::-webkit-scrollbar{width:8px;height:8px}.detalle-items-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.detalle-items-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.detalle-items-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.items-more-indicator{text-align:center;padding:.5rem;background-color:#f8fafc;border-top:1px solid #e2e8f0;font-size:.85rem;color:#666;font-style:italic}.detalle-items-table{min-width:900px;border-collapse:collapse;font-size:.85rem}.detalle-items-table th,.detalle-items-table td{padding:.4rem .6rem;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.detalle-items-table th{background-color:#f8fafc;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.detalle-items-table td:nth-child(3),.detalle-items-table td:nth-child(4),.detalle-items-table td:nth-child(5),.detalle-items-table td:nth-child(6),.detalle-items-table td:nth-child(7){text-align:right}.modal-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.5rem;margin:1rem 0}.modal-details-grid div{padding:.25rem}.totales-table{width:100%;border-collapse:collapse;margin-top:1rem}.totales-table td{padding:.5rem 0;text-align:right}.totales-table td:first-child{text-align:left}.totales-table .total-row{border-top:2px solid #e2e8f0;font-weight:700}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:16px 20px;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000a}.pagination-controls{display:flex;gap:8px;align-items:center}.page-size-select{padding:8px 32px 8px 12px;border:1px solid rgba(0,0,0,.23);border-radius:4px;font-size:14px;font-family:Roboto,sans-serif;color:#000000de;background-color:#fff;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1);margin-right:8px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.page-size-select:hover{border-color:#000000de}.page-size-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 1px #1976d2}.ventas-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.ventas-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.ventas-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.ventas-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.ventas-form h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;width:83%}.ventas-table-container{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto;max-width:100%;box-sizing:border-box}.ventas-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.ventas-table thead{background:var(--gradient-primary)}.ventas-table thead th:first-child{border-top-left-radius:10px}.ventas-table thead th:last-child{border-top-right-radius:10px}.ventas-table th,.ventas-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.ventas-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase;z-index:10}.ventas-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.ventas-table tbody tr:hover{background-color:#f0f4ff}.ventas-table tbody tr:last-child td{border-bottom:none}.ventas-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}.loader-overlay{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fffffff2;border-radius:var(--radius-md);margin:1rem 0;min-height:150px;z-index:10}.loader-overlay p{color:var(--text-secondary);font-weight:500;margin:0}.loader-overlay .spinner{margin:0 0 1rem}.modal-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-medium);border-radius:var(--radius-md, 8px);font-size:1rem;background:var(--bg-white);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 1px 4px #0000000a;max-width:350px;box-sizing:border-box}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{outline:none;border-color:var(--color-primary, #007bff);box-shadow:0 0 0 3px #667eea1f}.modal-form-row{display:flex;flex-wrap:wrap;gap:1.5rem}.modal-mensaje{padding:12px 15px;margin-bottom:15px;border-radius:6px;font-size:14px;font-weight:500}.modal-mensaje.exito{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.modal-mensaje.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.btn-edit-modal{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-primary, #007bff);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:500;padding:.75rem 1.5rem;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .2s,transform .2s}.btn-edit-modal:hover{background:var(--primary-hover, #0056b3);transform:scale(1.05)}.btn-edit-modal:active{background:var(--color-primary, #007bff);transform:scale(.98)}.manager{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background:var(--bg-primary)}.manager-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.table tbody tr:last-child td{border-bottom:none}.btn-create-floating{position:absolute;top:50%;right:2rem;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:none;background:var(--primary-color, #007bff);color:#fff;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;transition:all .3s ease;z-index:10}.btn-create-floating:hover{background:var(--primary-hover, #0056b3);transform:scale(1.1);box-shadow:0 6px 12px #0000004d}.btn-create-floating:active{transform:scale(.95)}.help-floating-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#8f773e;color:#fff;border:none;font-size:1.4rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #00000040;z-index:1000;transition:background .2s,transform .15s;display:flex;align-items:center;justify-content:center}.help-floating-btn:hover{background:#002b66;transform:scale(1.08)}.help-modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px}.help-modal{background:#fff;border-radius:10px;width:100%;max-width:1100px;height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000059}.help-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#002b66;color:#fff;font-weight:600;font-size:.95rem;flex-shrink:0}.help-modal-close{background:none;border:none;color:#fff;font-size:1.1rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s}.help-modal-close:hover{background:#fff3}.help-modal-iframe{flex:1;border:none;width:100%}.help-search-wrap{display:flex;align-items:center;gap:5px;flex:1;margin:0 14px}.help-search-input{padding:5px 10px;border-radius:4px;border:none;background:#ffffff24;color:#fff;font-size:.84rem;width:220px;outline:none;transition:background .15s}.help-search-input::placeholder{color:#ffffff80}.help-search-input:focus{background:#ffffff3d}.help-search-input:disabled{opacity:.45;cursor:not-allowed}.help-search-count{font-size:.76rem;color:#ffffffbf;white-space:nowrap;min-width:36px;text-align:center}.help-search-noresult{font-size:.76rem;color:#faa;white-space:nowrap}.help-search-nav{background:#ffffff24;border:none;color:#fff;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0;flex-shrink:0}.help-search-nav:hover{background:#ffffff47}.pagination{display:flex;justify-content:center;align-items:center;padding:16px;gap:8px;background:#fff;border-top:1px solid #e0e0e0}.pagination-btn{min-width:40px;height:40px;padding:8px 12px;border:1px solid rgba(0,0,0,.23);background:#fff;color:#000000de;cursor:pointer;border-radius:4px;transition:all .15s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#1976d20a;border-color:#1976d2;color:#1976d2}.pagination-btn:disabled{opacity:.38;cursor:not-allowed;background:#fafafa;color:#00000061}.pagination-btn.active{background:#1976d2;color:#fff;border-color:#1976d2;box-shadow:0 2px 4px #1976d24d}.pagination-btn.active:hover{background:#1565c0;border-color:#1565c0}.pagination-info{margin:0 16px;color:#0009;font-size:14px;font-family:Roboto,sans-serif;white-space:nowrap}.pagination-dots{padding:8px 6px;color:#0009;font-size:14px;font-family:Roboto,sans-serif;cursor:default;font-weight:500;-webkit-user-select:none;user-select:none}.filters-container{display:flex;gap:1rem;padding:1rem;background:var(--bg-white);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-group label{font-weight:500;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem}.filter-group input,.filter-group select{padding:.5rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.9rem;transition:border-color .2s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}:root{--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-primary: #667eea;--color-primary-hover: #5a67d8;--color-primary-dark: #764ba2;--color-secondary: #f59e0b;--color-danger: #dc3545;--color-success: #10b981;--color-warning: #f59e0b;--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #f9fafb;--bg-white: #fff;--border-light: #e2e8f0;--border-medium: #d1d5db;--border-dark: #cbd5e1;--text-primary: #1e293b;--text-secondary: #374151;--text-muted: #64748b;--text-light: #475569;--text-white: #fff;--shadow-sm: 0 2px 4px rgb(0 0 0 / 10%);--shadow-md: 0 4px 8px rgb(0 0 0 / 15%);--shadow-lg: 0 20px 40px rgb(0 0 0 / 30%);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .2s;--transition-normal: .3s}.manager-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.manager-container{background:var(--bg-white);border-radius:var(--radius-xl);width:90%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.manager-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);background:var(--gradient-primary);color:var(--text-white)}.manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.manager-content{flex:1;overflow-y:auto;padding:2rem}.btn-primary{background:var(--gradient-primary);color:var(--text-white);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);box-shadow:0 2px 4px #667eea33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.btn-secondary{background:var(--bg-secondary);color:var(--text-light);border:1px solid var(--border-dark);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--border-light)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:var(--text-white);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);box-shadow:0 2px 4px #dc262633}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d;background:linear-gradient(135deg,#b91c1c,#991b1b)}.btn-danger:active{transform:scale(.98)}.btn-danger:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.btn-edit{background:var(--color-secondary);color:var(--text-white);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:background-color var(--transition-fast)}.btn-edit:hover{background:#d97706}.btn-delete{background:var(--color-danger);color:var(--text-white);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:background-color var(--transition-fast)}.btn-delete:hover{background:#c82333}.btn-delete:disabled{background:#6c757d;cursor:not-allowed}.card{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;background:var(--bg-white);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.card-header h3,.card-header h4{margin:0;color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.table-container{overflow-x:auto;max-width:100%;box-sizing:border-box}.table{width:100%;border-collapse:collapse;background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);table-layout:auto}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-light)}.table th{background:var(--bg-primary);font-weight:600;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table tbody tr:hover{background:var(--bg-secondary)}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase}.badge-danger{background:#fee2e2;color:var(--color-danger)}.badge-success{background:#d1fae5;color:var(--color-success)}.badge-warning{background:#fef3c7;color:var(--color-warning)}.loading{text-align:center;padding:2rem;color:var(--text-muted);font-size:1.1rem}@media (width <= 768px){.manager-container{width:95%;max-height:95vh}.manager-header,.manager-content{padding:1rem}.manager-tabs{flex-direction:column}.tab-btn{padding:.75rem 1rem}.card{padding:1rem}.table th,.table td{padding:.75rem;font-size:.9rem}[class$=-modal-form]{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0 0 0 260px;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:20px;z-index:1000;transition:left .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .modal-overlay{left:64px}.nested-modal-overlay{left:0!important;z-index:1100}.insumos-modal-overlay,.productos-modal-overlay,.recetas-modal-overlay,.distribuidores-modal-overlay,.proveedores-modal-overlay,.precios-modal-overlay,.puntos-venta-modal-overlay,.ventas-config-modal-overlay{position:fixed;inset:0 0 0 260px;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;transition:left .25s cubic-bezier(.4,0,.2,1)}.roles-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;transition:left .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .insumos-modal-overlay,.sidebar-collapsed .productos-modal-overlay,.sidebar-collapsed .recetas-modal-overlay,.sidebar-collapsed .distribuidores-modal-overlay,.sidebar-collapsed .proveedores-modal-overlay,.sidebar-collapsed .precios-modal-overlay,.sidebar-collapsed .roles-modal-overlay,.sidebar-collapsed .puntos-venta-modal-overlay,.sidebar-collapsed .ventas-config-modal-overlay{left:64px}.insumos-modal-content,.productos-modal-content,.recetas-modal-content,.distribuidores-modal-content,.proveedores-modal-content,.precios-modal-content,.roles-modal-content,.puntos-venta-modal-content,.ventas-config-modal-content{background:#fff;border-radius:12px;width:90%;max-width:calc(100vw - 340px);max-height:85vh;overflow-y:auto;box-shadow:0 8px 25px #00000026;position:relative;transition:max-width .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .insumos-modal-content,.sidebar-collapsed .productos-modal-content,.sidebar-collapsed .recetas-modal-content,.sidebar-collapsed .distribuidores-modal-content,.sidebar-collapsed .proveedores-modal-content,.sidebar-collapsed .precios-modal-content,.sidebar-collapsed .roles-modal-content,.sidebar-collapsed .puntos-venta-modal-content,.sidebar-collapsed .ventas-config-modal-content{max-width:calc(100vw - 144px)}.precios-modal-info{padding:1rem 2rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:.95rem;color:#495057}.precios-modal-info strong{color:#2d3748;font-weight:600;margin-right:.5rem}.confirm-modal-overlay{position:fixed;inset:0 0 0 260px;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1100;transition:left .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .confirm-modal-overlay{left:64px}.confirm-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 25px #00000040;animation:slideDown .2s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-header{padding:1.5rem 2rem 1rem;border-bottom:2px solid #e9ecef}.confirm-modal-header h3{margin:0;font-size:1.25rem;color:#2d3748;font-weight:600}.confirm-modal-body{padding:1.5rem 2rem}.confirm-modal-body p{margin:0;font-size:1rem;color:#495057;line-height:1.6}.confirm-modal-actions{padding:1rem 2rem 1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #e9ecef}.confirm-modal-actions button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;min-width:120px}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:1100px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 25px #00000026;position:relative;overflow:hidden;margin:40px auto;transition:max-width .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .modal-content{max-width:1100px}.modal-content h3{margin:0;color:#2d3748;font-size:1.25rem}.modal-close-btn{position:absolute;top:1.25rem;right:1.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#718096;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.modal-close-btn:hover{background-color:#e2e8f0;color:#2d3748}.modal-details-grid{padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background-color:#f8f9fa;border-bottom:1px solid #e2e8f0}.modal-details-grid div{font-size:.95rem}.modal-details-grid strong{color:#2d3748;font-weight:600}.modal-content h4{margin:0;padding:1rem 1.5rem .5rem;color:#2d3748;font-size:1.1rem;font-weight:600}.detalle-items-container{flex:1;display:flex;overflow:auto;padding:1.5rem}.detalle-items-table{width:100%;border-collapse:collapse;font-size:.9rem}.detalle-items-table th{background-color:#4a5568;color:#fff;padding:.75rem .5rem;text-align:left;font-weight:600;border-bottom:2px solid #2d3748;position:sticky;top:0;z-index:10}.detalle-items-table td{padding:.75rem .5rem;border-bottom:1px solid #e2e8f0;background-color:#fff}.detalle-items-table tr:nth-child(2n) td{background-color:#f8f9fa}.detalle-items-table tr:hover td{background-color:#e2e8f0}.items-more-indicator{text-align:center;padding:1rem;font-style:italic;color:#718096;background-color:#f8f9fa;border-top:1px solid #e2e8f0}.totales-table{margin:.1rem;margin-top:0;width:calc(100% - .2rem);padding:auto;border-collapse:collapse;background-color:#f8f9fa;border-radius:6px;overflow:hidden}.totales-table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.totales-table .total-row td{background-color:#4a5568;color:#fff;font-weight:600;border-bottom:none}@media (max-width: 768px){.modal-overlay,.notification-modal-overlay,.insumos-modal-overlay,.productos-modal-overlay,.recetas-modal-overlay,.distribuidores-modal-overlay,.proveedores-modal-overlay,.precios-modal-overlay,.roles-modal-overlay,.puntos-venta-modal-overlay,.ventas-config-modal-overlay{left:0;padding-top:10px}.modal-content,.insumos-modal-content,.productos-modal-content,.recetas-modal-content,.distribuidores-modal-content,.proveedores-modal-content,.precios-modal-content,.roles-modal-content,.puntos-venta-modal-content,.ventas-config-modal-content{width:94%;max-width:calc(100vw - 30px);max-height:90vh;margin:0 15px}.compra-detail-modal{max-width:calc(100vw - 30px)}.sidebar-collapsed .modal-overlay,.sidebar-collapsed .notification-modal-overlay,.sidebar-collapsed .insumos-modal-overlay,.sidebar-collapsed .productos-modal-overlay,.sidebar-collapsed .recetas-modal-overlay,.sidebar-collapsed .distribuidores-modal-overlay,.sidebar-collapsed .proveedores-modal-overlay,.sidebar-collapsed .precios-modal-overlay,.sidebar-collapsed .roles-modal-overlay,.sidebar-collapsed .puntos-venta-modal-overlay,.sidebar-collapsed .ventas-config-modal-overlay{left:0}.modal-content h3{padding:1rem 1.5rem}.modal-details-grid{grid-template-columns:1fr;padding:1rem 1.5rem}.detalle-items-container{padding:1rem 1.5rem;max-height:300px;overflow-x:auto}.totales-table{margin:1rem 1.5rem}.detalle-items-table{font-size:.8rem;min-width:700px;overflow:hidden}.detalle-items-table th,.detalle-items-table td{padding:.5rem .25rem}}@media (min-width: 1024px){.modal-content{width:85%;margin:0 60px}}@media (min-width: 1440px){.modal-content{width:80%;margin:0 80px}}.compra-detail-modal{max-width:1100px;padding:1.5rem;transition:max-width .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .compra-detail-modal{max-width:1100px}.modal-header-compra{padding-bottom:.75rem;border-bottom:2px solid #e2e8f0;margin-bottom:1rem}.modal-header-compra h3{margin:0;font-size:1.25rem;color:#1e293b;font-weight:600}.modal-details-grid-compra{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.625rem .75rem;background:#f8f9fa;border-radius:4px;border-left:3px solid #1a73e8}.detail-label{font-size:.7rem;font-weight:600;color:#5f6368;text-transform:uppercase;letter-spacing:.3px}.detail-value{font-size:.875rem;color:#202124;font-weight:500}.modal-section-title{font-size:.85rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.detalle-items-container-compra{overflow:auto;max-height:350px;margin-bottom:1rem;border:1px solid #dadce0;border-radius:4px;background:#fff}.detalle-items-container-compra::-webkit-scrollbar{width:6px;height:6px}.detalle-items-container-compra::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.detalle-items-container-compra::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.detalle-items-container-compra::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.detalle-items-table-compra{width:100%;border-collapse:collapse;font-size:.8rem}.detalle-items-table-compra th,.detalle-items-table-compra td{padding:.5rem .625rem;text-align:left;border-bottom:1px solid #f1f3f4}.detalle-items-table-compra th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-weight:600;color:#5f6368;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;position:sticky;top:0;z-index:1;white-space:nowrap}.detalle-items-table-compra tbody tr{transition:background-color .15s ease}.detalle-items-table-compra tbody tr:hover{background-color:#f8f9fa}.detalle-items-table-compra td:nth-child(3),.detalle-items-table-compra td:nth-child(4),.detalle-items-table-compra td:nth-child(5),.detalle-items-table-compra td:nth-child(6),.detalle-items-table-compra td:nth-child(7){text-align:right;font-variant-numeric:tabular-nums}.detalle-items-table-compra .total-col{font-weight:600;color:#1a73e8}.totales-container-compra{display:flex;flex-direction:row;gap:50px;min-width:220px;margin-left:auto;padding:4px 10px;background:#f8f9fa;border-radius:4px;border:1px solid #dadce0}.total-row-compra{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:2px 0;font-size:.775rem}.total-row-compra.total-final{border-top:none!important;padding-top:3px;margin-top:2px;font-size:.85rem;font-weight:700}.total-label{color:#5f6368;font-weight:500}.total-row-compra.total-final .total-label{color:#1e293b}.total-value{font-variant-numeric:tabular-nums;font-weight:600;color:#202124}.total-row-compra.total-final .total-value{color:#1a73e8;font-size:.9rem}.items-more-indicator{text-align:center;padding:.5rem;color:#5f6368;font-size:.8rem;font-style:italic;background:#f8f9fa;border-radius:4px;margin-bottom:1rem}.detail-modal-header{background:var(--gradient-primary);margin:-1.5rem -1.5rem 1.25rem;padding:1.25rem 1.5rem .85rem;border-radius:8px 8px 0 0}.detail-modal-header-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.detail-modal-tipo{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffffbf;display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.detail-modal-numero{font-size:1.45rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.3px}.detail-modal-subtitle{font-size:.9rem;color:#ffffffd9;font-weight:400;margin-top:.2rem}.detail-modal-close-btn{background:#ffffff26;border:none;color:#fff;font-size:1.4rem;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.detail-modal-close-btn:hover{background:#ffffff4d}.detail-modal-info-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.detail-info-pill{background:#ffffff2e;color:#fffffff2;padding:.2rem .65rem;border-radius:20px;font-size:.75rem;font-weight:500}.detail-modal-badge{padding:.15rem .5rem;border-radius:8px;font-size:.6rem;font-weight:700;letter-spacing:.5px}.anulado-badge{background:#ef4444;color:#fff}.nc-badge{background:#f59e0b;color:#fff}.detail-items-section{margin-bottom:1rem}.detail-items-container-compra{overflow:auto;max-height:350px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.detail-items-container-compra::-webkit-scrollbar{width:5px;height:5px}.detail-items-container-compra::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.detail-items-container-compra::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.detail-items-table-compra{width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem}.detail-items-table-compra thead{background:var(--gradient-primary)}.detail-items-table-compra thead th:first-child{border-top-left-radius:9px}.detail-items-table-compra thead th:last-child{border-top-right-radius:9px}.detail-items-table-compra th{background:transparent;color:#fff;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:7px 10px;white-space:nowrap;position:sticky;top:0;z-index:1}.detail-items-table-compra td{padding:7px 10px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.detail-items-table-compra .total-col{font-weight:600;color:#667eea}.detail-item-row{transition:background-color .12s}.detail-item-row:hover{background-color:#f0f4ff}.detail-item-row.expandable-row{cursor:pointer}.detail-item-row.row-expanded{background-color:#eef2ff}.detail-item-row.row-expanded:hover{background-color:#e0e7ff}.row-chevron{font-size:.65rem;color:#667eea;display:inline-block;transition:transform .18s;flex-shrink:0}.row-chevron.open{transform:rotate(90deg)}.item-badge{padding:.1rem .4rem;border-radius:6px;font-size:.6rem;font-weight:700;letter-spacing:.3px;flex-shrink:0}.oc-badge{background:#0ea5e9;color:#fff}.rubro-badge{background:#f59e0b;color:#fff}.expand-detail-row td{border-bottom:1px solid #e0e7ff;padding:0}.expand-detail-panel{background:#f8faff;border-left:3px solid #667eea;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.expand-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem .8rem}.expand-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#7c3aed;margin-bottom:.5rem;display:flex;align-items:center;gap:.35rem}.expand-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.35rem 1rem}.expand-info-item{display:flex;flex-direction:column;gap:.1rem}.expand-info-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#94a3b8}.expand-info-value{font-size:.8rem;color:#1e293b;font-weight:500}.proyecto-value{color:#7c3aed;font-weight:600}.rubro-value{color:#92400e;background:#fef3c7;padding:.1rem .4rem;border-radius:4px;font-size:.76rem;display:inline-block}.oc-link{color:#0284c7;cursor:pointer;text-decoration:underline;font-weight:700}.oc-link:hover{color:#0369a1}.detail-totales-section{display:flex;flex-direction:column;gap:2px;max-width:320px;margin-left:auto;margin-bottom:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem .9rem}.detail-total-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:.8rem;color:#475569;font-variant-numeric:tabular-nums}.detail-total-sub{padding-left:.75rem;font-size:.76rem;color:#64748b}.detail-total-final{border-top:2px solid #667eea;margin-top:4px;padding-top:6px;font-size:1rem;font-weight:700;color:#1e293b}.detail-total-final span:last-child{color:#667eea}.detail-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid #f1f5f9}.btn-acopio{display:inline-flex;align-items:center;gap:.35rem;background:#f59e0b;color:#fff;border:none;padding:.45rem .9rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:background .15s}.btn-acopio:hover:not(:disabled){background:#d97706}.btn-acopio:disabled{opacity:.6;cursor:not-allowed}.btn-pagos{display:inline-flex;align-items:center;gap:.35rem;background:#10b981;color:#fff;border:none;padding:.45rem .9rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:background .15s}.btn-pagos:hover:not(:disabled){background:#059669}.btn-pagos:disabled{opacity:.6;cursor:not-allowed}.acopio-notify{padding:.65rem .9rem;border-radius:6px;font-weight:600;font-size:.875rem;margin-bottom:.75rem}.acopio-notify.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.acopio-notify.error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}@media (max-width: 768px){.modal-details-grid-compra{grid-template-columns:1fr;gap:.75rem}.detalle-items-container-compra{max-height:250px}.detalle-items-table-compra{font-size:.8rem}.detalle-items-table-compra th,.detalle-items-table-compra td{padding:.5rem .625rem}.totales-container-compra{max-width:100%}}.precios-list-container,.precios-table-container{overflow-x:auto;max-width:100%;box-sizing:border-box}.precios-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.precios-table thead{background:var(--gradient-primary)}.precios-table thead th:first-child{border-top-left-radius:10px}.precios-table thead th:last-child{border-top-right-radius:10px}.precios-table th,.precios-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.precios-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase;position:sticky;top:0;z-index:10}.precios-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.precios-table tbody tr:hover{background-color:#f0f4ff}.precios-table tbody tr:last-child td{border-bottom:none}.table-row-clickable{cursor:pointer}.table-row-clickable:hover{background-color:#0000000a!important}.generic-combobox-wrapper{position:relative;width:100%;z-index:0}.combobox-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.combobox-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.combobox-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.multi-select-combobox-wrapper{position:relative;width:100%}.multi-select-input-container{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:5px 8px;min-height:38px;border:1px solid rgba(0,0,0,.23);border-radius:4px;background:#fff;cursor:text;box-sizing:border-box;transition:border-color .2s ease}.multi-select-input-container:hover{border-color:#000000de}.multi-select-input-container:focus-within{border-color:#1976d2;border-width:2px;padding:4px 7px}.multi-select-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.multi-select-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 8px;background:#e3f2fd;color:#1565c0;border-radius:3px;font-size:.775rem;font-weight:500;white-space:nowrap}.multi-select-tag-remove{background:none;border:none;cursor:pointer;color:#1565c0;font-size:.7rem;padding:0 1px;line-height:1;display:flex;align-items:center;opacity:.7}.multi-select-tag-remove:hover{opacity:1;color:#b71c1c}.multi-select-input{border:none!important;outline:none!important;box-shadow:none!important;padding:2px 4px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#000000de;background:transparent;min-width:60px;flex:1}.multi-select-input::placeholder{color:#00000061}.combobox-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:300px;overflow-y:auto;z-index:99999;box-shadow:0 4px 6px #0000001a;list-style:none;margin:0;padding:0}.combobox-option{padding:10px 12px;cursor:pointer;transition:background .2s;font-size:14px}.combobox-option:hover,.combobox-option.focused{background:#f0f7ff}.combobox-option:active{background:#e0f0ff}.date-range-picker{width:100%}.date-range-inputs{display:flex;gap:8px;align-items:center}.date-input-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.date-sublabel{font-size:11px;color:#666;margin-bottom:3px;font-weight:500}.date-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;box-sizing:border-box}.date-input.invalid{border-color:#dc3545;background:#fff5f5}.date-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.date-range-clear-btn{padding:8px 12px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:16px;color:#666;transition:all .2s;height:38px;min-width:38px;display:flex;align-items:center;justify-content:center}.date-range-clear-btn:hover{background:#e9ecef;color:#dc3545;border-color:#dc3545}.date-range-error{display:block;color:#dc3545;font-size:12px;margin-top:5px;font-weight:500}.listas-precio-manager-container{padding-top:30px;padding-bottom:30px;border-radius:30px;background:#f8f9fa;min-height:100vh}.listas-precio-header{margin-bottom:1.5rem;padding:0 2rem 1rem;border-bottom:2px solid #e9ecef}.listas-precio-header h2{font-size:1.75rem;color:#2c3e50;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.listas-precio-subtitle{margin:0;color:#6c757d;font-size:.95rem;line-height:1.5}.listas-precio-create-button-container{padding:0 2rem 1.5rem}.listas-precio-create-button-container .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.lista-precio-create-form-container{margin:0 2rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.lista-precio-create-form{padding:2rem}.lista-precio-create-form h3{margin:0 0 1.5rem;font-size:1.5rem;color:#2c3e50;border-bottom:2px solid #e9ecef;padding-bottom:.75rem}.lista-precio-create-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.lista-precio-create-form .form-group{display:flex;flex-direction:column}.lista-precio-create-form .form-group label{font-size:.875rem;font-weight:600;color:#495057;margin-bottom:.5rem}.lista-precio-create-form .form-input{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s;background:#f8f9fa;box-sizing:border-box}.lista-precio-create-form .form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.lista-precio-create-form .form-help{display:block;margin-top:.5rem;color:#6c757d;font-size:.8rem;font-style:italic}.lista-precio-create-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.lista-precio-create-form .form-actions button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.listas-precio-info-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;margin:0 2rem 2rem;box-shadow:0 4px 12px #667eea4d}.listas-precio-info-banner p{margin:0 0 1rem;font-size:.95rem;line-height:1.6}.listas-precio-info-banner strong{font-weight:700}.listas-precio-info-banner ul{margin:0;padding-left:1.5rem}.listas-precio-info-banner li{margin:.5rem 0;font-size:.9rem}.listas-precio-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:0 2rem 2rem}.lista-precio-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.lista-precio-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.lista-precio-card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.lista-precio-card-header h3{margin:0;font-size:1.25rem;font-weight:600}.lista-precio-card-actions{display:flex;align-items:center;gap:.5rem}.btn-icon{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s;font-size:1rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.btn-icon:hover{background:#ffffff4d;transform:scale(1.05)}.btn-icon-edit:hover{background:#3498dbcc}.btn-icon-delete:hover{background:#e74c3ccc}.lista-precio-card-body{padding:1.5rem}.lista-precio-info-row{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.lista-precio-info-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.lista-precio-info-item .info-label{font-weight:600;color:#495057}.lista-precio-info-item .info-value{color:#6c757d}.lista-precio-field{margin-bottom:1.5rem}.lista-precio-field label{display:block;font-size:.875rem;font-weight:600;color:#495057;margin-bottom:.5rem}.lista-precio-display-field{margin-bottom:1.25rem}.lista-precio-display-field label{display:block;font-size:.875rem;font-weight:600;color:#495057;margin-bottom:.5rem}.lista-precio-display-field .display-value{padding:.75rem 1rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;color:#495057;min-height:42px;display:flex;align-items:center}.lista-precio-display-field .display-value strong{font-size:1.125rem;color:#667eea}.lista-precio-display-field .display-value em{font-style:italic;opacity:.7}.lista-precio-config-button{margin-bottom:1.5rem;display:flex;justify-content:flex-end}.lista-precio-config-button button{padding:.5rem 1rem;font-size:.9rem}.lista-precio-help{display:block;margin-top:.5rem;color:#6c757d;font-size:.8rem;font-style:italic}.porcentaje-input-group{display:flex;align-items:center;position:relative}.porcentaje-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1.125rem;font-weight:600;transition:all .2s;background:#f8f9fa;box-sizing:border-box}.porcentaje-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.porcentaje-symbol{position:absolute;right:1rem;font-weight:700;font-size:1.125rem;color:#667eea;pointer-events:none}.descripcion-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1.125rem;font-weight:600;transition:all .2s;background:#f8f9fa;box-sizing:border-box}.descripcion-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.descripcion-input::placeholder{color:#9ca3af;font-style:italic;font-weight:400}.lista-precio-stats{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;margin-top:1rem}.lista-precio-stat{display:flex;gap:.5rem;align-items:center}.stat-label{font-size:.875rem;color:#6c757d}.stat-value{font-size:1.25rem;font-weight:700;color:#667eea}.btn-link{background:none;border:none;color:#667eea;font-size:.875rem;cursor:pointer;text-decoration:underline;transition:color .2s;padding:.25rem .5rem}.btn-link:hover{color:#764ba2}.lista-precio-descripcion{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.lista-precio-card-footer{padding:.75rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.text-muted{color:#6c757d;font-size:.8rem}.badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.badge-warning{background:#ff9800;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.listas-precio-actions{display:flex;justify-content:flex-end;gap:1rem;margin:0 2rem 2rem;padding-top:2rem;border-top:2px solid #e9ecef}.btn-cancel{background:#6c757d;color:#fff;padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;width:100%;max-width:90vw;margin:0 auto}.loading-spinner{width:60px;height:60px;border:5px solid #f3f3f3;border-top:5px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-text{margin:0;color:#6c757d;font-size:1.1rem;font-weight:500;text-align:center}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;box-shadow:0 24px 48px #0003;animation:slideUp .3s ease-out}.excepciones-modal{width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.excepciones-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.25rem 1.5rem;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.excepciones-modal-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.modal-header-content{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.modal-icon{font-size:2rem;line-height:1;flex-shrink:0}.excepciones-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px;line-height:1.2}.modal-subtitle{margin:.25rem 0 0;font-size:.9rem;color:#ffffffe6;font-weight:400;line-height:1.2}.modal-close{position:absolute;top:1rem;right:1rem;background:#fff3;color:#fff;border:none;font-size:1.75rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1;z-index:2}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.excepciones-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;max-height:calc(90vh - 200px)}.excepciones-info{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:5px solid #667eea;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.25rem;display:flex;gap:.75rem;align-items:flex-start;box-shadow:0 2px 8px #667eea1a}.info-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.excepciones-info p{margin:.25rem 0;font-size:.875rem;color:#424242;line-height:1.5}.excepciones-info strong{font-weight:700;color:#667eea;font-size:.95rem}.excepciones-actions{display:flex;gap:.75rem;margin-bottom:1.25rem;align-items:stretch}.search-input{flex:1;padding:.625rem 1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:.9rem;transition:all .2s;background:#fafafa}.search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-excepcion-form{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 4px 12px #0000000d}.form-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef}.add-excepcion-form h4{margin:0 0 .25rem;color:#2c3e50;font-size:1.125rem;font-weight:700}.form-description{margin:0;color:#6c757d;font-size:.825rem}.add-excepcion-form .form-row{display:grid;grid-template-columns:2fr 1fr;gap:.75rem;margin-bottom:.75rem}.add-excepcion-form .form-group{display:flex;flex-direction:column}.add-excepcion-form label{font-size:.8rem;font-weight:600;color:#495057;margin-bottom:.375rem}.add-excepcion-form .form-select,.add-excepcion-form .form-input{padding:.5rem .75rem;border:2px solid #ced4da;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff}.add-excepcion-form .form-select:focus,.add-excepcion-form .form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:.625rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.excepciones-table-container{overflow-y:auto;max-height:400px;border:2px solid #e9ecef;border-radius:16px;background:#fff;box-shadow:0 4px 12px #0000000d}.excepciones-table{width:100%;border-collapse:collapse;font-size:.9rem}.excepciones-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000001a}.excepciones-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.excepciones-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s}.excepciones-table tbody tr:hover{background:linear-gradient(90deg,#f8f9fa,#fff);box-shadow:0 2px 8px #0000000d}.excepciones-table tbody tr:last-child{border-bottom:none}.excepciones-table td{padding:.75rem;vertical-align:middle}.excepciones-table td strong{color:#2c3e50;font-weight:600}.excepciones-table td small{color:#6c757d;font-size:.8rem}.badge-info{background:linear-gradient(135deg,#17a2b8,#20c997);color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #17a2b84d}.btn-danger-small{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:.5rem .75rem;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s;font-weight:600;box-shadow:0 2px 8px #dc35454d}.btn-danger-small:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc354566}.btn-danger-small:active{transform:translateY(0)}.btn-secondary{background:#6c757d;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:3rem 1.5rem;color:#6c757d}.empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.empty-state p{font-size:1.125rem;margin:0 0 .375rem;font-weight:600;color:#495057}.empty-state small{font-size:.875rem;color:#6c757d}.modal-footer{padding:1rem 1.5rem;background:linear-gradient(to top,#f8f9fa,#fff);border-top:2px solid #e9ecef;border-radius:0 0 16px 16px;display:flex;justify-content:flex-end;gap:.75rem}@media (max-width: 768px){.listas-precio-cards{grid-template-columns:1fr}.excepciones-modal{width:95%}.add-excepcion-form .form-row{grid-template-columns:1fr}.excepciones-table-container{max-height:300px}.excepciones-actions{flex-direction:column}}@media (max-width: 1200px) and (min-width: 769px){.listas-precio-cards{grid-template-columns:repeat(2,1fr)}}.precios-manager{background:#fff;min-height:100vh}.precios-manager-content{background:#fff}.precios-manager-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem}.precios-manager-header h2{margin:0;font-size:1.75rem;font-weight:600;color:#fff}.precios-tabs-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:2px solid #e9ecef;position:relative}.precios-tabs{display:flex;gap:.5rem;background:#f5f5f5;padding:4px;border-radius:10px}.tab-button{padding:.625rem 1.5rem;border:none;background:transparent;border-radius:8px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s;color:#666;white-space:nowrap}.tab-button:hover{background:#667eea1a;color:#667eea}.tab-button.active{background:#fff;color:#667eea;font-weight:600;box-shadow:0 2px 8px #0000001a}.precios-manager-main{padding:2rem}@media (max-width: 768px){.precios-tabs-container{flex-direction:column;gap:1rem;align-items:stretch}.precios-tabs{width:100%;justify-content:center}.tab-button{flex:1;text-align:center}}.actualizacion-precios-container{display:flex;flex-direction:column;gap:2rem;padding:2rem 0}.actualizacion-precios-form-section,.actualizacion-precios-historial-section{background:var(--bg-white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.actualizacion-precios-form-section h3,.actualizacion-precios-historial-section h3{margin-top:0;margin-bottom:.5rem;color:var(--primary);font-size:1.5rem}.section-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.actualizacion-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group label{font-weight:500;color:var(--text-primary);font-size:.95rem}.form-control{padding:.75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.form-help{font-size:.85rem;color:var(--text-muted);font-style:italic}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem}.historial-table-container{overflow-x:auto;margin-top:1rem}.historial-table{width:100%;border-collapse:collapse;font-size:.9rem}.historial-table thead{background:var(--bg-secondary)}.historial-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-light)}.historial-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .2s}.historial-table tbody tr:hover{background:var(--bg-secondary)}.historial-table td{padding:1rem .75rem;vertical-align:middle}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap}.badge-info{background:#e0e7ff;color:#4c51bf}.badge-warning{background:#fef3c7;color:#92400e}.badge-secondary{background:#e5e7eb;color:#374151}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.btn-undo{padding:.5rem 1rem;background:#fbbf24;color:#78350f;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s;white-space:nowrap}.btn-undo:hover:not(:disabled){background:#f59e0b;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b66}.btn-undo:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state p{font-size:1.1rem;margin:0}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.historial-table{font-size:.8rem}.historial-table th,.historial-table td{padding:.75rem .5rem}}.puntos-venta-group{margin-bottom:2rem}.puntos-venta-group-title{background:#f5f5f5;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:.75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);border-left:4px solid var(--primary)}.action-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;align-items:center}.btn-sm{padding:.4rem .75rem;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:all .2s ease;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-sm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-sm:active:not(:disabled){transform:translateY(0)}.btn-sm:disabled{opacity:.6;cursor:not-allowed}.btn-sm svg{flex-shrink:0}.btn-warning{background:#ff9800;color:#fff}.btn-warning:hover:not(:disabled){background:#f57c00;box-shadow:0 2px 8px #ff980066}.btn-success{background:#4caf50;color:#fff}.btn-success:hover:not(:disabled){background:#388e3c;box-shadow:0 2px 8px #4caf5066}.btn-success:disabled{background:#b0bec5;color:#90a4ae;cursor:not-allowed;opacity:.6}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f;box-shadow:0 2px 8px #f4433666}.btn-danger:disabled{background:#b0bec5;color:#90a4ae;cursor:not-allowed;opacity:.6}.btn-primary{background:#2196f3;color:#fff}.btn-primary:hover:not(:disabled){background:#1976d2;box-shadow:0 2px 8px #2196f366}.no-permission-text{color:#999;font-size:.85rem;font-style:italic;padding:.5rem}.badge-error{background:#ffebee;color:#c62828}.alert{padding:.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius-md);font-size:.9rem}.alert-success{background:#e8f5e9;color:#2e7d32;border:1px solid #66bb6a}.alert-error{background:#ffebee;color:#c62828;border:1px solid #ef5350}.text-center{text-align:center}.font-mono{font-family:Courier New,monospace}.font-bold{font-weight:700}@media (max-width: 768px){.action-buttons{gap:.35rem}.btn-sm{padding:.35rem .6rem;font-size:.8rem}.btn-sm svg{width:12px;height:12px;margin-right:.2rem}}@media (max-width: 480px){.action-buttons{flex-direction:column;gap:.25rem}.btn-sm{width:100%;justify-content:center}}.ventas-config-modal-body{padding:1.5rem 2rem}.config-description{color:#666;font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.config-info{display:flex;align-items:flex-start;background:#e3f2fd;padding:1rem;border-radius:6px;margin-top:1.5rem;font-size:.9rem;color:#1976d2;line-height:1.5}.config-settings-icon{position:relative;float:right;margin-bottom:.5rem;background:#2196f3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;z-index:10}.config-settings-icon:hover{background:#1976d2;transform:rotate(90deg);box-shadow:0 4px 8px #0003}.config-settings-icon svg{width:22px;height:22px}.compra-form h2{clear:both}.stock-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.stock-manager,.stock-manager-content{width:100%;display:flex;flex-direction:column}.stock-manager-header{display:flex;justify-content:center;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);background:var(--gradient-primary);color:var(--text-white);position:relative}.stock-manager-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-white)}.stock-manager-main{flex:1;overflow-y:auto;padding:0 2rem;align-items:center}.stock-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.stock-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.stock-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.stock-list-container{width:100%;padding:2rem;box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif}.stock-list-container h2{font-size:2rem;color:#2d3748;margin-left:1rem;margin-bottom:1.5rem}.stock-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.stock-table thead{background:var(--gradient-primary)}.stock-table thead th:first-child{border-top-left-radius:10px}.stock-table thead th:last-child{border-top-right-radius:10px}.stock-table th,.stock-table td{padding:7px 10px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.stock-table th{background:transparent;font-weight:600;color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase;position:sticky;top:0;cursor:pointer;-webkit-user-select:none;user-select:none}.stock-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.stock-table tbody tr:hover{background-color:#f0f4ff}.stock-table tbody tr:last-child td{border-bottom:none}.stock-form-container{max-width:800px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.form-header{margin-bottom:2rem;border-bottom:2px solid var(--border-light);padding-bottom:1rem}.form-header h3{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.stock-form-tab{max-width:800px;margin:0 auto;padding:2rem}.stock-form-tab h2{font-size:2rem;color:#2d3748;margin-bottom:2rem}.stock-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:#374151;font-size:.9rem;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.95rem;background-color:#fff;color:#1e293b;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;background-color:#fafbfc}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;font-style:italic}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.movement-type-description{padding:1rem;background:#f1f5f9;border-left:4px solid var(--color-primary);border-radius:6px;margin-bottom:1rem}.movement-type-description p{margin:0;font-size:.9rem;color:#475569;line-height:1.5}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #00000026}.dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.dropdown-item:hover{background-color:#f1f5f9}.dropdown-item-name{font-weight:500;color:#1e293b}.dropdown-item-type{font-size:.8rem;color:#64748b;background:#f1f5f9;padding:.25rem .5rem;border-radius:3px}.success-message{background:#ecfdf5;border:1px solid #a7f3d0;border-left:4px solid #10b981;color:#065f46;padding:.75rem 1rem;border-radius:6px;margin-top:1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.required{color:#ef4444;font-weight:700}.reportes-manager-main{padding-top:2rem}.reporte-preview-modal.modal-insumo{box-shadow:0 10px 40px #64748b40}.reporte-preview-modal .insumo-selector-header{padding:1.5rem;border-top:3px solid #64748b;background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex-shrink:0}.reporte-preview-modal .insumo-selector-title{margin:0;color:#475569;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.reporte-preview-modal .insumo-selector-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.reporte-preview-modal .insumo-selector-close-btn:hover{background-color:#e2e8f0;color:#64748b}.reporte-preview-modal .insumo-selector-counter{margin-top:.75rem;font-size:.9rem;color:#64748b;font-weight:500;padding:.5rem 1rem;background:linear-gradient(135deg,#fff,#f1f5f9);border-radius:8px;border:1px solid #e2e8f0}.reporte-preview-modal .insumo-selector-table-wrapper{flex:1;overflow-y:auto;padding:0;background:#f8fafc}.reporte-preview-modal .insumo-selector-thead-row{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.reporte-preview-modal .insumo-selector-th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;color:#fff}.reporte-preview-modal .insumo-selector-row{cursor:default;transition:background-color .2s}.reporte-preview-modal .insumo-selector-row-even{background-color:#fff}.reporte-preview-modal .insumo-selector-row-odd{background-color:#f8fafc}.reporte-preview-modal .insumo-selector-row:hover{background-color:#cbd5e1!important}.reporte-preview-modal .insumo-selector-td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.9rem}.reporte-preview-modal .insumo-selector-footer{padding:1rem 1.5rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-top:1px solid #cbd5e1;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.reporte-preview-modal .insumo-selector-footer-hint{font-size:.85rem;color:#64748b;font-style:italic}.reporte-preview-modal .insumo-selector-footer-btn{padding:.625rem 1.5rem;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s;box-shadow:0 2px 8px #64748b33}.reporte-preview-modal .insumo-selector-footer-btn:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 12px #64748b4d;transform:translateY(-1px)}.reporte-preview-modal .insumo-selector-no-results{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.reporte-preview-modal .insumo-selector-no-results-icon{font-size:3rem;margin-bottom:1rem;filter:grayscale(80%)}.reporte-preview-modal .insumo-selector-no-results-title{font-size:1.25rem;font-weight:600;color:#475569;margin-bottom:.5rem}.reporte-preview-modal .insumo-selector-no-results-text{color:#64748b;font-size:.95rem}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.stat-label{font-size:.85rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#2c3e50;line-height:1}.manager-container{width:100%;min-height:100vh;background:#fff}.manager-header{padding:2rem 2rem 1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6}.manager-header h2{margin:0 0 .5rem;color:#2c3e50;font-size:1.75rem;font-weight:600}.header-subtitle{margin:0;color:#6c757d;font-size:.95rem;font-weight:400}.manager-content{padding:2rem}.filters-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.info-card{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f}.info-card h4{margin:0 0 1rem;font-size:1rem;color:#495057;font-weight:600}.stats-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tipo-movimiento-badge{display:inline-block;padding:.4rem .9rem;border-radius:16px;font-size:.8em;font-weight:600;text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.tipo-movimiento-badge.tipo-ingreso{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #28a745;box-shadow:0 2px 4px #28a74526}.tipo-movimiento-badge.tipo-egreso{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #dc3545;box-shadow:0 2px 4px #dc354526}.tipo-movimiento-badge.tipo-ajuste{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffc107;box-shadow:0 2px 4px #ffc10726}.tipo-movimiento-badge.tipo-scrap{background:linear-gradient(135deg,#e2e3e5,#d6d8db);color:#383d41;border:1px solid #6c757d;box-shadow:0 2px 4px #6c757d26}.stock-movimientos-list-container{background:var(--bg-white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.stock-movimientos-list-container h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.table-responsive{overflow-x:auto;margin-top:1rem}.stock-movimientos-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.stock-movimientos-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stock-movimientos-table thead th{padding:.65rem .75rem;text-align:left;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;border-bottom:none}.stock-movimientos-table thead th:first-child{border-top-left-radius:10px}.stock-movimientos-table thead th:last-child{border-top-right-radius:10px}.stock-movimientos-table thead th:hover{background-color:#ffffff1a}.stock-movimientos-table thead th .th-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.stock-movimientos-table tbody tr.movimiento-row{border-bottom:1px solid rgba(0,0,0,.03);transition:all .2s ease}.stock-movimientos-table tbody tr.movimiento-row:hover{background-color:#f8f9ff;transform:scale(1.001);box-shadow:0 2px 8px #667eea14}.stock-movimientos-table tbody tr.movimiento-row:last-child{border-bottom:none}.stock-movimientos-table tbody td{padding:.6rem .75rem;vertical-align:middle;font-size:.9em}.stock-movimientos-table .col-fecha{width:13%}.stock-movimientos-table .col-nombre{width:25%}.stock-movimientos-table .col-tipo{width:13%;text-align:center}.stock-movimientos-table .col-cantidad{width:11%;text-align:right}.stock-movimientos-table .col-unidad{width:9%;text-align:center}.stock-movimientos-table .col-comentarios{width:29%}.fecha-cell{display:flex;flex-direction:column;gap:.2rem}.fecha-date{font-weight:600;color:#2d3748;font-size:.95em}.fecha-time{font-size:.8em;color:#718096}.nombre-cell{font-weight:500;color:#2d3748;line-height:1.4}.cantidad-cell{display:flex;justify-content:flex-end;align-items:center}.cantidad-value{font-weight:700;font-size:1.05em;padding:.25rem .75rem;border-radius:8px;font-family:SF Mono,Monaco,Consolas,monospace}.cantidad-value.positivo{color:#155724;background:#d4edda}.cantidad-value.negativo{color:#721c24;background:#f8d7da}.unidad-badge{display:inline-block;padding:.3rem .7rem;background:#e9ecef;color:#495057;border-radius:6px;font-size:.85em;font-weight:500}.comentarios-cell{color:#4a5568;line-height:1.5;font-size:.9em}.estado-badge{display:inline-block;padding:.2rem .5rem;border-radius:8px;font-size:.5em;font-weight:600;text-align:center;white-space:nowrap;margin-left:.35rem;vertical-align:middle}.estado-badge.estado-activo{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #b1dfbb}.estado-badge.estado-anulado{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f1b0b7}.estado-badge.estado-anulacion{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffd93d}.anulacion-info{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #dc3545}.anulacion-detalle{font-size:.9em;color:#6c757d}.anulacion-detalle strong{color:#495057;font-weight:600}.comprobante-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.comprobante-link:hover{color:#5a67d8;text-decoration:underline}.tabla-row-anulado{background:#fef5f5!important;opacity:.75}.tabla-row-anulado td{text-decoration:line-through;color:#999!important}.tabla-row-anulacion{background:#fffbf0!important;border-left:3px solid #ffc107}.btn-anular{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-anular:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.btn-anular:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.anulacion-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.anulacion-modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.anulacion-modal-content h3{margin:0 0 1rem;color:#dc3545;font-size:1.5rem}.anulacion-modal-content textarea{width:100%;min-height:100px;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .2s ease}.anulacion-modal-content textarea:focus{outline:none;border-color:#667eea}.anulacion-modal-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.estado-filter{display:inline-flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:8px;border:1px solid #e9ecef}.estado-filter button{padding:.5rem 1rem;border:none;background:transparent;color:#6c757d;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.estado-filter button.active{background:#667eea;color:#fff}.estado-filter button:hover:not(.active){background:#f8f9fa;color:#495057}.insumos-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);padding:0 2rem;gap:1rem}.insumos-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.insumos-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.insumos-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.insumos-manager-main{flex:1;overflow-y:auto;padding:0 2rem;align-items:center}.cuenta-corriente-manager{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.cuenta-corriente-manager-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.cuenta-corriente-manager-header{padding:2rem;background:var(--gradient-primary);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000000d}.cuenta-corriente-manager-header h2{margin:0;color:var(--text-white);font-size:1.5rem;font-weight:600}.cuenta-corriente-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-white);padding:0 2rem}.cuenta-corriente-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.cuenta-corriente-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.cuenta-corriente-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.cuenta-corriente-list-tab,.cuenta-corriente-form-tab{padding:2rem;flex:1;overflow-y:auto}.cuenta-corriente-list-tab h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600;text-align:left}.cuenta-corriente-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-select,.filter-input{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:all var(--transition-fast)}.filter-select{min-width:150px;background:var(--bg-white);color:var(--text-primary);cursor:pointer}.filter-select:hover,.filter-input:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #2980b91a}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2980b91a}.filter-input{flex:1}.cuenta-corriente-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000000d}.cuenta-corriente-table thead{background:var(--gradient-primary)}.cuenta-corriente-table thead th:first-child{border-top-left-radius:10px}.cuenta-corriente-table thead th:last-child{border-top-right-radius:10px}.cuenta-corriente-table th,.cuenta-corriente-table td{padding:5px 8px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:.82rem}.cuenta-corriente-table th{background:transparent;font-weight:600;color:#fff;font-size:.73rem;letter-spacing:.4px;text-transform:uppercase}.cuenta-corriente-table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.cuenta-corriente-table tbody tr:hover{background-color:#f0f4ff}.cuenta-corriente-table tbody tr:last-child td{border-bottom:none}.cell-nombre{font-weight:500}.cell-saldo{font-weight:600;text-align:right}.cell-saldo.saldo-cero{color:var(--color-success)}.cell-saldo.saldo-negativo{color:var(--color-danger)}.cell-saldo.saldo-positivo{color:var(--color-info)}.cell-center,.cell-acciones{text-align:center}.btn-detalles{padding:8px 16px;background:#1976d2!important;color:#fff!important;border:1px solid #1976d2!important;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001f}.btn-detalles:hover:not(.disabled){background:#1565c0!important;box-shadow:0 2px 4px #00000029}.btn-detalles:active:not(.disabled){background:#1565c0!important;box-shadow:0 1px 2px #0000001f}.btn-detalles.disabled{background:#f5f5f5!important;color:#00000061!important;border-color:#e0e0e0!important;cursor:not-allowed;opacity:1}.empty-state{display:flex;justify-content:center;align-items:center;min-height:300px;background:var(--bg-white);border-radius:var(--radius-lg);color:var(--text-muted);font-size:1.1rem}.empty-state p{margin:0}.form-container{max-width:600px;margin:0 auto;background:var(--bg-white);padding:2rem;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;overflow:visible}.form-container h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.form-group{margin-bottom:1.5rem;position:relative;overflow:visible}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:.95rem}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;color:var(--text-primary);background:var(--bg-white);transition:all var(--transition-fast);box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2980b91a}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-normal)}.modal-content{background:var(--bg-white);border-radius:var(--radius-lg);max-width:900px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;animation:slideUp var(--transition-normal)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:var(--radius-md)}.modal-close:hover{background:var(--bg-light);color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:2rem}.modal-body table{width:100%}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem;background:var(--bg-light)}.modal-footer .btn-secondary{background:var(--color-secondary);color:var(--bg-white)}.modal-footer .btn-secondary:hover{opacity:.9}.empty-state-text{text-align:center;color:var(--text-muted);font-size:1.1rem;padding:2rem}.notification-message{position:fixed;bottom:2rem;right:2rem;background:var(--color-success);color:var(--bg-white);padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:999;animation:slideUp var(--transition-normal);font-weight:500}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.saldo-negativo{color:var(--color-danger);font-weight:600}.saldo-positivo{color:var(--color-info);font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:var(--bg-white);border-radius:var(--radius-lg)}.pagination-btn{padding:.75rem 1.5rem;background:var(--color-primary);color:var(--bg-white);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pagination-btn:disabled{background:var(--border-light);color:var(--text-muted);cursor:not-allowed;opacity:.5}.pagination-info{min-width:150px;text-align:center;color:var(--text-secondary);font-weight:500}.list-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:2rem 0 1.5rem;text-align:center}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1.5rem;background:var(--bg-white);border-radius:var(--radius-lg);flex-wrap:wrap}.pagination-btn-nav{padding:.6rem 1rem;background:var(--color-primary);color:var(--bg-white);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-btn-nav:hover:not(:disabled){opacity:.85}.pagination-btn-nav:disabled{background:var(--border-light);color:var(--text-muted);cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}.pagination-page{min-width:2.5rem;padding:.5rem .75rem;background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-page:hover{background:var(--bg-primary);border-color:var(--color-primary);color:var(--color-primary)}.pagination-page.active{background:var(--color-primary);color:var(--bg-white);border-color:var(--color-primary);font-weight:600}.cc-proveedores-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.cc-proveedores-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.cc-proveedores-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.cc-proveedores-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.cc-distribuidores-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.cc-distribuidores-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.cc-distribuidores-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.cc-distribuidores-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.movimiento-row{transition:background-color .2s ease}.movimiento-row:hover{background-color:#f7fafc!important}.pagos-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.pagos-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.pagos-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.pagos-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.pago-form-container{padding:2rem}.subsection{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.comprobantes-section{margin-top:2rem!important;padding:2rem!important;border:1px solid #ddd;border-radius:4px;background:#fafafa}.comprobantes-section .section-title{color:#555;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #ddd}.comprobantes-section .data-table thead{background:var(--gradient-primary)}.comprobantes-section .data-table thead th{background:transparent;color:#fff;font-weight:600;font-size:.73rem;padding:.45rem .65rem;border-bottom:2px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.4px}.comprobantes-section .data-table tbody tr{transition:background-color .15s ease}.comprobantes-section .data-table tbody tr:nth-child(odd){background-color:#fafafa}.comprobantes-section .data-table tbody tr:nth-child(2n){background-color:#fff}.comprobantes-section .data-table tbody tr:hover{background-color:#f0f4ff}.comprobantes-section .data-table tbody td{padding:.4rem .65rem;border-bottom:1px solid #eee;font-size:.82rem}.medios-pago-section{margin-top:3rem!important;padding:2rem!important;border:1px solid #ddd;border-top:2px solid #666;border-radius:4px;background:#fafafa}.medios-pago-section .section-title{color:#555;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #ddd}.subsection-header h4{margin:0;font-size:1.1rem;color:var(--text-secondary)}.inline-form{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:4px}.nc-list{background:var(--bg-white);padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid var(--border-light)}.nc-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid var(--border-light)}.nc-item:last-child{border-bottom:none}.total-row{margin-top:1.5rem;padding:1rem;background:var(--bg-white);border-radius:4px;text-align:right;font-size:1.2rem;color:var(--color-primary);border:2px solid var(--border-light)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.summary-row{display:flex;justify-content:flex-end;gap:2rem;margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:4px;font-weight:600}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.no-data{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}.table-container{overflow-x:auto;margin-top:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.85rem;background:#fff}.data-table thead th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;padding:.55rem .75rem;border-bottom:2px solid #dee2e6;white-space:nowrap;text-align:left}.data-table tbody tr{transition:background-color .12s ease}.data-table tbody tr:nth-child(odd){background-color:#fff}.data-table tbody tr:nth-child(2n){background-color:#f9f9f9}.data-table tbody tr:hover{background-color:#f0f4ff}.data-table tbody td{padding:.45rem .75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.data-table tfoot tr{background:#f5f5f5}.data-table tfoot td{padding:.55rem .75rem;border-top:2px solid #dee2e6;font-weight:600;font-size:.82rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase}.badge-activo{background:#d4edda;color:#155724}.badge-anulado{background:#f8d7da;color:#721c24}.badge-emitido{background:#cfe2ff;color:#084298}.badge-cobrado{background:#d1e7dd;color:#0a3622}.badge-rechazado{background:#f8d7da;color:#58151c}.badge-pagado{background:#d1e7dd;color:#0a3622}.badge-parcial{background:#fff3cd;color:#664d03}.badge-pendiente{background:#e7e8ea;color:#41464b}.modal-overlay{position:fixed;inset:0 0 0 260px;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-light)}.modal-header h3{margin:0;color:var(--text-primary)}.btn-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:2px solid var(--border-light);display:flex;justify-content:flex-end;gap:.75rem}.info-general{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.info-row{display:flex;margin-bottom:.75rem}.info-row:last-child{margin-bottom:0}.info-row .label{font-weight:600;min-width:120px;color:var(--text-secondary)}.medios-pago-detalle{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.medio-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.medio-item:last-child{border-bottom:none}.medio-item.total{margin-top:.75rem;padding-top:1rem;border-top:2px solid var(--color-primary);color:var(--color-primary);font-size:1.1rem}.cheques-detalle,.nc-detalle,.comprobantes-detalle{margin-bottom:1.5rem}.tabla-detalle{width:100%;border-collapse:collapse;margin-top:.75rem}.tabla-detalle th{background:var(--bg-secondary);padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-light);font-size:.9rem}.tabla-detalle td{padding:.75rem;border-bottom:1px solid var(--border-light);font-size:.9rem}.tabla-detalle tbody tr:hover{background:var(--bg-secondary)}.estado-cuenta-container{padding:2rem;max-width:1400px;margin:0 auto}.estado-cuenta-header{margin-bottom:2rem}.estado-cuenta-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.resumen-cuenta{display:flex;flex-wrap:nowrap;gap:1.5rem;margin-bottom:2rem;align-items:stretch}.resumen-card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1 0;min-width:0}.resumen-card.saldo-pendiente{background:linear-gradient(135deg,#f5f5f5,#fafafa);border:2px solid #666}.resumen-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.resumen-valor{font-size:1.8rem;font-weight:600;color:#333}.saldo-pendiente .resumen-valor{color:#d35400}.estado-cuenta-tabs{display:flex;gap:.5rem;border-bottom:2px solid #ddd;margin-bottom:2rem}.estado-cuenta-tabs .tab-btn{padding:.75rem 1.5rem;border:none;background:none;cursor:pointer;font-size:1rem;color:#666;border-bottom:3px solid transparent;transition:all .2s}.estado-cuenta-tabs .tab-btn:hover{color:#333;background:#f5f5f5}.estado-cuenta-tabs .tab-btn.active{color:#333;font-weight:600;border-bottom-color:#666}.estado-cuenta-section{margin-bottom:2.5rem}.estado-cuenta-section .section-subtitle{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #ddd}.estado-cuenta-section .table-container{background:#fff;border:1px solid #ddd;border-radius:4px;padding:1rem}.estado-cuenta-section .data-table tfoot{background:#f5f5f5;font-weight:600}.estado-cuenta-section .data-table tfoot td{border-top:2px solid #666;padding:1rem .75rem}.cobros-manager{display:flex;flex-direction:column;height:100%}.cobros-manager-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.cobros-manager-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.cobros-tab-btn{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast)}.cobros-tab-btn:hover{background:var(--border-light);color:var(--text-secondary)}.cobros-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white)}.cobro-form-container{padding:2rem;flex:1;overflow-y:auto}.toggle-switch{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{position:relative;display:inline-block;width:48px;height:24px;background:#ccc;border-radius:24px;transition:background .3s ease}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#2196f3}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subsection-header h4{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.cobros-manager-main,.pagos-manager-main{padding:0 2rem}.tickets-manager{display:flex;flex-direction:column;min-height:100%}.tickets-manager-content{flex:1}.tickets-manager-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;border-bottom:1px solid #e9ecef}.tickets-manager-header h2{margin:0;font-size:1.4rem;font-weight:700;color:#2d3748}.tickets-manager-main{padding:1.5rem 2rem}.tickets-filtros{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.25rem;display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.tickets-filtros-label{font-size:.74rem;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.04em;align-self:center;white-space:nowrap}.tickets-loading{text-align:center;padding:3rem;color:#6c757d;font-style:italic}.tickets-empty{text-align:center;padding:3rem 2rem;color:#6c757d;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.tickets-empty span{display:block;font-size:2.5rem;margin-bottom:.75rem}.tickets-empty p{margin:0;font-size:1rem}.tickets-modal-overlay{position:fixed;inset:0 0 0 260px;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;transition:left .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-collapsed .tickets-modal-overlay{left:64px}.tickets-modal-content{background:#fff;border-radius:14px;width:100%;max-width:820px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003,0 4px 12px #0000001a;display:flex;flex-direction:column;animation:ticketModalIn .22s ease-out}@keyframes ticketModalIn{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tickets-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;background:linear-gradient(135deg,#495057,#343a40);border-radius:14px 14px 0 0;flex-shrink:0}.tickets-modal-header-left{display:flex;align-items:center;gap:.85rem}.tickets-modal-icon{font-size:1.6rem}.tickets-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#fff}.tickets-modal-subtitle{margin:.1rem 0 0;font-size:.78rem;color:#ffffffb3}.tickets-modal-close{background:#ffffff1f;border:none;color:#fff;font-size:1.4rem;line-height:1;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s;padding:0}.tickets-modal-close:hover{background:#ffffff40}.tickets-modal-body{padding:1.5rem 1.75rem;flex:1}.tickets-form-row{display:flex;gap:.85rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.tickets-form-field{display:flex;flex-direction:column}.tickets-form-field .is-invalid{border-color:#dc3545;box-shadow:0 0 0 2px #dc354526}.tickets-field-error{font-size:.73rem;color:#dc3545;margin-top:.2rem;font-weight:500}.req{color:#dc3545}.tickets-input-prefix{position:relative}.tickets-input-prefix .prefix-symbol{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:#6c757d;font-weight:600;pointer-events:none;z-index:1}.tickets-input-prefix .form-control{padding-left:1.5rem}.tickets-section-divider{display:flex;align-items:center;gap:.75rem;margin:.5rem 0 1rem}.tickets-section-divider:before,.tickets-section-divider:after{content:"";flex:1;height:1px;background:#e9ecef}.tickets-section-divider span{font-size:.72rem;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tickets-total-box{justify-content:flex-end}.tickets-total-value{padding:.5rem .9rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:8px;font-weight:800;font-size:1.1rem;color:#1565c0;text-align:right}.tickets-retention-info{background:#fffbeb;border:1px solid #f59e0b;border-radius:7px;padding:.6rem 1rem;font-size:.84rem;color:#92400e;margin-bottom:.5rem}.tickets-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.75rem 1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 14px 14px;flex-shrink:0}.tickets-modal-footer .btn-primary,.tickets-modal-footer .btn-secondary{padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;min-width:120px}@media (max-width: 768px){.tickets-modal-overlay{left:0;padding:.5rem;align-items:flex-end}.tickets-modal-content{max-width:100%;border-radius:14px 14px 0 0;max-height:95vh}.tickets-form-row{flex-direction:column}.tickets-form-field{flex:1 1 100%!important}}@media (max-width: 767px){.sidebar-container{display:none!important}.dashboard-container{flex-direction:column}.dashboard-main{margin-left:0!important;width:100vw!important;max-width:100vw!important}body.mobile-view .dashboard-main{padding-bottom:80px}.sidebar-toggle{display:none!important}}@media (max-width: 480px){.dashboard-main{padding-bottom:80px}}@media (min-width: 768px){.sidebar-container{display:flex!important}.mobile-nav-item .mobile-nav-label{font-size:10px}}@media (max-width: 767px){[class$=-manager]{padding:0!important;margin:0!important}[class$=-manager-content]{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important;box-shadow:none!important;min-height:calc(100vh - 90px);padding-bottom:90px}[class$=-manager-header]{padding:1rem!important;margin:0!important;background:#fff;border-bottom:1px solid #e0e0e0;flex-direction:column;gap:1rem}[class$=-manager-header] h2{font-size:1.25rem!important;margin:0!important;width:100%;text-align:left}[class$=-table]{font-size:.85rem!important;width:100%}[class$=-table] thead{display:none}[class$=-table] tbody,[class$=-table] tr,[class$=-table] td{display:block;width:100%}[class$=-table] tr{margin-bottom:1rem;border:1px solid #e0e0e0;border-radius:8px;padding:.75rem;background:#fafafa;box-sizing:border-box}[class$=-table] td{display:grid;grid-template-columns:40% 1fr;gap:.75rem;align-items:flex-start;padding:.5rem .25rem;border:none;border-bottom:1px solid #f0f0f0;word-break:break-word;overflow-wrap:break-word}[class$=-table] td:before{content:attr(data-label);font-weight:600;color:#666;font-size:.8rem;text-align:left;word-break:break-word}[class$=-table] td:last-child{border-bottom:none}.pagination-container{flex-direction:column!important;gap:1rem!important;padding:1rem!important;margin-bottom:80px!important}.pagination-controls{width:100%;justify-content:space-between!important;gap:.5rem!important}.page-size-select{padding:.5rem 2rem .5rem .75rem!important;font-size:.9rem!important;max-width:100px}.pagination{width:100%;padding:.75rem .5rem!important;gap:.25rem!important;margin-bottom:80px!important;flex-wrap:wrap}.pagination-btn{min-width:36px!important;height:36px!important;padding:.5rem!important;font-size:.85rem!important}.pagination-btn:first-child,.pagination-btn:last-child{min-width:80px!important;font-size:.8rem!important}.pagination-info{width:100%;text-align:center;margin:.5rem 0 0!important;font-size:.85rem!important;order:3}.pagination-btn-nav{padding:.5rem .75rem!important;font-size:.85rem!important;min-width:70px}.pagination-pages{gap:.15rem!important;justify-content:center}.pagination-page{min-width:36px!important;height:36px!important;padding:.4rem!important;font-size:.85rem!important}[class$=-manager-header] button,[class$=-manager-header] [class*=btn]{padding:.75rem 1.5rem!important;font-size:.95rem!important;min-width:120px;width:100%;border-radius:6px!important}[class$=-form]{padding:1rem!important;margin:0!important}[class$=-form-row]{flex-direction:column!important;gap:1rem!important;margin-bottom:1rem!important}[class$=-form-field],[class$=-form-group],[class$=-input-group]{flex:1 1 100%!important;width:100%!important;margin-bottom:.5rem!important}[class$=-form-field] input,[class$=-form-field] select,[class$=-form-field] textarea,[class$=-form-group] input,[class$=-form-group] select,[class$=-form-group] textarea{width:100%!important;padding:.75rem!important;font-size:1rem!important}[class$=-form-field] label,[class$=-form-group] label{display:block;margin-bottom:.5rem!important;font-weight:600;font-size:.95rem;color:#333}[class$=-overlay],[class$=-modal-overlay]{padding:0!important;align-items:flex-end!important}[class$=-modal-content],[class$=-modal]{max-width:100%!important;width:100vw!important;border-radius:16px 16px 0 0!important;margin:0!important;max-height:90vh!important;overflow-y:auto!important}[class$=-modal-header],[class$=-modal-title]{padding:1.5rem 1rem!important;font-size:1.25rem!important;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0}[class$=-modal-body]{padding:1rem!important;overflow-y:auto;max-height:calc(90vh - 200px)}[class$=-modal-footer]{padding:1rem!important;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-direction:column-reverse;gap:.75rem}[class$=-modal-footer] button{width:100%;padding:.75rem!important}[class$=-card],[class$=-item],[class$=-list-item]{padding:1rem!important;margin-bottom:.75rem!important;border-radius:8px!important;background:#fafafa;border:1px solid #e0e0e0}[class$=-card] h3,[class$=-item] h3{font-size:1rem!important;margin-bottom:.5rem!important}[class$=-card] p,[class$=-item] p{font-size:.9rem!important;margin:.25rem 0!important}[class*=grid-],[class*=-container-grid]{grid-template-columns:1fr!important;gap:1rem!important}[class*=-flex-],[class*=-container-flex]{flex-direction:column!important}[class$=-content]{padding:1rem!important}[class$=-manager-content] [class*=header],[class$=-manager-content] [class*=footer]{padding:1rem!important;margin:0!important}[class$=-tabs],[class$=tabs-container]{gap:0!important;overflow-x:auto;flex-wrap:nowrap}[class$=-tab-button],[class$=-tab-item]{padding:.75rem 1rem!important;font-size:.9rem!important;white-space:nowrap;flex-shrink:0}[class$=-list] [class*=divider],[class$=-list] hr{margin:.5rem 0!important}[class*=load-more]{width:100%!important;padding:1rem!important;margin:1rem 0!important}[class*=floating-button],[class*=btn-create-floating]{bottom:80px!important;right:1rem!important;width:56px;height:56px;border-radius:50%}[class*=search],[class*=-search]{width:100%!important;padding:.75rem!important;margin-bottom:1rem!important}[class*=search] input,[class*=-search] input,[class*=dropdown],[class*=combobox],[class*=-selector]{width:100%!important}[class*=dropdown-menu],[class*=combobox-menu]{max-height:300px;overflow-y:auto;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;z-index:1000}}@media (max-width: 480px){[class$=-manager-header] h2{font-size:1.1rem!important}[class$=-form-field] input,[class$=-form-field] select,[class$=-form-group] input,[class$=-form-group] select{font-size:16px!important}[class$=-manager-header] button,[class$=-manager-header] [class*=btn]{padding:.65rem 1rem!important;font-size:.9rem!important}[class$=-form-row]{gap:.75rem!important}[class$=-modal-header],[class$=-modal-title]{padding:1rem .75rem!important;font-size:1.1rem!important}[class$=-table] tr{padding:.75rem}[class$=-table] td{padding:.5rem!important}[class*=floating-button],[class*=btn-create-floating]{bottom:75px!important;right:.75rem!important;width:52px;height:52px;font-size:1.5rem}}@media (min-width: 481px) and (max-width: 767px){[class$=-manager-content]{min-height:calc(100vh - 100px)}[class$=-form-row]{flex-direction:row!important}[class$=-form-row] [class$=-form-field]:first-child{flex:0 0 48%!important}[class$=-form-row] [class$=-form-field]:last-child{flex:0 0 48%!important}[class*=floating-button],[class*=btn-create-floating]{bottom:85px!important}[class$=-modal-content],[class$=-modal]{max-width:95vw!important;width:95vw!important}.pagination-container{padding:1.25rem!important;margin-bottom:85px!important}.pagination{padding:1rem!important;gap:.5rem!important;margin-bottom:85px!important}.pagination-btn{min-width:38px!important;height:38px!important;font-size:.9rem!important}.pagination-info{font-size:.9rem!important}.pagination-page{min-width:38px!important;height:38px!important;font-size:.9rem!important}}.resumen-cc-container{padding:.5rem 0}.resumen-cc-totals{display:flex;align-items:center;gap:2rem;padding:.75rem 1rem;margin-bottom:1rem;background:#f0f4fa;border-radius:8px;border:1px solid #e0e7ef}.resumen-cc-total-item{display:flex;flex-direction:column;gap:2px}.resumen-cc-total-label{font-size:.7rem;color:#8a919e;text-transform:uppercase;letter-spacing:.04em}.resumen-cc-total-value{font-size:1.1rem;font-weight:700;color:#23263a}.resumen-cc-total-vencida .resumen-cc-total-value{color:#c0392b}.resumen-cc-search-wrap{margin-left:auto;position:relative;display:flex;align-items:center}.resumen-cc-search{height:34px;padding:0 2rem 0 .75rem;border:1px solid #d0d7e3;border-radius:6px;font-size:.85rem;color:#23263a;background:#fff;min-width:200px;outline:none;transition:border-color .15s}.resumen-cc-search:focus{border-color:#4a7cdc}.resumen-cc-search-clear{position:absolute;right:.4rem;background:none;border:none;cursor:pointer;color:#8a919e;font-size:1rem;line-height:1;padding:0}.resumen-cc-search-clear:hover{color:#23263a}.resumen-cc-refresh{background:none;border:1px solid #d0d7e3;border-radius:6px;padding:.3rem .7rem;cursor:pointer;color:#555;font-size:1rem;transition:background .15s}.resumen-cc-refresh:hover{background:#e0e7ef}.resumen-cc-export-btn{background:#1a7f44;color:#fff;border:none;border-radius:6px;padding:.3rem .85rem;cursor:pointer;font-size:.82rem;font-weight:600;transition:background .15s}.resumen-cc-export-btn:hover:not(:disabled){background:#155d32}.resumen-cc-export-btn:disabled{opacity:.55;cursor:not-allowed}.resumen-cc-table{width:100%;border-collapse:collapse;font-size:.85rem}.resumen-cc-table thead th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;padding:.55rem .75rem;border-bottom:2px solid #dee2e6;text-align:left;white-space:nowrap}.resumen-cc-table thead th.text-right{text-align:right}.resumen-cc-row{cursor:pointer;transition:background-color .12s ease}.resumen-cc-row:nth-child(odd){background-color:#fff}.resumen-cc-row:nth-child(2n){background-color:#f9f9f9}.resumen-cc-row:hover{background-color:#f0f4ff}.resumen-cc-row-vencida{border-left:3px solid #e74c3c}.resumen-cc-row td{padding:.45rem .75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.resumen-cc-nombre{font-weight:600;color:#23263a}.badge-vencido{display:inline-block;background:#fde8e8;color:#c0392b;border:1px solid #f5b7b7;border-radius:4px;padding:1px 7px;font-size:.78rem;font-weight:700;white-space:nowrap}.badge-pendiente{display:inline-block;background:#e8f0fe;color:#1a56db;border:1px solid #bfcffa;border-radius:4px;padding:1px 7px;font-size:.78rem;white-space:nowrap}.resumen-cc-detalle-row td{padding:0!important;background:#f9fafb}.resumen-cc-detalle-table{width:100%;border-collapse:collapse;font-size:.82rem;background:#fff}.resumen-cc-detalle-table thead th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;padding:.5rem .75rem;border-bottom:2px solid #dee2e6;text-align:left}.resumen-cc-detalle-table thead th.text-right{text-align:right}.resumen-cc-detalle-table tbody tr{transition:background-color .12s ease}.resumen-cc-detalle-table tbody tr:nth-child(odd){background-color:#fff}.resumen-cc-detalle-table tbody tr:nth-child(2n){background-color:#f9f9f9}.resumen-cc-detalle-table tbody tr:hover{background-color:#f0f4ff}.resumen-cc-detalle-table td{padding:.45rem .75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.resumen-cc-comp-vencido{background:#fff5f5}.empresa-selector{position:relative;padding:8px 12px;border-top:1px solid rgba(255,255,255,.15);box-shadow:0 -1px 3px #0000001a}.empresa-selector.collapsed{padding:8px 0;display:flex;justify-content:center}.empresa-selector-btn{display:flex;align-items:center;gap:8px;width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:7px 10px;cursor:pointer;color:#818181;font-size:.78rem;font-weight:600;transition:background .18s;white-space:nowrap;overflow:hidden}.empresa-selector.collapsed .empresa-selector-btn{width:38px;height:38px;padding:0;justify-content:center;border-radius:50%}.empresa-selector-btn:hover:not(:disabled){background:#ffffff29;border-color:#ffffff40}.empresa-selector-btn:disabled{opacity:.6;cursor:not-allowed}.empresa-selector-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;display:inline-block}.empresa-selector-label{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left;letter-spacing:.01em}.empresa-selector-arrow{font-size:.65rem;transition:transform .2s;opacity:.7}.empresa-selector-arrow.open{transform:rotate(180deg)}.empresa-selector-dropdown{position:absolute;bottom:calc(100% + 4px);left:12px;right:12px;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:8px;list-style:none;padding:4px;margin:0;z-index:1000;box-shadow:0 -4px 16px #00000059;animation:empresa-dropdown-in .15s ease}@keyframes empresa-dropdown-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empresa-selector-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;color:#cbd5e1;font-size:.82rem;transition:background .15s}.empresa-selector-option:hover{background:#ffffff14;color:#fff}.empresa-selector-option.active{background:#ffffff1f;color:#fff;font-weight:600;cursor:default}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000001a;z-index:999;display:none}@media (max-width: 767px){.mobile-bottom-nav{display:block}body.mobile-view .dashboard-main{padding-bottom:80px}}.mobile-nav-container{display:flex;justify-content:space-around;align-items:center;height:100%;gap:4px;padding:0 8px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;max-width:80px;padding:8px 4px;border:none;background:transparent;color:#666;cursor:pointer;transition:all .3s ease;border-radius:8px;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-item svg{width:24px;height:24px;transition:color .3s ease}.mobile-nav-item:hover{background:#0000000d;color:#333}.mobile-nav-item.active{color:#007bff;background:#007bff1a}.mobile-nav-item.active svg{color:#007bff}.mobile-nav-label{font-size:10px;line-height:1.2}.mobile-nav-more{color:#999}.mobile-nav-more.active{color:#007bff;background:#007bff1a}.mobile-menu-overlay{position:fixed;inset:0;background:#0006;z-index:998;animation:fadeIn .3s ease}.mobile-menu-modal{position:fixed;inset:0;width:100%;max-width:100%;height:100%;background:#fff;z-index:999;overflow-y:auto;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;min-height:60px}.mobile-menu-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.mobile-menu-close{background:none;border:none;padding:8px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;width:40px;height:40px}.mobile-menu-close:hover{background:#0000001a;color:#333}.mobile-menu-close svg{width:24px;height:24px}.mobile-menu-content{flex:1;overflow-y:auto;padding:8px 0}.mobile-menu-section{padding:0}.mobile-menu-item{display:block;width:100%;padding:16px;background:none;border:none;text-align:left;font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent}.mobile-menu-item:hover{background:#f0f0f0;color:#007bff}.mobile-menu-item.active{background:#e7f3ff;color:#007bff;border-left-color:#007bff;font-weight:600}.mobile-menu-subitem{display:block;width:100%;padding:12px 16px 12px 32px;background:none;border:none;text-align:left;font-size:14px;color:#666;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent}.mobile-menu-subitem:hover{background:#f9f9f9;color:#007bff}.mobile-menu-subitem.active{background:#f0f8ff;color:#007bff;border-left-color:#007bff;font-weight:500}.mobile-menu-submenu{background:#fafafa;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.mobile-menu-divider{margin:8px 0;border:none;border-top:1px solid #e0e0e0;height:0}.mobile-menu-logout{color:#dc3545;border-left-color:transparent}.mobile-menu-logout:hover{background:#ffe7e7;color:#c82333}@media (min-width: 768px){.mobile-bottom-nav,.mobile-menu-overlay,.mobile-menu-modal{display:none!important}body.mobile-view .dashboard-main{padding-bottom:0}}@media (max-width: 480px){.mobile-bottom-nav{height:60px}.mobile-nav-container{padding:0 4px;gap:2px}.mobile-nav-item{max-width:70px;padding:6px 2px;gap:2px}.mobile-nav-label{font-size:9px}.mobile-menu-item{padding:14px 12px;font-size:15px}.mobile-menu-subitem{padding:10px 12px 10px 28px;font-size:13px}.mobile-menu-header{padding:12px;min-height:50px}.mobile-menu-header h2{font-size:16px}}@media (prefers-color-scheme: dark){.mobile-bottom-nav{background:#1e1e1e;border-top-color:#333}.mobile-nav-item{color:#999}.mobile-nav-item:hover{color:#fff;background:#ffffff1a}.mobile-menu-overlay{background:#0009}.mobile-menu-modal{background:#1e1e1e}.mobile-menu-header{background:#2a2a2a;border-bottom-color:#333}.mobile-menu-header h2{color:#fff}.mobile-menu-item{color:#ddd}.mobile-menu-item:hover{background:#2a2a2a}.mobile-menu-item.active{background:#007bff33}.mobile-menu-subitem{color:#999}.mobile-menu-subitem:hover,.mobile-menu-submenu{background:#252525}.mobile-menu-divider{border-top-color:#333}}.modal-overlay{position:fixed;inset:0 0 0 260px;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.orden-modal.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:auto!important;max-width:none!important;max-height:90vh;display:flex;flex-direction:column;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.orden-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef;background:var(--gradient-primary);color:#fff;border-radius:12px 12px 0 0}.orden-modal .modal-header h2{margin:0;font-size:20px;font-weight:600}.orden-modal .btn-close{background:none;border:none;font-size:32px;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.orden-modal .btn-close:hover{background:#fff3}.orden-modal .modal-body{padding:25px;overflow-y:auto;flex:1}.orden-info-section{margin-bottom:25px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:15px}.info-item{display:flex;flex-direction:column;gap:5px}.info-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:#2c3e50;font-weight:500}.orden-numero{font-size:18px;font-weight:700;color:#667eea}.orden-estado-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;text-align:center;width:fit-content}.observaciones-section{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px}.observaciones-text{margin:8px 0 0;color:#495057;font-size:14px;line-height:1.6;white-space:pre-wrap}.items-section{margin-bottom:25px}.items-section h3{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #667eea}.items-tabla-container{overflow-x:auto;border:1px solid #dee2e6;border-radius:8px}.items-tabla{width:100%;border-collapse:collapse;min-width:900px}.items-tabla thead{background:#f8f9fa}.items-tabla thead th{padding:12px 10px;text-align:left;font-weight:600;font-size:12px;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6}.items-tabla tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.items-tabla tbody tr:hover{background:#f8f9fa}.items-tabla tbody tr:last-child{border-bottom:none}.items-tabla td{padding:10px;font-size:14px;color:#495057}.insumo-cell{display:flex;flex-direction:column;gap:4px}.insumo-nombre{font-weight:500;color:#2c3e50}.insumo-rubro{font-size:11px;color:#6c757d;font-style:italic}.totales-section{background:#f8f9fa;border-radius:8px;padding:20px}.totales-grid{display:flex;flex-direction:column;gap:10px;max-width:400px;margin-left:auto}.total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #dee2e6}.total-row:last-child{border-bottom:none}.total-label{font-size:14px;color:#495057;font-weight:500}.total-value{font-size:16px;color:#2c3e50;font-weight:600}.total-final{margin-top:10px;padding-top:15px;border-top:2px solid #667eea;border-bottom:none}.total-final .total-label{font-size:16px;font-weight:700;color:#2c3e50}.total-final .total-value{font-size:20px;font-weight:700;color:#667eea}.modal-footer{padding:15px 25px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}.btn-secondary{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}@media (max-width: 768px){.modal-content{max-height:95vh}.modal-header{padding:15px 20px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.info-grid{grid-template-columns:1fr}.items-tabla-container{margin:0 -20px;border-radius:0;border-left:none;border-right:none}.totales-grid{max-width:100%}.modal-footer{padding:15px 20px}}.modal-importar-oc{background:#fff;border-radius:12px;width:95%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}.modal-importar-oc .modal-header{padding:24px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.modal-importar-oc .modal-header h2{margin:0;font-size:20px;font-weight:600;color:#212529}.modal-importar-oc .modal-close{background:none;border:none;font-size:32px;line-height:1;color:#6c757d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-importar-oc .modal-close:hover{background:#f8f9fa;color:#212529}.modal-importar-oc .modal-body{flex:1;overflow-y:auto;padding:20px}.loading-container,.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state p{font-size:16px;margin:0}.items-container{overflow-x:auto}.items-table{width:100%;border-collapse:collapse;font-size:14px}.items-table thead{background:#f8f9fa;position:sticky;top:0;z-index:10}.items-table th{padding:12px 8px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.items-table th:nth-child(1){width:40px}.items-table th:nth-child(2){width:120px}.items-table th:nth-child(3){width:100px}.items-table th:nth-child(4){min-width:200px}.items-table th:nth-child(5){width:80px}.items-table th:nth-child(6){width:90px}.items-table th:nth-child(7){width:90px}.items-table th:nth-child(8){width:90px}.items-table th:nth-child(9){width:100px}.items-table th:nth-child(10){width:100px}.items-table th:nth-child(11){width:100px}.items-table td{padding:10px 8px;border-bottom:1px solid #dee2e6;vertical-align:middle}.items-table td:nth-child(1){width:40px}.items-table td:nth-child(2){width:120px}.items-table td:nth-child(3){width:100px}.items-table td:nth-child(4){min-width:200px}.items-table td:nth-child(5){width:80px}.items-table td:nth-child(6){width:90px}.items-table td:nth-child(7){width:90px}.items-table td:nth-child(8){width:90px}.items-table td:nth-child(9){width:100px}.items-table td:nth-child(10){width:100px}.items-table td:nth-child(11){width:100px}.items-table tbody tr{transition:background .2s}.items-table tbody tr:hover{background:#f8f9fa}.items-table tbody tr.item-seleccionado{background:#e7f3ff}.items-table tbody tr.item-seleccionado:hover{background:#d0e7ff}.items-table tbody tr.item-ya-importado{background:#f8f9fa;opacity:.6;cursor:not-allowed}.items-table tbody tr.item-ya-importado:hover{background:#f8f9fa}.oc-numero{font-weight:600;color:#0d6efd;white-space:nowrap}.oc-fecha{color:#6c757d;white-space:nowrap}.cantidad-pendiente{font-weight:600;color:#d63384}.input-cantidad,.input-precio{width:100%;max-width:100px;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.input-cantidad:focus,.input-precio:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-importar-oc .modal-footer{padding:16px 24px;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.footer-info .items-count{font-size:14px;font-weight:600;color:#495057}.footer-actions{display:flex;gap:12px}.btn-cancelar,.btn-importar{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancelar{background:#fff;border:1px solid #dee2e6;color:#495057}.btn-cancelar:hover{background:#f8f9fa;border-color:#adb5bd}.btn-importar{background:var(--gradient-primary);color:#fff}.btn-importar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-importar:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.modal-importar-oc{width:100%;max-width:100%;max-height:100vh;border-radius:0}.items-table{font-size:12px}.items-table th,.items-table td{padding:8px 4px}.input-cantidad,.input-precio{max-width:80px;font-size:12px}.modal-importar-oc .modal-footer{flex-direction:column;gap:12px;align-items:stretch}.footer-actions{width:100%}.btn-cancelar,.btn-importar{flex:1}}.modal-importar-oc .header-content{flex:1}.modal-importar-oc .filtros-info{margin-top:8px}.modal-importar-oc .filtros-info small{color:#6c757d;font-size:13px;background:#f8f9fa;padding:4px 8px;border-radius:4px;border-left:3px solid #007bff}.modal-importar-oc .empty-state{text-align:center;padding:60px 40px;color:#6c757d}.modal-importar-oc .empty-state .empty-icon{font-size:48px;margin-bottom:20px;opacity:.5}.modal-importar-oc .empty-state h3{margin:0 0 12px;color:#495057;font-size:18px;font-weight:600}.modal-importar-oc .empty-state p{margin:8px 0;line-height:1.5;font-size:14px}.modal-importar-oc .empty-state ul{margin:8px 0;padding-left:20px}.modal-importar-oc .empty-state li{margin:4px 0}.email-confirm-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:10000}.email-confirm-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.email-confirm-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:var(--gradient-primary);color:#fff;border-radius:8px 8px 0 0}.email-confirm-header h2{margin:0;font-size:1.5rem;font-weight:600}.email-confirm-close-btn{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.email-confirm-close-btn:hover{background-color:#fff3}.email-confirm-content{padding:24px;flex:1;overflow-y:auto}.email-confirm-description{margin:0 0 16px;font-size:1rem;color:#333}.email-confirm-proveedor{margin:0 0 24px;padding:12px;background-color:#f5f5f5;border-radius:4px;font-size:.95rem;color:#555}.email-confirm-proveedor strong{color:#333}.email-confirm-input-group{margin-bottom:16px}.email-confirm-input-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:.95rem}.email-confirm-input-group input{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.email-confirm-input-group input:focus{outline:none;border-color:#667eea}.email-confirm-note{margin:16px 0 0;font-size:.85rem;color:#777;font-style:italic}.email-confirm-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e0e0e0;background-color:#fafafa;border-radius:0 0 8px 8px}.email-confirm-btn-cancel,.email-confirm-btn-confirm{padding:10px 20px;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.email-confirm-btn-cancel{background-color:#f5f5f5;color:#666}.email-confirm-btn-cancel:hover{background-color:#e0e0e0}.email-confirm-btn-confirm{background:var(--gradient-primary);color:#fff}.email-confirm-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.email-confirm-btn-confirm:active{transform:translateY(0)}.estado-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.estado-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:estadoModalFadeIn .2s ease-out}@keyframes estadoModalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.estado-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid var(--border-color-primary);background:var(--gradient-primary);border-radius:12px 12px 0 0}.estado-modal-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.estado-modal-close{background:#fff3;border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;line-height:1;padding:0}.estado-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.estado-modal-body{padding:25px;display:flex;flex-direction:column;gap:25px}.estado-info-orden{background:#f8f9fa;padding:12px 15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid #667eea;gap:15px}.info-compacta{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.orden-numero{font-weight:700;color:#212529;font-size:15px;white-space:nowrap}.orden-separador{color:#adb5bd;font-weight:700}.orden-proveedor{color:#495057;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.estado-badge-actual{display:inline-block;padding:5px 14px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.estado-selector-section{display:flex;flex-direction:column;gap:15px}.estado-label{font-weight:600;color:#495057;font-size:15px}.estados-grid{display:grid;grid-template-columns:1fr;gap:10px}.estado-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff;position:relative}.estado-option:hover{border-color:#667eea;background:#f8f9ff;transform:translate(4px)}.estado-option.selected{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#fff);box-shadow:0 2px 8px #667eea26}.estado-color-indicator{width:24px;height:24px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.estado-option-label{flex:1;font-weight:500;color:#495057;font-size:15px}.estado-check{color:#667eea;font-size:20px;font-weight:700}.estado-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 25px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 12px 12px}.btn-estado-cancelar,.btn-estado-guardar{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.btn-estado-cancelar{background:#fff;color:#6c757d;border:2px solid #dee2e6}.btn-estado-cancelar:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.btn-estado-guardar{background:var(--gradient-primary);color:#fff}.btn-estado-guardar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-estado-guardar:disabled,.btn-estado-cancelar:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.estado-modal{max-width:95%}.estado-modal-body{padding:20px}.estado-info-orden{flex-direction:column;align-items:stretch;gap:10px}.info-compacta{justify-content:center}.estado-badge-actual{text-align:center}.estado-modal-footer{padding:15px 20px}.btn-estado-cancelar,.btn-estado-guardar{flex:1;min-width:auto}}.ordenes-compra-list{padding:0}.ordenes-compra-list .filtros-section{background:#fff!important;border-radius:10px!important;padding:20px!important;margin-top:20px!important;margin-bottom:20px!important;box-shadow:0 2px 8px #0000001a!important}.ordenes-compra-list .filtros-group{display:grid!important;grid-template-columns:repeat(9,1fr)!important;grid-template-rows:auto auto!important;gap:15px!important;align-items:end!important}.ordenes-compra-list .filtro-fila-1:nth-child(1){grid-column:1 / 4!important;grid-row:1!important}.ordenes-compra-list .filtro-busqueda-general.filtro-fila-1{grid-column:4 / 7!important;grid-row:1!important}.ordenes-compra-list .filtro-btn-nueva.filtro-fila-1{grid-column:7 / 10!important;grid-row:1!important;align-self:end!important}.ordenes-compra-list .filtro-fila-2:nth-of-type(3){grid-column:1 / 2!important;grid-row:2!important}.ordenes-compra-list .filtro-fila-2:nth-of-type(4){grid-column:2 / 3!important;grid-row:2!important}.ordenes-compra-list .filtro-fila-2:nth-of-type(5){grid-column:3 / 7!important;grid-row:2!important}.ordenes-compra-list .filtros-acciones.filtro-fila-2{grid-column:7 / 10!important;grid-row:2!important}.ordenes-compra-list .filtro-item{display:flex!important;flex-direction:column!important;gap:5px!important;min-height:68px!important;justify-content:flex-end!important}.ordenes-compra-list .filtro-item label{font-size:12px!important;font-weight:500!important;color:#666!important;margin-bottom:3px!important;line-height:1.2!important;height:15px!important;display:block!important}.ordenes-compra-list .filtro-input,.ordenes-compra-list .filtro-select{width:100%!important;height:42px!important;padding:10px 15px!important;border:1px solid #ced4da!important;border-radius:5px!important;font-size:14px!important;transition:border-color .2s!important;box-sizing:border-box!important;margin:0!important}.ordenes-compra-list .filtro-input:focus,.ordenes-compra-list .filtro-select:focus{outline:none!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.ordenes-compra-list .combobox-container{position:relative!important;height:42px!important}.ordenes-compra-list .combobox-container input{width:100%!important;height:42px!important;padding:10px 35px 10px 15px!important;box-sizing:border-box!important}.ordenes-compra-list .btn-limpiar-input{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;background:none!important;border:none!important;font-size:20px!important;color:#999!important;cursor:pointer!important;padding:0!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:all .2s!important;line-height:1!important;margin:0!important}.ordenes-compra-list .btn-limpiar-input:hover{background:#f0f0f0!important;color:#666!important}.ordenes-compra-list .combobox-opciones{position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#fff!important;border:1px solid #ced4da!important;border-top:none!important;border-radius:0 0 5px 5px!important;max-height:200px!important;overflow-y:auto!important;z-index:1000!important;box-shadow:0 4px 6px #0000001a!important;margin-top:-1px!important}.ordenes-compra-list .combobox-opcion{padding:10px 15px!important;cursor:pointer!important;transition:background .2s!important;font-size:14px!important}.ordenes-compra-list .combobox-opcion:hover{background:#f5f5f5!important}.ordenes-compra-list .combobox-opcion-vacia{padding:10px 15px!important;color:#999!important;font-style:italic!important;font-size:14px!important}.ordenes-compra-list .multiselect-container{position:relative!important;height:42px!important}.ordenes-compra-list .multiselect-seleccionados{min-height:42px!important;max-height:42px!important;height:42px!important;padding:6px 15px!important;border:1px solid #ced4da!important;border-radius:5px!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:6px!important;align-items:center!important;background:#fff!important;cursor:pointer!important;transition:border-color .2s!important;box-sizing:border-box!important}.ordenes-compra-list .multiselect-seleccionados:hover{border-color:#667eea!important}.ordenes-compra-list .multiselect-placeholder{color:#999!important;font-size:14px!important;white-space:nowrap!important}.ordenes-compra-list .multiselect-tag{display:inline-flex!important;align-items:center!important;gap:6px!important;background:var(--gradient-primary)!important;color:#fff!important;padding:4px 10px!important;border-radius:12px!important;font-size:12px!important;font-weight:500!important;white-space:nowrap!important;flex-shrink:0!important}.ordenes-compra-list .multiselect-tag button{background:none!important;border:none!important;color:#fff!important;cursor:pointer!important;font-size:16px!important;padding:0!important;width:16px!important;height:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:background .2s!important;line-height:1!important;margin:0!important}.ordenes-compra-list .multiselect-tag button:hover{background:#fff3!important}.ordenes-compra-list .multiselect-opciones{position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#fff!important;border:1px solid #ced4da!important;border-top:none!important;border-radius:0 0 5px 5px!important;max-height:0!important;overflow:hidden!important;z-index:1000!important;box-shadow:0 4px 6px #0000001a!important;transition:max-height .3s ease!important;margin-top:-1px!important}.ordenes-compra-list .multiselect-container:hover .multiselect-opciones{max-height:250px!important;overflow-y:auto!important}.ordenes-compra-list .multiselect-opcion{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 15px!important;cursor:pointer!important;transition:background .2s!important}.ordenes-compra-list .multiselect-opcion:hover{background:#f5f5f5!important}.ordenes-compra-list .multiselect-opcion input[type=checkbox]{cursor:pointer!important;width:16px!important;height:16px!important;margin:0!important}.ordenes-compra-list .multiselect-opcion span{font-size:14px!important}.ordenes-compra-list .input-con-limpiar{position:relative!important;height:42px!important}.ordenes-compra-list .input-con-limpiar input{width:100%!important;height:42px!important;padding:10px 35px 10px 15px!important;box-sizing:border-box!important}.ordenes-compra-list .filtros-acciones{display:flex!important;gap:10px!important;align-items:flex-end!important;min-height:68px!important;padding-bottom:0!important;justify-content:flex-end!important}.ordenes-compra-list .btn-buscar,.ordenes-compra-list .btn-limpiar{height:42px!important;padding:10px 20px!important;border:none!important;border-radius:5px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;white-space:nowrap!important;box-sizing:border-box!important;margin:0!important}.ordenes-compra-list .btn-buscar{background:var(--gradient-primary)!important;color:#fff!important}.ordenes-compra-list .btn-buscar:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #667eea66!important}.ordenes-compra-list .btn-limpiar{background:#6c757d!important;color:#fff!important}.ordenes-compra-list .btn-limpiar:hover{background:#5a6268!important}.ordenes-compra-list .btn-nueva-orden-inline{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:10px 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 2px 8px #667eea4d!important;transition:all .2s ease!important;white-space:nowrap!important;width:100%!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.ordenes-compra-list .btn-nueva-orden-inline:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #667eea66!important}.ordenes-compra-list .btn-nueva-orden-inline:active{transform:translateY(0)!important;box-shadow:0 2px 6px #667eea4d!important}@media (max-width: 1400px){.ordenes-compra-list .filtros-group{grid-template-columns:repeat(6,1fr)!important;grid-template-rows:auto auto!important}.ordenes-compra-list .filtro-fila-1:nth-child(1){grid-column:1 / 3!important;grid-row:1!important}.ordenes-compra-list .filtro-busqueda-general.filtro-fila-1{grid-column:3 / 5!important;grid-row:1!important}.ordenes-compra-list .filtro-btn-nueva.filtro-fila-1{grid-column:5 / 7!important;grid-row:1!important}.ordenes-compra-list .filtro-fila-2:nth-of-type(3){grid-column:1 / 2!important;grid-row:2!important}.ordenes-compra-list .filtro-fila-2:nth-of-type(4){grid-column:2 / 3!important;grid-row:2!important}.ordenes-compra-list .filtro-fila-2:nth-of-type(5){grid-column:3 / 5!important;grid-row:2!important}.ordenes-compra-list .filtros-acciones.filtro-fila-2{grid-column:5 / 7!important;grid-row:2!important}}@media (max-width: 1024px){.ordenes-compra-list .filtros-group{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:auto auto auto auto auto auto!important}.ordenes-compra-list .filtro-fila-1:nth-child(1){grid-column:1 / 3!important;grid-row:1!important}.ordenes-compra-list .filtro-busqueda-general.filtro-fila-1{grid-column:1 / 3!important;grid-row:2!important}.ordenes-compra-list .filtro-btn-nueva.filtro-fila-1{grid-column:1 / 3!important;grid-row:3!important}.ordenes-compra-list .filtro-fila-2:nth-of-type(3){grid-column:1 / 2!important;grid-row:4!important}.ordenes-compra-list .filtro-fila-2:nth-of-type(4){grid-column:2 / 3!important;grid-row:4!important}.ordenes-compra-list .filtro-fila-2:nth-of-type(5){grid-column:1 / 3!important;grid-row:5!important}.ordenes-compra-list .filtros-acciones.filtro-fila-2{grid-column:1 / 3!important;grid-row:6!important;justify-content:center!important}}@media (max-width: 768px){.ordenes-compra-list .filtros-section{padding:15px!important}.ordenes-compra-list .filtros-group{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:12px!important}.ordenes-compra-list .filtro-fila-1:nth-child(1),.ordenes-compra-list .filtro-busqueda-general.filtro-fila-1,.ordenes-compra-list .filtro-btn-nueva.filtro-fila-1,.ordenes-compra-list .filtro-fila-2:nth-of-type(3),.ordenes-compra-list .filtro-fila-2:nth-of-type(4),.ordenes-compra-list .filtro-fila-2:nth-of-type(5),.ordenes-compra-list .filtros-acciones.filtro-fila-2{grid-column:1 / 2!important;grid-row:auto!important}.ordenes-compra-list .filtros-acciones{width:100%!important;flex-direction:column!important;gap:8px!important}.ordenes-compra-list .btn-buscar,.ordenes-compra-list .btn-limpiar{flex:1!important;width:100%!important}.ordenes-compra-list .filtro-item{min-height:auto!important}.ordenes-compra-list .filtro-input,.ordenes-compra-list .combobox-container input,.ordenes-compra-list .input-con-limpiar input,.ordenes-compra-list .multiselect-seleccionados{height:38px!important;font-size:13px!important;padding:8px 12px!important}.ordenes-compra-list .combobox-container input,.ordenes-compra-list .input-con-limpiar input{padding-right:32px!important}.ordenes-compra-list .multiselect-seleccionados{min-height:38px!important;max-height:38px!important;padding:5px 12px!important}.ordenes-compra-list .btn-buscar,.ordenes-compra-list .btn-limpiar,.ordenes-compra-list .btn-nueva-orden-inline{height:38px!important;padding:8px 16px!important;font-size:13px!important}}@media (max-width: 480px){.ordenes-compra-list .filtros-section{padding:12px!important}.ordenes-compra-list .filtros-group{gap:10px!important}.ordenes-compra-list .filtro-item label{font-size:11px!important}.ordenes-compra-list .multiselect-tag{font-size:11px!important;padding:3px 8px!important}}.ordenes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.orden-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.orden-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #667eea33;border:1px solid rgba(102,126,234,.3)}.orden-header{background:var(--gradient-primary);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.orden-numero{font-size:18px;font-weight:600}.orden-estado{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.orden-info{padding:20px;display:flex;flex-direction:column;gap:10px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:13px;color:#6c757d;font-weight:500}.info-value{font-size:14px;color:#2c3e50;font-weight:600}.orden-totales{padding:15px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:8px}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#495057}.total-final{margin-top:5px;padding-top:10px;border-top:2px solid #dee2e6;font-size:16px;font-weight:600;color:#2c3e50}.orden-actions{padding:15px 20px;background:#fff;border-top:1px solid #e9ecef;display:flex;gap:10px;flex-wrap:wrap}.btn-action{flex:1;padding:8px 16px;border:1px solid #dee2e6;border-radius:5px;background:#fff;color:#495057;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:5px;min-width:fit-content}.btn-action:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-editar:hover{background:#007bff;color:#fff;border-color:#007bff}.btn-ver:hover{background:#6f42c1;color:#fff;border-color:#6f42c1}.btn-estado:hover{background:#ffc107;color:#fff;border-color:#ffc107}.btn-pdf:hover:not(:disabled){background:#17a2b8;color:#fff;border-color:#17a2b8}.btn-pdf:disabled{opacity:.6;cursor:not-allowed}.btn-email:hover{background:#28a745;color:#fff;border-color:#28a745}.btn-eliminar:hover{background:#dc3545;color:#fff;border-color:#dc3545}.sin-ordenes{text-align:center;padding:60px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.sin-ordenes p{font-size:16px;color:#6c757d;margin:0;font-style:italic}.vista-control{display:flex;gap:10px;margin-bottom:20px;justify-content:flex-end}.btn-vista{padding:10px 20px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.btn-vista:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.btn-vista.active{background:var(--gradient-primary);color:#fff;border-color:var(--border-color-primary)}.ordenes-tabla-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:visible}.ordenes-tabla{width:100%;border-collapse:collapse}.ordenes-tabla thead{background:var(--gradient-primary);color:#fff}.ordenes-tabla thead th{padding:12px 10px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.ordenes-tabla thead th:first-child{border-top-left-radius:10px}.ordenes-tabla thead th:last-child{border-top-right-radius:10px}.ordenes-tabla tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease,transform .2s ease}.ordenes-tabla tbody tr.orden-row-clickable{cursor:pointer}.ordenes-tabla tbody tr.orden-row-clickable .acciones-cell{cursor:default;position:relative}.ordenes-tabla tbody tr:hover{background:#f0f4ff}.ordenes-tabla tbody tr:hover td:not(.acciones-cell){transform:scale(1.002)}.ordenes-tabla tbody tr:hover .acciones-cell{background:transparent}.ordenes-tabla tbody tr:last-child{border-bottom:none}.ordenes-tabla tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ordenes-tabla tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ordenes-tabla td{padding:8px 10px;font-size:13px;color:#495057}.orden-numero-cell{font-weight:600;color:#2c3e50}.text-right{text-align:right!important}.text-center{text-align:center!important}.total-cell{font-weight:700;color:#2c3e50}.estado-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-align:center;min-width:90px;white-space:nowrap}.acciones-col{width:60px;text-align:center!important}.acciones-cell{text-align:center}.acciones-menu{position:relative;display:inline-block;z-index:1}.acciones-menu:has(.menu-opciones.open){z-index:200}.btn-menu{padding:4px 10px;border:1px solid #dee2e6;background:#fff;border-radius:4px;cursor:pointer;font-size:18px;font-weight:700;transition:all .2s ease;color:#495057;line-height:1}.btn-menu:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.menu-opciones{display:none;position:absolute;right:0;top:100%;margin-top:0;background:#fff;border:1px solid #dee2e6;border-radius:5px;box-shadow:0 4px 12px #00000026;z-index:9999;min-width:180px}.ordenes-tabla tbody tr:nth-last-child(-n+3) .menu-opciones{top:auto;bottom:100%;margin-top:0;margin-bottom:5px}.acciones-menu .menu-opciones.open{display:block}.menu-item{display:block;width:100%;padding:10px 15px;border:none;background:#fff;text-align:left;cursor:pointer;font-size:13px;color:#495057;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.menu-item:last-child{border-bottom:none;border-radius:0 0 5px 5px}.menu-item:first-child{border-radius:5px 5px 0 0}.menu-item:hover:not(:disabled){background:#f8f9fa;color:#667eea}.menu-item:disabled{opacity:.6;cursor:not-allowed}.menu-item-eliminar:hover{background:#fff5f5;color:#dc3545}.acciones-inline{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.btn-tabla{padding:6px 10px;border:1px solid #dee2e6;background:#fff;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-tabla:hover{transform:translateY(-2px);box-shadow:0 2px 4px #00000026}.btn-tabla:disabled{opacity:.6;cursor:not-allowed}.btn-tabla.btn-editar:hover{background:#007bff;border-color:#007bff}.btn-tabla.btn-estado:hover{background:#ffc107;border-color:#ffc107}.btn-tabla.btn-pdf:hover:not(:disabled){background:#17a2b8;border-color:#17a2b8}.btn-tabla.btn-email:hover{background:#28a745;border-color:#28a745}.btn-tabla.btn-eliminar:hover{background:#dc3545;border-color:#dc3545}@media (max-width: 768px){.ordenes-grid{grid-template-columns:1fr}.filtros-group{flex-direction:column}.filtro-item,.btn-buscar,.btn-limpiar{width:100%}.orden-actions{flex-direction:column}.btn-action{width:100%}.ordenes-tabla-container{overflow-x:auto}.ordenes-tabla{min-width:1000px}.vista-control{justify-content:center}}.paginacion-container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:10px;margin-top:15px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:15px}.paginacion-info{font-size:13px;color:#495057;font-weight:500}.paginacion-selector{display:flex;align-items:center;gap:10px}.paginacion-selector label{font-size:13px;color:#495057;font-weight:500}.select-registros{padding:6px 10px;border:1px solid #ced4da;border-radius:5px;font-size:13px;cursor:pointer;background:#fff;transition:border-color .2s}.select-registros:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.paginacion-controles,.paginacion-numeros{display:flex;align-items:center;gap:5px}.btn-paginacion{padding:0 12px;height:36px;border:1px solid #dee2e6;background:#fff;border-radius:5px;cursor:pointer;font-size:14px;color:#495057;transition:all .2s ease;min-width:36px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn-paginacion:hover:not(:disabled){background:#f8f9fa;border-color:#667eea;color:#667eea}.btn-paginacion.active{background:var(--gradient-primary);color:#fff;border-color:var(--border-color-primary);font-weight:600}.paginacion-ellipsis{padding:0 8px;color:#adb5bd;font-size:14px;height:36px;display:inline-flex;align-items:center}@media (max-width: 768px){.paginacion-container{flex-direction:column;align-items:stretch}.paginacion-info,.paginacion-selector,.paginacion-controles{justify-content:center}.btn-paginacion{min-width:32px;padding:5px 10px;font-size:13px}}.oc-preview-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.oc-preview-modal{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.oc-preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid var(--border-color-primary);background:var(--gradient-primary)}.oc-preview-header h2{margin:0;color:#fff;font-size:22px;font-weight:600}.oc-preview-close{background:#fff3;border:none;color:#fff;font-size:32px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;line-height:1;padding:0}.oc-preview-close:hover{background:#ffffff4d;transform:rotate(90deg)}.oc-preview-content{flex:1;overflow-y:auto;padding:30px}.oc-preview-section{margin-bottom:30px}.oc-preview-section h3{margin:0 0 15px;color:#4c51bf;font-size:18px;font-weight:600;border-bottom:2px solid #e7e9fd;padding-bottom:8px}.oc-preview-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.oc-preview-info-item{display:flex;flex-direction:column;gap:5px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #667eea}.oc-preview-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.oc-preview-value{font-size:15px;color:#212529;font-weight:500}.oc-preview-estado{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.oc-preview-estado-pendiente{background:#fff3cd;color:#856404}.oc-preview-estado-aprobada{background:#d1ecf1;color:#0c5460}.oc-preview-estado-enviada{background:#d4edda;color:#155724}.oc-preview-estado-recibida{background:#cce5ff;color:#004085}.oc-preview-estado-cancelada{background:#f8d7da;color:#721c24}.oc-preview-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #dee2e6}.oc-preview-table{width:100%;border-collapse:collapse;font-size:14px}.oc-preview-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.oc-preview-table thead th{padding:12px;text-align:left;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.oc-preview-table tbody tr{border-bottom:1px solid #dee2e6;transition:background .2s}.oc-preview-table tbody tr:hover{background:#f8f9fa}.oc-preview-table tbody td{padding:12px;color:#495057}.oc-preview-table tbody td:nth-child(4),.oc-preview-table tbody td:nth-child(5),.oc-preview-table tbody td:nth-child(6),.oc-preview-table tbody td:nth-child(7){text-align:right}.oc-preview-table tfoot{background:#f8f9fa;font-weight:600}.oc-preview-total-row td{padding:10px 12px;border-top:1px solid #dee2e6}.oc-preview-total-label{text-align:right;color:#495057;font-weight:600}.oc-preview-total-final{background:#667eea;color:#fff}.oc-preview-total-final td{color:#fff;font-size:16px;padding:14px 12px}.oc-preview-observaciones{padding:15px;background:#f8f9fa;border-radius:6px;border-left:3px solid #667eea;margin:0;color:#495057;line-height:1.6;white-space:pre-wrap}.oc-preview-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 30px;border-top:1px solid #dee2e6;background:#f8f9fa;border-radius:0 0 12px 12px}.oc-preview-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.oc-preview-btn:disabled{opacity:.6;cursor:not-allowed}.oc-preview-btn-secondary{background:#6c757d;color:#fff}.oc-preview-btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.oc-preview-btn-primary{background:var(--gradient-primary);color:#fff}.oc-preview-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.oc-preview-btn-success{background:linear-gradient(135deg,#20c997,#17a2b8);color:#fff}.oc-preview-btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #20c99766}.oc-preview-btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.oc-preview-btn-whatsapp:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #25d36666}.oc-preview-confirmacion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:10001;animation:fadeIn .2s ease}.oc-preview-confirmacion-modal{background:#fff;border-radius:12px;padding:0;max-width:450px;width:90%;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}.oc-preview-confirmacion-header{padding:24px 24px 16px;border-bottom:1px solid #dee2e6}.oc-preview-confirmacion-header h3{margin:0;font-size:20px;font-weight:600;color:#212529}.oc-preview-confirmacion-body{padding:24px}.oc-preview-confirmacion-body p{margin:0;font-size:16px;color:#495057;line-height:1.6}.oc-preview-confirmacion-body strong{color:#212529;font-weight:600}.oc-preview-confirmacion-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #dee2e6}@media (max-width: 768px){.oc-preview-modal{max-width:100%;max-height:100vh;border-radius:0}.oc-preview-content{padding:20px}.oc-preview-info-grid{grid-template-columns:1fr}.oc-preview-footer{flex-direction:column}.oc-preview-btn{width:100%;justify-content:center}}.ordenes-compra-form-container{padding:0;max-width:1400px;margin:0 auto}.form-back{margin-top:20px;margin-bottom:20px}.btn-back{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s ease}.ordenes-compra-form{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:30px}.section-header-with-numero{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header-with-numero h3{margin:0}.numero-orden-inline{display:flex;align-items:center;gap:10px}.numero-orden-inline label{font-weight:500;color:#495057;font-size:14px;white-space:nowrap}.numero-orden-inline input{width:200px;padding:8px 12px;border:1px solid #ced4da;border-radius:5px;font-size:14px;background:#e9ecef;color:#6c757d;cursor:not-allowed}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0}.form-row-numero{display:flex!important;justify-content:flex-end!important;grid-template-columns:unset!important}.form-row-numero .form-group{max-width:300px;width:100%}.form-row-triple{grid-template-columns:1fr 1fr 1fr!important}.form-row-doble{grid-template-columns:1fr 1fr!important}.form-group label{font-weight:500;color:#495057;font-size:14px}.form-group textarea{resize:vertical;min-height:42px;height:42px;line-height:1.5;overflow-y:auto}.textarea-observaciones{resize:vertical!important;min-height:42px!important;height:42px!important}.input-disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.form-group .combobox-container{position:relative}.form-group .combobox-container input{width:100%;padding-right:35px}.form-group .btn-limpiar-input{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.form-group .btn-limpiar-input:hover{background:#f0f0f0;color:#666}.form-group .combobox-opciones{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ced4da;border-top:none;border-radius:0 0 5px 5px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;margin-top:-1px}.form-group .combobox-opcion{padding:10px 15px;cursor:pointer;transition:background .2s;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.form-group .combobox-opcion:hover{background:#f5f5f5}.form-group .proyecto-nombre{flex:1}.form-group .proyecto-badge-progreso{font-size:11px;padding:2px 8px;background:#28a745;color:#fff;border-radius:10px;font-weight:500;white-space:nowrap}.form-group .combobox-opcion-vacia{padding:10px 15px;color:#999;font-style:italic;font-size:14px}.form-hint{font-size:12px;color:#6c757d;font-style:italic}.btn-agregar-item{padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-agregar-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sin-items{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:8px;color:#6c757d;font-style:italic}.items-table{display:flex;flex-direction:column;gap:10px;overflow:visible}.items-header,.item-row{display:grid;grid-template-columns:3.5fr 2.5fr .7fr .8fr .6fr .6fr 1fr 1fr 50px;gap:10px;align-items:center;padding:10px}.items-header{background:#f8f9fa;border-radius:5px;font-weight:600;font-size:13px;color:#495057}.item-row{background:#fff;border:1px solid #e9ecef;border-radius:5px;transition:background .2s;position:relative;z-index:1;overflow:visible}.item-row:hover{background:#f8f9fa;z-index:2}.col-insumo{position:relative;overflow:visible;z-index:inherit}.item-row select,.item-row input{padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px;width:100%;box-sizing:border-box}.item-row input[type=number]::-webkit-outer-spin-button,.item-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.item-row input[type=number]{-moz-appearance:textfield;appearance:textfield}.insumo-combobox-wrapper{display:flex;gap:5px;align-items:stretch;position:relative;overflow:visible}.insumo-selected{flex:1;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #28a745;border-radius:4px;background:#d4edda;font-size:13px}.insumo-selected-text{flex:1;color:#155724;font-weight:500}.btn-limpiar-insumo{background:none;border:none;color:#155724;font-size:18px;cursor:pointer;padding:0 5px;line-height:1;transition:color .2s}.btn-limpiar-insumo:hover{color:#dc3545}.insumo-search-wrapper{flex:1;position:relative;overflow:visible}.insumo-search-input{width:100%;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px;box-sizing:border-box}.insumo-search-input:focus{outline:none;border-color:#667eea}.insumo-dropdown{position:absolute;top:100%;left:0;min-width:600px;width:max-content;max-width:750px;background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 4px 4px;max-height:300px;overflow-y:auto;z-index:9999;box-shadow:0 4px 8px #0000001a}.insumo-dropdown-item{display:grid;grid-template-columns:70px 1fr 110px;gap:12px;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f1f3f5;transition:background .2s;align-items:center}.insumo-dropdown-item:hover{background:#f8f9fa}.insumo-dropdown-item:last-child{border-bottom:none}.insumo-dropdown-codigo{font-weight:600;color:#667eea;font-size:12px}.insumo-dropdown-nombre{color:#2c3e50;font-weight:500;font-size:13px}.insumo-dropdown-unidad{text-align:right;color:#6c757d;font-size:11px;background:#e9ecef;padding:2px 8px;border-radius:10px;font-weight:600}.btn-modal-insumo{padding:8px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .3s ease;flex-shrink:0;height:auto;display:flex;align-items:center;justify-content:center}.btn-modal-insumo:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.btn-modal-insumo:active{transform:translateY(0)}.rubro-combobox-wrapper{display:flex;gap:5px;align-items:stretch;position:relative;overflow:visible}.rubro-selected{flex:1;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border:1px solid #667eea;border-radius:4px;background:#e7e9fd;font-size:13px;min-height:38px}.rubro-selected-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.rubro-breadcrumb{font-size:10px;color:#868e96;font-weight:400;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rubro-selected-text{color:#4c51bf;font-weight:500;font-size:13px;line-height:1.3}.btn-limpiar-rubro{background:none;border:none;color:#4c51bf;font-size:18px;cursor:pointer;padding:0 5px;line-height:1;transition:color .2s}.btn-limpiar-rubro:hover{color:#dc3545}.rubro-search-wrapper{flex:1;position:relative;overflow:visible}.rubro-search-input{width:100%;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px;box-sizing:border-box}.rubro-search-input:focus{outline:none;border-color:#667eea}.rubro-search-input:disabled{background:#e9ecef;cursor:not-allowed;color:#6c757d}.rubro-dropdown{position:absolute;top:100%;left:0;min-width:400px;width:max-content;max-width:600px;background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 4px 4px;max-height:350px;overflow-y:auto;z-index:9999;box-shadow:0 4px 8px #0000001a}.rubro-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f1f3f5;transition:background .2s;font-size:13px}.rubro-dropdown-item:hover{background:#f8f9fa}.rubro-dropdown-item:last-child{border-bottom:none}.rubro-nivel-0{background:#f8f9fa;font-weight:600;border-left:4px solid #667eea;font-size:13px}.rubro-nivel-0:hover{background:#e7e9fd}.rubro-nivel-1{background:#fff;font-weight:500;font-size:13px;border-left:4px solid #a0aec0}.rubro-nivel-1:hover{background:#f7fafc}.rubro-nivel-2{background:#fff;font-weight:400;border-left:4px solid #cbd5e0;font-size:12px}.rubro-nivel-2:hover{background:#f7fafc}.rubro-nivel-3{background:#fafafa;font-weight:400;border-left:4px solid #e2e8f0;font-size:12px;font-style:italic}.rubro-nivel-3:hover{background:#edf2f7}.rubro-dropdown-nombre{color:#2c3e50;flex:1}.rubro-dropdown-badge{font-size:10px;padding:2px 6px;background:#e9ecef;color:#6c757d;border-radius:8px;font-weight:600;margin-left:8px}.rubro-dropdown-item.disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa!important;color:#adb5bd}.rubro-dropdown-item.disabled:hover{background:#f8f9fa!important}.rubro-dropdown-item.disabled .rubro-dropdown-nombre{color:#adb5bd}.rubro-tiene-hijos{font-size:11px;font-style:italic;color:#868e96;font-weight:400}.item-row input:focus,.item-row select:focus{outline:none;border-color:#667eea}.col-subtotal,.col-total{font-weight:600;color:#2c3e50;font-size:13px}.btn-eliminar-item{padding:6px;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:16px;transition:all .3s ease;width:100%}.btn-eliminar-item:hover{background:#dc3545;color:#fff;border-color:#dc3545;transform:translateY(-1px)}.totales-container{display:flex;flex-direction:column;gap:8px;max-width:400px;margin-left:auto;padding:15px 20px;background:#fff;border-radius:8px;border:1px solid #dee2e6}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:0;border:none!important;background:transparent!important;box-shadow:none!important}.total-label{color:#495057;font-weight:500}.total-value{color:#2c3e50;font-weight:600}.total-final{margin-top:8px;padding-top:12px;border-top:2px solid #dee2e6!important;border-bottom:none!important;border-left:none!important;border-right:none!important;font-size:18px}.total-final .total-label,.total-final .total-value{color:#2c3e50;font-weight:700}.btn-cancelar,.btn-guardar{padding:12px 30px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancelar{background:#6c757d;color:#fff}.btn-cancelar:hover{background:#5a6268}.btn-guardar{background:var(--gradient-primary);color:#fff}.btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-guardar:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.items-header,.item-row{grid-template-columns:1.5fr 1.5fr .8fr .8fr .6fr 1fr 1fr 50px;font-size:12px}.form-row-triple{grid-template-columns:1fr 1fr!important}.form-row-triple .form-group:last-child{grid-column:1 / -1}}@media (max-width: 768px){.ordenes-compra-form-container{padding:0}.ordenes-compra-form{padding:20px}.section-header-with-numero{flex-direction:column;align-items:flex-start;gap:15px}.numero-orden-inline{width:100%;flex-direction:column;align-items:flex-start;gap:5px}.numero-orden-inline input{width:100%}.form-row,.form-row-triple,.form-row-doble{grid-template-columns:1fr!important;gap:15px}.form-row-numero{justify-content:flex-start!important}.form-row-numero .form-group{max-width:100%}.items-table{overflow-x:scroll}.items-header,.item-row{min-width:900px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.totales-container{max-width:100%}}.items-pendientes-container{padding:20px}.items-pendientes-loading{text-align:center;padding:40px;font-size:16px;color:#666}.items-pendientes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.items-pendientes-header h2{margin:0;color:#2d3748;font-size:24px}.items-pendientes-count{background:#667eea;color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.items-pendientes-filtros-section{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.items-pendientes-filtros-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:end}.items-pendientes-filtro-item{display:flex;flex-direction:column;gap:5px}.items-pendientes-filtro-item label{font-size:12px;font-weight:500;color:#666;margin-bottom:3px}.items-pendientes-filtro-input{width:100%;height:42px;padding:10px 15px;border:1px solid #ced4da;border-radius:5px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.items-pendientes-filtro-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.items-pendientes-combobox-container{position:relative;height:42px}.items-pendientes-combobox-container input{width:100%;height:42px;padding:10px 35px 10px 15px;box-sizing:border-box}.items-pendientes-btn-limpiar-input{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1;margin:0}.items-pendientes-btn-limpiar-input:hover{background:#f0f0f0;color:#666}.items-pendientes-combobox-opciones{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ced4da;border-top:none;border-radius:0 0 5px 5px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;margin-top:-1px}.items-pendientes-combobox-opcion{padding:10px 15px;cursor:pointer;transition:background .2s;font-size:14px}.items-pendientes-combobox-opcion:hover{background:#f5f5f5}.items-pendientes-combobox-opcion-vacia{padding:10px 15px;color:#999;font-style:italic;font-size:14px}.items-pendientes-filtros-acciones{display:flex;gap:10px;align-items:flex-end}.items-pendientes-btn-buscar,.items-pendientes-btn-limpiar{padding:10px 20px;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;height:42px}.items-pendientes-btn-buscar{background:#667eea;color:#fff;flex:1}.items-pendientes-btn-buscar:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.items-pendientes-btn-limpiar{background:#f3f4f6;color:#6b7280;flex:1}.items-pendientes-btn-limpiar:hover{background:#e5e7eb}.items-pendientes-multiselect-container{position:relative;height:42px}.items-pendientes-multiselect-seleccionados{min-height:42px;max-height:42px;height:42px;padding:6px 15px;border:1px solid #ced4da;border-radius:5px;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:6px;align-items:center;background:#fff;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.items-pendientes-multiselect-seleccionados:hover{border-color:#667eea}.items-pendientes-multiselect-placeholder{color:#999;font-size:14px;white-space:nowrap}.items-pendientes-multiselect-tag{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0}.items-pendientes-multiselect-tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;line-height:1;margin:0}.items-pendientes-multiselect-tag button:hover{background:#fff3}.items-pendientes-multiselect-opciones{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ced4da;border-top:none;border-radius:0 0 5px 5px;max-height:0;overflow:hidden;z-index:1000;box-shadow:0 4px 6px #0000001a;transition:max-height .3s ease;margin-top:-1px}.items-pendientes-multiselect-container:hover .items-pendientes-multiselect-opciones{max-height:250px;overflow-y:auto}.items-pendientes-multiselect-opcion{display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;transition:background .2s}.items-pendientes-multiselect-opcion:hover{background:#f5f5f5}.items-pendientes-multiselect-opcion input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.items-pendientes-multiselect-opcion span{font-size:14px}.items-pendientes-sin-items{text-align:center;padding:60px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.items-pendientes-sin-items p{color:#6b7280;font-size:16px;margin:0}.items-pendientes-tabla-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.items-pendientes-tabla{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.items-pendientes-tabla thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.items-pendientes-tabla thead th{padding:10px 8px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.items-pendientes-tabla tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.items-pendientes-tabla tbody tr:hover{background:#f8f9fa}.items-pendientes-tabla tbody td{padding:10px 8px;color:#495057;overflow:hidden;text-overflow:ellipsis}.items-pendientes-tabla tfoot{background:#f8f9fa;font-weight:600}.items-pendientes-tabla tfoot td{padding:10px 8px;border-top:2px solid #dee2e6;font-size:12px}.items-pendientes-oc-numero{font-weight:600;color:#667eea;width:100px}.items-pendientes-insumo-nombre{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-pendientes-text-center{text-align:center;width:60px}.items-pendientes-text-right{text-align:right;width:80px}.items-pendientes-cantidad-recibida{color:#10b981;font-weight:600}.items-pendientes-cantidad-pendiente{color:#f59e0b;font-weight:600}.items-pendientes-subtotal-pendiente{font-weight:600;color:#dc2626;width:100px}.items-pendientes-fecha-entrega{font-weight:500;width:90px}.items-pendientes-estado-badge{display:inline-block;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}@media (max-width: 1200px){.items-pendientes-filtros-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.items-pendientes-filtros-grid{grid-template-columns:1fr}.items-pendientes-header{flex-direction:column;align-items:flex-start;gap:10px}.items-pendientes-tabla-wrapper{overflow-x:auto}.items-pendientes-tabla{min-width:1200px}}.ordenes-compra-manager{height:100%;overflow-y:auto}.ordenes-compra-manager-content{max-width:1400px;margin:0 auto}.ordenes-compra-manager-header{padding:20px;position:relative}.ordenes-compra-manager-header h2{margin:0;font-size:28px}.ordenes-compra-manager-main{padding:0 20px 20px}.tabs-container{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-primary);border-radius:0}.tab-button{padding:1rem 2rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;transition:all var(--transition-fast);border-radius:0}.tab-button:hover{background:var(--border-light);color:var(--text-secondary);border-radius:0}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-white);border-radius:0}.action-bar{padding:0 20px 15px;display:flex;justify-content:flex-end}.btn-nueva-orden{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #667eea4d;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-nueva-orden:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-nueva-orden:active{transform:translateY(0);box-shadow:0 2px 6px #667eea4d}@media (max-width: 768px){.tabs-container{padding:0 10px}.tab-button{padding:10px 16px;font-size:14px}.action-bar{padding:0 10px 15px}.btn-nueva-orden{padding:10px 20px;font-size:14px}}.configuraciones-container{padding:2rem;max-width:1200px;margin:0 auto}.configuraciones-header{margin-bottom:2rem}.configuraciones-header h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.75rem;font-weight:600}.configuraciones-subtitle{color:var(--text-muted);font-size:.95rem;margin:0}.mensaje-config{padding:1rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-weight:500;animation:slideDown .3s ease-out}.mensaje-config.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.mensaje-config.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.configuraciones-content{display:flex;flex-direction:column;gap:2rem}.config-categoria{background:var(--bg-white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.config-categoria-titulo{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light)}.config-categoria-icon{font-size:1.5rem}.config-items{display:flex;flex-direction:column;gap:1.25rem}.config-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-primary);border-radius:var(--radius-md);transition:background-color .2s}.config-item:hover{background:#f8f9fa}.config-item-info{flex:1;margin-right:2rem}.config-item-nombre{font-weight:500;color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem}.config-item-descripcion{font-size:.85rem;color:var(--text-muted);line-height:1.4}.config-item-control{flex-shrink:0}.config-toggle{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.config-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:50px;height:26px;background-color:#ccc;border-radius:26px;transition:background-color .3s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:transform .3s;box-shadow:0 2px 4px #0003}.config-toggle input:checked+.toggle-slider{background-color:var(--color-primary)}.config-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);min-width:80px}.config-toggle input:checked~.toggle-label{color:var(--color-primary)}.config-input-number{width:100px;padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;text-align:center;transition:border-color .2s,box-shadow .2s}.config-input-number:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.config-input-text{width:250px;padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.config-input-text:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.configuraciones-footer{margin-top:2rem;padding:1.5rem;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-light)}.config-info{flex:1}.cambios-pendientes{color:#ff9800;font-weight:500;font-size:.9rem;padding:.5rem 1rem;background:#fff3e0;border-radius:var(--radius-md);display:inline-block}.config-actions{display:flex;gap:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.config-item{flex-direction:column;align-items:flex-start;gap:1rem}.config-item-info{margin-right:0}.configuraciones-footer{flex-direction:column;gap:1rem}.config-actions{width:100%;flex-direction:column}.config-actions button,.config-input-text{width:100%}}.dashboard-indicadores{padding:1.5rem 2rem;background:#f6f7f9;min-height:100%}.indicadores-header{margin-bottom:1.75rem;display:flex;align-items:baseline;gap:1rem}.indicadores-header h2{margin:0;font-size:1.3rem;color:#1a1a2e;font-weight:600;letter-spacing:-.3px}.indicadores-subtitle{margin:0;color:#9099a8;font-size:.82rem}.kpi-groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.25rem}.kpi-group{background:#fff;border-radius:7px;box-shadow:0 1px 4px #00000012;overflow:hidden}.kpi-group-header{padding:.55rem 1rem;background:#23263a;color:#ffffffd9;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:flex;justify-content:space-between;align-items:center}.kpi-nav-btn{background:#ffffff1f;color:#ffffffbf;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:.15rem .55rem;font-size:.65rem;font-weight:600;cursor:pointer;letter-spacing:.3px;transition:background .15s ease,color .15s ease;white-space:nowrap;flex-shrink:0}.kpi-nav-btn:hover{background:#ffffff38;color:#fff}.kpi-row-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem .6rem .85rem;border-bottom:1px solid #f2f4f7;border-left:3px solid transparent;gap:1rem}.kpi-row-item:last-child{border-bottom:none}.kpi-row-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.kpi-row-title{font-size:.83rem;color:#3a3f4b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-row-sub{font-size:.7rem;color:#b0b8c4}.kpi-row-value{font-size:1.05rem;font-weight:700;text-align:right;white-space:nowrap;flex-shrink:0}.kpi-row-item.kpi-row-danger{border-left-color:#e74c3c}.kpi-row-item.kpi-row-warning{border-left-color:#e67e22}.kpi-row-item.kpi-row-alert{border-left-color:#922b21}.kpi-row-item.kpi-row-ok{border-left-color:#27ae60}.kpi-row-item.kpi-row-neutral{border-left-color:#3498db}.kpi-value-danger{color:#c0392b}.kpi-value-warning{color:#d35400}.kpi-value-alert{color:#7b241c}.kpi-value-ok{color:#1e8449}.kpi-value-neutral{color:#2471a3}.error-message{background-color:#fff5f5;color:#c0392b;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.25rem;border-left:3px solid #e74c3c;font-size:.85rem}.refresh-btn{background:none;color:#8a919e;border:1px solid #dde1e7;padding:.45rem 1rem;border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:500;margin-top:1rem;transition:all .15s ease}.refresh-btn:hover:not(:disabled){background:#fff;color:#3a3f4b;border-color:#bcc2cc}.refresh-btn:disabled{opacity:.5;cursor:default}@media (max-width: 768px){.dashboard-indicadores{padding:1rem}.indicadores-header{flex-direction:column;gap:.25rem}.kpi-groups-grid{grid-template-columns:1fr}}.proyectos-container{padding:20px;max-width:100%;margin:0 auto}.proyectos-filtros{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.filtro-busqueda{flex:1;min-width:250px;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px}.filtro-select{padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;min-width:180px;background:#fff;cursor:pointer}.btn-limpiar{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background .2s}.btn-limpiar:hover{background:#5a6268}.proyectos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.proyecto-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.proyecto-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px #00000026}.proyecto-card-header{padding:20px;background:var(--gradient-primary);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.proyecto-card-header h3{margin:0;font-size:18px;flex:1}.proyecto-estado{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.proyecto-card-body{padding:20px;flex:1;display:flex;flex-direction:column;gap:12px}.proyecto-cliente{margin:0;color:#495057;font-size:14px}.proyecto-descripcion{margin:0;color:#6c757d;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proyecto-stats{display:flex;gap:20px;padding:15px;background:#f8f9fa;border-radius:5px}.stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:600;color:#2c3e50}.proyecto-progreso{margin-top:5px}.progreso-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:#495057;font-weight:500}.progreso-barra{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progreso-fill{height:100%;transition:width .3s ease;border-radius:4px}.progreso-footer{margin-top:8px;font-size:12px;color:#6c757d;text-align:right}.proyecto-fechas{margin:0;font-size:13px;color:#6c757d}.proyecto-card-footer{padding:16px 20px;background:linear-gradient(to bottom,#fff,#f8f9fa);display:flex;flex-direction:column;gap:12px;border-top:1px solid #e9ecef}.proyecto-actions-primary{display:flex;gap:10px}.btn-action{flex:1;padding:10px 16px;border:2px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn-action:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn-action:hover:before{width:300px;height:300px}.btn-icon-emoji{font-size:16px;z-index:1}.btn-text{z-index:1}.btn-action-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;border-color:#5568d3}.btn-action-primary:active{transform:translateY(0)}.btn-action-info{background:linear-gradient(135deg,#11998e,#38ef7d);border-color:#11998e;color:#fff;box-shadow:0 2px 8px #11998e4d}.btn-action-info:hover{transform:translateY(-2px);box-shadow:0 4px 12px #11998e66;border-color:#0e8077}.btn-action-info.active{background:linear-gradient(135deg,#38ef7d,#11998e);box-shadow:0 4px 12px #11998e80,inset 0 2px 4px #0000001a}.proyecto-actions-secondary{display:flex;gap:8px;justify-content:flex-end}.btn-action-icon{width:36px;height:36px;padding:0;background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.btn-action-icon:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);background:#000000d9;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100}.btn-action-icon:hover:after{opacity:1;transform:translate(-50%) scale(1)}.btn-action-edit{border-color:#ffc107;color:#ff8f00;background:linear-gradient(135deg,#fff9e6,#fff)}.btn-action-edit:hover{background:linear-gradient(135deg,#ffc107,#ffb300);border-color:#ffb300;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #ffc10766}.btn-action-status{border-color:#6366f1;color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#fff)}.btn-action-status:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#4f46e5;color:#fff;transform:translateY(-2px) scale(1.05) rotate(90deg);box-shadow:0 4px 12px #6366f166}.btn-action-delete{border-color:#ef4444;color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fff)}.btn-action-delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #ef444466}.btn-action-icon:active{transform:translateY(0) scale(.95)}.proyecto-ventas-panel{border-top:2px solid #198754;background:#f6fdf8;padding:14px 16px;animation:fadeInPanel .18s ease}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.proyecto-ventas-loading,.proyecto-ventas-empty{text-align:center;color:#6c757d;font-size:13px;padding:8px 0;margin:0}.proyecto-ventas-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:10px}.proyecto-ventas-table thead tr{background:#d4edda}.proyecto-ventas-table th{padding:6px 10px;text-align:left;font-weight:600;color:#155724;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.proyecto-ventas-table td{padding:6px 10px;border-bottom:1px solid #e4f2e4;color:#333;vertical-align:middle}.proyecto-ventas-table tbody tr:last-child td{border-bottom:none}.proyecto-ventas-table tbody tr:hover td{background:#e9f7ec}.venta-anulada td{opacity:.5;text-decoration:line-through}.venta-nro{font-family:monospace;font-size:12px;color:#555}.venta-total{text-align:right;font-weight:600;white-space:nowrap}.venta-estado{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.venta-estado-activo{background:#d4edda;color:#155724}.venta-estado-anulado{background:#f8d7da;color:#721c24}.proyecto-ventas-totales{display:flex;gap:24px;justify-content:flex-end;padding-top:8px;border-top:1px solid #c3e6cb;font-size:14px;color:#155724}.proyecto-ventas-totales span{white-space:nowrap}.sin-resultados{text-align:center;padding:60px 20px;color:#6c757d}.sin-resultados p{font-size:18px;margin-bottom:20px}@media (max-width: 768px){.proyectos-grid{grid-template-columns:1fr}.proyectos-filtros{flex-direction:column}.filtro-busqueda,.filtro-select{width:100%;min-width:unset}.proyecto-actions-primary{flex-direction:column}.btn-action{width:100%}.proyecto-actions-secondary{justify-content:center}.btn-action-icon{flex:0 0 auto}}.modal-overlay-estado-proyecto{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container-estado-proyecto{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-estado-proyecto{padding:24px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.modal-header-estado-proyecto h2{margin:0;font-size:22px;font-weight:600}.modal-close-estado-proyecto{background:#fff3;border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0}.modal-close-estado-proyecto:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body-estado-proyecto{padding:28px}.proyecto-nombre-estado{margin:0 0 8px;font-size:18px;color:#2c3e50}.proyecto-nombre-estado strong{color:#667eea}.instrucciones-estado{margin:0 0 24px;color:#6c757d;font-size:14px}.estados-grid-proyecto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.estado-card-proyecto{border:3px solid;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative}.estado-card-proyecto:not(.estado-actual){cursor:pointer}.estado-card-proyecto:not(.estado-actual):hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #00000026}.estado-card-proyecto:not(.estado-actual):active{transform:translateY(-2px) scale(1.01)}.estado-card-proyecto.estado-actual{border-width:4px;box-shadow:0 4px 16px #00000026;background:#f8f9fa}.estado-card-header-proyecto{padding:16px;display:flex;align-items:center;gap:10px;color:#fff;font-weight:600}.estado-icono-proyecto{font-size:24px}.estado-nombre-proyecto{font-size:16px;flex:1}.estado-card-body-proyecto{padding:14px;background:#fff}.estado-card-proyecto.estado-actual .estado-card-body-proyecto{background:#f8f9fa}.estado-descripcion-proyecto{margin:0;color:#6c757d;font-size:13px;line-height:1.5}.estado-badge-actual-proyecto{margin-top:12px;display:inline-flex;align-items:center;gap:6px}.estado-badge-actual-proyecto span{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #667eea4d}.modal-footer-estado-proyecto{padding:20px 28px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 16px 16px}.btn-cancelar-estado-proyecto{padding:10px 24px;background:#fff;border:2px solid #dee2e6;color:#495057;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancelar-estado-proyecto:hover{background:#e9ecef;border-color:#adb5bd}@media (max-width: 768px){.modal-container-estado-proyecto{width:95%;max-height:95vh}.estados-grid-proyecto{grid-template-columns:1fr}.modal-header-estado-proyecto{padding:20px}.modal-header-estado-proyecto h2{font-size:18px}.modal-body-estado-proyecto{padding:20px}.modal-footer-estado-proyecto{padding:16px 20px}}.modal-container-estado-proyecto::-webkit-scrollbar{width:8px}.modal-container-estado-proyecto::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 16px 16px 0}.modal-container-estado-proyecto::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.modal-container-estado-proyecto::-webkit-scrollbar-thumb:hover{background:#5568d3}.proyectos-form-container{padding:0;max-width:900px;margin:0 auto}.proyectos-form-back{margin-top:20px;margin-bottom:20px}.proyectos-form{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:30px}.form-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e9ecef}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{margin:0 0 20px;font-size:18px;color:#495057;font-weight:600}.form-section>.form-group{margin-bottom:20px}.form-section>.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{margin-bottom:0;font-weight:500;color:#495057;font-size:14px}.form-group .required{color:#dc3545}.form-group input,.form-group select,.form-group textarea{padding:10px 15px;border:1px solid #ced4da;border-radius:5px;font-size:14px;font-family:inherit;transition:border-color .2s;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.form-hint{margin-top:0;font-size:12px;color:#6c757d;font-style:italic}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.loading{text-align:center;padding:60px 20px;font-size:18px;color:#6c757d}@media (max-width: 768px){.proyectos-form-container{padding:0}.proyectos-form{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.rubros-manager-container{padding:20px;max-width:100%;margin:0 auto;position:relative}.rubros-back{margin-bottom:20px}.btn-back{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background .2s}.btn-back:hover{background:#5a6268}.proyecto-resumen{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:15px;margin-bottom:20px}.rubros-actions{margin-bottom:20px;display:flex;justify-content:flex-end}.btn-add-rubro{padding:12px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 2px 8px #667eea4d;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-add-rubro:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-add-rubro:active{transform:translateY(0)}.proyecto-info-card{background:var(--gradient-primary);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;margin-bottom:0}.proyecto-info-card h3{margin:0 0 10px;font-size:20px;font-weight:600}.proyecto-info-card .cliente-nombre{margin:0;font-size:14px;opacity:.9}.tabs-container{display:flex;background:#f5f5f5;border-radius:10px;margin-bottom:0}.resumen-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:8px}.resumen-label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.resumen-valor{font-size:20px;font-weight:600;color:#2c3e50}.rubros-arbol{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px}.rubro-item{border-bottom:1px solid #e9ecef}.rubro-item:last-child{border-bottom:none}.rubro-content{display:flex;align-items:flex-start;padding:15px 10px;gap:10px;transition:background .3s ease}.rubro-content:hover{background:#f8f9fa}.btn-expandir{background:none;border:none;font-size:12px;cursor:pointer;padding:5px;color:#495057;min-width:25px;transition:transform .2s}.btn-expandir:hover{color:#000}.rubro-info{flex:1;display:flex;flex-direction:column;gap:8px}.rubro-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.rubro-nombre{font-size:16px;font-weight:600;color:#2c3e50}.rubro-nombre-clickeable{color:#007bff;transition:all .2s ease}.rubro-nombre-clickeable:hover{color:#0056b3;text-decoration:underline}.rubro-nivel{font-size:11px;padding:3px 8px;background:#e9ecef;color:#495057;border-radius:10px;font-weight:500}.rubro-descripcion{margin:0;font-size:13px;color:#6c757d;line-height:1.4}.rubro-presupuesto-compacto{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.presupuesto-valores{display:flex;gap:15px;flex-wrap:wrap}.valor-item{display:inline-flex;align-items:center;gap:4px}.valor-label{font-size:11px;color:#6c757d;font-weight:500}.valor-monto{font-size:13px;font-weight:600;color:#2c3e50}.progreso-barra-compacta{flex:1;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;min-width:120px}.progreso-barra-compacta .progreso-fill{height:100%;transition:width .3s ease,background-color .3s ease}.progreso-porcentaje{font-size:12px;font-weight:600;color:#6c757d;min-width:45px;text-align:right}.alerta-desbalance{margin-top:5px;padding:6px 10px;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;font-size:12px;color:#856404;display:flex;align-items:center;gap:5px}.rubro-acciones{display:flex;gap:5px}.btn-accion{padding:6px 10px;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-accion:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.btn-accion.btn-eliminar:hover{background:#dc3545;color:#fff;border-color:#dc3545}.rubro-children{border-left:2px solid #dee2e6;margin-left:20px}.sin-rubros{text-align:center;padding:40px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.sin-rubros p{font-size:16px;color:#6c757d;margin:0;font-style:italic}.modal-overlay{position:fixed;inset:0 0 0 260px;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px}.with-sidebar.sidebar-collapsed .modal-overlay{left:64px}.modal-content{background:#fff;border-radius:10px;width:100%;max-height:92vh;overflow-y:auto}.modal-container{background:#fff;border-radius:12px;width:100%;max-height:92vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px 12px 0 0}.modal-header h3{margin:0;font-size:22px;font-weight:700;color:#2c3e50;letter-spacing:-.5px}.btn-cerrar{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;line-height:1;padding:0;margin-left:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.btn-cerrar:hover{background:#e9ecef;color:#000}.modal-body{padding:24px;background:#fff}.modal-content form{padding:20px}.modal-content .form-group{margin-bottom:20px}.modal-content .form-group:last-of-type{margin-bottom:0}.modal-content label{display:block;margin-bottom:8px;font-weight:500;color:#495057;font-size:14px}.modal-content .required{color:#dc3545}.modal-content input,.modal-content textarea,.modal-content select{width:100%;padding:10px 15px;border:1px solid #ced4da;border-radius:5px;font-size:14px;font-family:inherit;box-sizing:border-box}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-content textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.loading,.error{text-align:center;padding:60px 20px;font-size:18px;color:#6c757d}.error{color:#dc3545}.rubros-arbol-moderno{display:flex;flex-direction:column;gap:6px}.rubro-card{border-left:4px solid #667eea;border-radius:8px;background:#fff;box-shadow:0 1px 4px #00000014;overflow:hidden;transition:box-shadow .2s}.rubro-card:hover{box-shadow:0 3px 10px #0000001f}.rubro-card.nivel-0{margin-left:0}.rubro-card.nivel-1{margin-left:20px}.rubro-card.nivel-2{margin-left:40px}.rubro-card.nivel-3{margin-left:60px}.rubro-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:10px;transition:background .15s;-webkit-user-select:none;user-select:none}.rubro-card-header.rubro-padre{background:#f7f8ff}.rubro-card-header.rubro-hoja{background:#fff}.rubro-card-header:hover{background:#f0f3ff}.rubro-card-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.rubro-toggle-icon{font-size:13px;width:18px;text-align:center;flex-shrink:0;transition:transform .2s}.rubro-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.rubro-card-info .rubro-nombre{font-size:15px;font-weight:600;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rubro-descripcion-inline{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rubro-card-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.badge-materiales{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;border:1.5px solid #dee2e6;color:#adb5bd;background:#f8f9fa;white-space:nowrap;transition:all .2s}.badge-materiales.tiene-mat{cursor:pointer}.rubro-costo-badge{font-size:13px;font-weight:700;color:#adb5bd;white-space:nowrap;min-width:80px;text-align:right}.btn-mat-accion{font-size:12px!important;font-weight:600;background:transparent!important}.btn-mat-accion:hover{background:#f0f3ff!important}.rubro-materiales-inline{border-top:1px solid #f0f0f0;background:#fafbff;padding:0 14px 12px;animation:slideDown .18s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.materiales-inline-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.materiales-inline-table thead th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#6c757d;padding:6px 8px;border-bottom:2px solid #e9ecef;background:transparent}.materiales-inline-table tbody tr{border-bottom:1px solid #f0f2f5;transition:background .12s}.materiales-inline-table tbody tr:hover{background:#eef1fb}.materiales-inline-table tbody td{padding:7px 8px;color:#2c3e50;vertical-align:middle}.materiales-inline-table .td-unidad{color:#6c757d;font-size:12px}.materiales-inline-table .td-obs{color:#888;font-style:italic;font-size:12px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.materiales-inline-table tfoot td{padding:7px 8px;border-top:2px solid #dee2e6;background:#f1f3fa}.materiales-inline-table .td-total-label{text-align:right;font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.4px}.rubro-children-modern{display:flex;flex-direction:column;gap:5px;padding:6px 10px 8px 24px;background:#f9fafb;border-top:1px solid #f0f0f0}@media (max-width: 768px){.rubro-card-header{flex-direction:column;align-items:flex-start}.rubro-card-right{flex-wrap:wrap;width:100%}.rubro-costo-badge{text-align:left}.materiales-inline-table .td-obs{display:none}.materiales-inline-table thead th:last-child{display:none}.rubros-manager-container{padding:15px}.proyecto-resumen{grid-template-columns:1fr}.rubro-content{flex-direction:column;align-items:stretch}.rubro-stats{flex-direction:column;gap:10px}.rubro-acciones{justify-content:flex-end}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.rubro-hh-info{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:5px 14px 7px 40px;font-size:.8rem;color:#555;background:#f7f8ff;border-top:1px solid #e8ecff}.rubro-hh-info span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.badge-tipo-personal{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:.74rem;font-weight:600;white-space:nowrap}.badge-tipo-interno{background:#ebf4ff;color:#2c5282;border:1px solid #bee3f8}.badge-tipo-externo{background:#fffaf0;color:#92400e;border:1px solid #fbd38d}.btn-gantt{padding:8px 16px;background:#f8f9fa;color:#495057;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;margin-left:.5em}.btn-gantt:hover{background:#e9ecef;border-color:#adb5bd;color:#212529}.gantt-modal{max-width:95vw;width:1400px;max-height:90vh;border-radius:12px;overflow:hidden}.gantt-body{padding:16px;overflow-x:auto;overflow-y:auto;max-height:calc(90vh - 120px);background:linear-gradient(135deg,#f8f9fb,#fafbfc)}.gantt-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px;flex-wrap:wrap}.gantt-info{display:flex;gap:8px;flex-wrap:wrap}.gantt-info-badge{display:inline-flex;align-items:center;padding:6px 12px;background:#fff;border:1px solid #e1e4e8;border-radius:6px;font-size:13px;font-weight:500;color:#24292e;box-shadow:0 1px 3px #0000000d}.gantt-badge-interno{background:linear-gradient(135deg,#ebf4ff,#dbeafe);color:#2c5282;border-color:#bee3f8}.gantt-badge-externo{background:linear-gradient(135deg,#fffaf0,#fef3c7);color:#92400e;border-color:#fbd38d}.gantt-zoom-controls{display:flex;align-items:center;gap:8px;background:#fff;padding:4px 8px;border-radius:8px;border:1px solid #e1e4e8;box-shadow:0 1px 3px #0000000d}.btn-zoom{padding:6px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;min-width:36px}.btn-zoom:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #667eea4d}.btn-zoom:disabled{opacity:.4;cursor:not-allowed;background:#e1e4e8}.zoom-level{font-size:13px;font-weight:600;color:#24292e;min-width:45px;text-align:center}.gantt-actions-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-print-gantt{padding:8px 16px;background:linear-gradient(135deg,#28a745,#218838);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #28a7454d}.btn-print-gantt:hover{transform:translateY(-2px);box-shadow:0 4px 8px #28a74566;background:linear-gradient(135deg,#218838,#1e7e34)}.gantt-container{background:#fff;border:2px solid #e1e4e8;border-radius:8px;padding:10px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.gantt-header-row{display:grid;grid-template-columns:340px minmax(600px,1fr);gap:12px;margin-bottom:6px;padding-bottom:6px;border-bottom:2px solid #e1e4e8}.gantt-header-label{font-weight:700;font-size:13px;color:#586069;text-transform:uppercase;letter-spacing:.5px;padding-left:8px;display:flex;align-items:flex-end}.gantt-header-timeline{position:relative;height:28px;background:linear-gradient(to bottom,#f6f8fa,#fff);border-radius:4px;overflow-x:auto;overflow-y:hidden}.gantt-header-timeline-inner{position:relative;height:100%;min-width:100%;cursor:crosshair}.gantt-time-marker{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);cursor:pointer;transition:opacity .2s ease}.gantt-time-marker:hover{opacity:.85}.gantt-time-marker:hover .gantt-marker-label{color:#0366d6;font-weight:700}.gantt-marker-line{width:2px;height:100%;background:linear-gradient(to bottom,#d1d5da 0%,transparent 100%)}.gantt-marker-label{position:absolute;top:4px;font-size:10px;font-weight:600;color:#586069;white-space:nowrap;background:#fff;padding:1px 5px;border-radius:3px;box-shadow:0 1px 2px #0000001a}.gantt-today-marker{position:absolute;top:0;height:100%;transform:translate(-50%);z-index:100;pointer-events:none}.gantt-today-line{width:3px;height:100%;background:#dc3545;box-shadow:0 0 8px #dc354580}.gantt-today-label{position:absolute;top:2px;left:50%;transform:translate(-50%);background:#dc3545;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;white-space:nowrap;letter-spacing:.5px;box-shadow:0 2px 4px #dc35454d}.gantt-timeline{display:flex;flex-direction:column;gap:2px;position:relative;overflow:visible}.gantt-today-marker-full{position:absolute;top:0;left:0;right:0;height:100%;display:grid;grid-template-columns:340px minmax(600px,1fr);gap:12px;pointer-events:none;z-index:50}.gantt-today-container{position:relative;height:100%;overflow-x:auto;overflow-y:hidden}.gantt-today-container-inner{position:relative;height:100%;min-width:100%}.gantt-today-marker-full .gantt-today-line{position:absolute;width:3px;height:100%;background:#dc3545;box-shadow:0 0 8px #dc354580}.gantt-cursor-marker-full{position:absolute;top:0;left:0;right:0;height:100%;display:grid;grid-template-columns:340px minmax(600px,1fr);gap:12px;pointer-events:none;z-index:45}.gantt-cursor-container{position:relative;height:100%;overflow-x:auto;overflow-y:hidden}.gantt-cursor-container-inner{position:relative;height:100%;min-width:100%}.gantt-cursor-marker-full .gantt-cursor-line{position:absolute;width:1px;height:100%;background:#6366f166;box-shadow:0 0 4px #6366f14d;transition:opacity .1s ease}.gantt-row{display:grid;grid-template-columns:340px minmax(600px,1fr);gap:12px;min-height:38px;align-items:center;padding:3px 0;transition:all .15s ease;border-radius:4px}.gantt-timeline-comparando .gantt-row{min-height:58px;padding:6px 0}.gantt-row:hover{background:#f6f8fa}.gantt-row-interno{border-left:3px solid transparent}.gantt-row-interno:hover{border-left-color:#2c5282;background:#f7fafc}.gantt-row-externo{border-left:3px solid transparent}.gantt-row-externo:hover{border-left-color:#92400e;background:#fffaf5}.gantt-label{display:flex;flex-direction:column;gap:2px;padding:0 8px}.gantt-task-header{display:flex;align-items:center;gap:8px}.gantt-task-name{font-size:13px;font-weight:600;color:#24292e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.gantt-tipo-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:700;white-space:nowrap;flex-shrink:0}.gantt-tipo-badge-interno{background:#ebf4ff;color:#2c5282;border:1px solid #bee3f8}.gantt-tipo-badge-externo{background:#fffaf0;color:#92400e;border:1px solid #fbd38d}.gantt-task-breadcrumb{font-size:10px;color:#6c757d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic;padding-left:2px}.gantt-task-people{font-size:10px;color:#586069;white-space:nowrap;background:#e9ecef;padding:2px 7px;border-radius:10px;font-weight:700;flex-shrink:0}.gantt-chart{position:relative;height:28px;background:repeating-linear-gradient(90deg,#f6f8fa 0px,#f6f8fa 1px,transparent 1px,transparent 40px);border-radius:4px;overflow-x:auto;overflow-y:visible}.gantt-timeline-comparando .gantt-chart{height:46px}.gantt-chart-inner{position:relative;height:100%;min-width:100%}.gantt-bar{position:absolute;top:50%;transform:translateY(-50%);height:24px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;cursor:grab;overflow:visible;box-shadow:0 1px 3px #0000001f;-webkit-user-select:none;user-select:none}.gantt-timeline-comparando .gantt-bar{top:2px;transform:none}.gantt-bar:active{cursor:grabbing}.gantt-bar:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 2px 6px #0000002e}.gantt-timeline-comparando .gantt-bar:hover{transform:scale(1.05);z-index:10}.gantt-bar-text{font-size:10px;font-weight:700;color:#24292e;white-space:nowrap;padding:0 6px}.gantt-bar-date-label{position:absolute;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 2px 4px #0000004d;z-index:10;pointer-events:none;line-height:1}.gantt-bar-date-start{left:4px}.gantt-bar-date-end{right:4px}@media (max-width: 1200px){.gantt-modal{width:95vw}.gantt-row,.gantt-header-row{grid-template-columns:260px minmax(400px,1fr)}.gantt-toolbar{flex-direction:column;align-items:stretch}.gantt-actions-group,.gantt-zoom-controls{justify-content:center}}@media (max-width: 768px){.gantt-row,.gantt-header-row{grid-template-columns:1fr;gap:6px}.gantt-header-label{border-bottom:1px solid #e1e4e8;padding-bottom:4px}.gantt-label{padding:4px}.gantt-chart{min-height:32px}.gantt-bar-text{font-size:9px}.gantt-task-breadcrumb{display:none}.btn-zoom{padding:5px 8px;font-size:12px;min-width:32px}.btn-print-gantt{padding:6px 12px;font-size:12px}}@media print{@page{size:landscape;margin:1cm}body *{visibility:hidden}.gantt-modal,.gantt-modal *{visibility:visible}.gantt-modal{position:absolute;left:0;top:0;width:100%;max-width:100%;max-height:none;box-shadow:none;border-radius:0}.modal-header,.gantt-toolbar,.btn-cerrar,.gantt-zoom-controls,.btn-print-gantt,.gantt-actions-group{display:none!important}.gantt-body{padding:0;background:#fff;overflow:visible;max-height:none}.gantt-container{border:1px solid #ccc;box-shadow:none;padding:10px;overflow:visible;page-break-inside:avoid}.gantt-header-row{grid-template-columns:220px 1fr!important;page-break-after:avoid;font-size:10px;gap:8px;margin-bottom:4px;padding-bottom:4px}.gantt-header-label{font-size:10px}.gantt-header-timeline{width:100%!important;height:24px}.gantt-marker-label{font-size:8px;padding:1px 3px}.gantt-row{grid-template-columns:220px 1fr!important;page-break-inside:avoid;border:1px solid #e9ecef;margin-bottom:2px;min-height:32px;padding:2px 0;gap:8px}.gantt-label{padding:0 4px;gap:1px}.gantt-task-header{gap:4px}.gantt-task-name{font-size:9px}.gantt-task-breadcrumb{font-size:8px}.gantt-task-people{font-size:8px;padding:1px 4px}.gantt-tipo-badge{font-size:8px;padding:1px 5px}.gantt-timeline{gap:2px}.gantt-chart{width:100%!important;height:20px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.gantt-bar{height:16px}.gantt-bar-text{font-size:8px;padding:0 4px}.gantt-bar,.gantt-tipo-badge,.gantt-info-badge,.gantt-today-marker,.gantt-today-marker-full{print-color-adjust:exact;-webkit-print-color-adjust:exact}.gantt-today-marker-full{grid-template-columns:220px 1fr!important}.gantt-today-line{width:2px;background:#dc3545!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.gantt-today-label{font-size:7px;padding:1px 4px;background:#dc3545!important;color:#fff!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.gantt-modal:before{content:"Diagrama de Gantt del Proyecto";display:block;font-size:16px;font-weight:700;text-align:center;padding:10px;border-bottom:2px solid #333;margin-bottom:10px}}.modal-overlay-historial{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.modal-container-historial{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.modal-header-historial{padding:24px 28px;background:linear-gradient(135deg,#6c3483,#9b59b6);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;border-radius:16px 16px 0 0;gap:20px}.modal-header-historial h2{margin:0 0 6px;font-size:24px;font-weight:600}.variable-descripcion-modal{margin:0;font-size:14px;opacity:.9;line-height:1.4}.modal-close-historial{background:#fff3;border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0;flex-shrink:0}.modal-close-historial:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body-historial{padding:28px;flex:1;overflow-y:auto}.form-nuevo-valor{background:linear-gradient(135deg,#faf7ff,#f3eeff);border:2px solid #e0d7f5;border-radius:12px;padding:24px;margin-bottom:32px}.form-titulo{margin:0 0 20px;font-size:18px;font-weight:600;color:#4a235a;display:flex;align-items:center;gap:8px}.form-titulo:before{content:"📝";font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field-full{grid-column:1 / -1}.form-field label{font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.input-historial{padding:10px 14px;border:2px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:all .2s;background:#fff}.input-historial:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a}.form-error{color:#e74c3c;font-size:13px;font-weight:600;display:block;margin-bottom:12px}.btn-guardar-valor{background:linear-gradient(135deg,#6c3483,#9b59b6);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px #6c34834d}.btn-guardar-valor:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6c348366}.btn-guardar-valor:active:not(:disabled){transform:translateY(0)}.btn-guardar-valor:disabled{opacity:.6;cursor:not-allowed}.historial-section{background:#fff;border-radius:12px;border:2px solid #e9ecef;overflow:hidden}.historial-titulo{margin:0;padding:20px 24px;font-size:18px;font-weight:600;color:#2c3e50;background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex;align-items:center;gap:8px}.historial-titulo:before{content:"📊";font-size:20px}.historial-loading{padding:60px 20px;text-align:center;color:#6c757d}.spinner{width:40px;height:40px;margin:0 auto 16px;border:4px solid #f3f3f3;border-top:4px solid #9b59b6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.historial-empty{padding:60px 20px;text-align:center}.historial-empty p{margin:0;color:#6c757d;font-size:16px}.tabla-scroll{overflow-x:auto}.tabla-historial{width:100%;border-collapse:collapse;font-size:14px}.tabla-historial thead tr{background:linear-gradient(135deg,#6c3483,#9b59b6)}.tabla-historial th{padding:14px 20px;text-align:left;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.tabla-historial td{padding:14px 20px;border-bottom:1px solid #e9ecef;vertical-align:middle}.tabla-historial tbody tr.row-even{background:#fafafa}.tabla-historial tbody tr.row-odd{background:#fff}.tabla-historial tbody tr:hover{background:#f3eeff!important}.tabla-historial tbody tr:last-child td{border-bottom:none}.td-periodo{font-weight:600;color:#4a235a;white-space:nowrap}.td-valor{font-weight:700;color:#6c3483;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.td-notas{color:#555}.text-muted{color:#ccc;font-style:italic}.td-accion{text-align:center;width:50px}.btn-eliminar-valor{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;transition:all .2s;opacity:.6}.btn-eliminar-valor:hover{opacity:1;transform:scale(1.2)}.modal-footer-historial{padding:20px 28px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 16px 16px}.btn-cerrar-historial{padding:10px 24px;background:#fff;border:2px solid #dee2e6;color:#495057;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cerrar-historial:hover{background:#e9ecef;border-color:#adb5bd}@media (max-width: 768px){.modal-container-historial{width:95%;max-height:95vh}.modal-header-historial{padding:20px}.modal-header-historial h2{font-size:20px}.modal-body-historial,.form-nuevo-valor{padding:20px}.form-grid{grid-template-columns:1fr}.tabla-historial th,.tabla-historial td{padding:10px 12px;font-size:13px}.modal-footer-historial{padding:16px 20px}}.modal-container-historial::-webkit-scrollbar{width:8px}.modal-container-historial::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 16px 16px 0}.modal-container-historial::-webkit-scrollbar-thumb{background:#9b59b6;border-radius:4px}.modal-container-historial::-webkit-scrollbar-thumb:hover{background:#8e44ad}.tabla-scroll::-webkit-scrollbar{height:8px}.tabla-scroll::-webkit-scrollbar-track{background:#f1f1f1}.tabla-scroll::-webkit-scrollbar-thumb{background:#9b59b6;border-radius:4px}.acopios-manager{height:100%;overflow-y:auto}.acopios-manager-content{max-width:1400px;margin:24px auto 0}.acopios-manager-header{padding:20px;position:relative}.acopios-manager-header h2{margin:0;font-size:28px;color:#fff}.acopios-manager-main{padding:0 20px 20px}.tabs-container{display:flex;border-bottom:1px solid var(--border-color-light);background:var(--bg-white)}.acopios-list{padding:0}.acopios-list .filtros-section{background:#fff;border-radius:10px;padding:20px;margin-top:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.acopios-list .filtros-group{display:grid;grid-template-columns:2fr 1.2fr 1.5fr auto;gap:15px;align-items:end}.acopios-list .filtro-item{display:flex;flex-direction:column;gap:5px}.acopios-list .filtro-item label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.4px}.acopios-list .filtro-input,.acopios-list .filtro-select{width:100%;height:42px;padding:10px 15px;border:1px solid var(--border-color-input);border-radius:5px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.acopios-list .filtro-input:focus,.acopios-list .filtro-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #002b661a}.acopios-list .filtros-acciones{display:flex;gap:10px;align-items:flex-end}.acopios-list .btn-buscar{height:42px;padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.acopios-list .btn-buscar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #002b664d}.acopios-list .btn-limpiar{height:42px;padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.acopios-list .btn-limpiar:hover{background:#5a6268}.acopios-list .lista-info{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;color:#666}.acopios-tabla-container{overflow-x:auto;border-radius:10px;box-shadow:0 2px 8px #00000014;background:#fff}.acopios-tabla{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.acopios-tabla thead tr{background:var(--gradient-primary);color:#fff}.acopios-tabla thead th:first-child{border-top-left-radius:10px}.acopios-tabla thead th:last-child{border-top-right-radius:10px}.acopios-tabla thead th{padding:10px 12px;text-align:left;font-weight:600;font-size:12px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:transparent}.acopios-tabla thead th.text-center{text-align:center}.acopios-tabla thead th.text-right{text-align:right}.acopios-tabla tbody tr{border-bottom:1px solid #f0f0f0;transition:background .15s}.acopios-tabla tbody tr:last-child{border-bottom:none}.acopios-tabla tbody tr:hover{background:#f0f4ff}.acopios-tabla-row-clickable{cursor:pointer}.acopios-tabla td{padding:12px 16px;color:var(--text-secondary);vertical-align:middle}.acopios-tabla td.text-center{text-align:center}.acopios-tabla td.text-right{text-align:right}.acopios-numero-cell{font-weight:700;color:var(--color-primary)!important;font-size:13px}.acopio-estado-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.acopio-estado-activo{background:#e8f5e9;color:#2e7d32}.acopio-estado-cerrado{background:#e3f2fd;color:#1565c0}.acopio-estado-anulado{background:#ffebee;color:#c62828}.acopio-tipo-retiro{background:#fce4ec;color:#c62828}.acopio-tipo-devolucion{background:#e3f2fd;color:#1565c0}.mov-estado-pendiente{background:#fff8e1;color:#f57f17}.mov-estado-aprobado{background:#e8f5e9;color:#2e7d32}.mov-estado-rechazado{background:#ffebee;color:#c62828}.mov-estado-anulado{background:#f5f5f5;color:#9e9e9e}.acciones-cell{white-space:nowrap}.acciones-menu{position:relative;display:inline-block}.acciones-menu .btn-menu{background:#f0f0f0;border:1px solid #ddd;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:18px;line-height:1;color:#555;transition:all .2s}.acciones-menu .btn-menu:hover{background:#e0e0e0}.acciones-menu .menu-opciones{position:absolute;right:0;top:100%;min-width:180px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden;display:none}.acopios-manager .acciones-menu:hover .menu-opciones{display:block}.acciones-menu .menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background .15s}.acciones-menu .menu-item:hover{background:#f5f7ff;color:var(--color-primary)}.acciones-menu .menu-item-danger{color:#c62828}.acciones-menu .menu-item-danger:hover{background:#fff5f5;color:#c62828}.acopios-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;color:#999}.acopios-empty .empty-icon{font-size:52px;margin-bottom:16px}.acopios-empty h3{font-size:18px;font-weight:600;color:#555;margin:0 0 8px}.acopios-empty p{font-size:14px;margin:0;line-height:1.6}.paginacion-container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.paginacion-info{font-size:13px;color:#666}.paginacion-selector{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.paginacion-selector select{padding:6px 10px;border:1px solid var(--border-color-input);border-radius:5px;font-size:13px;cursor:pointer}.paginacion-controles{display:flex;gap:6px;align-items:center}.btn-paginacion{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--border-color-input);border-radius:6px;background:#fff;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-paginacion:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-paginacion.active{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.btn-paginacion:disabled{opacity:.4;cursor:not-allowed}.acopios-load-more{display:flex;justify-content:center;padding:20px 0 0}.btn-load-more{padding:10px 28px;background:#fff;border:2px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-load-more:hover{background:var(--color-primary);color:#fff}.acopio-fullscreen-overlay{left:260px;align-items:stretch;justify-content:stretch;padding:0}.sidebar-collapsed .acopio-fullscreen-overlay{left:64px}.acopio-modal.modal-content{background:#fff;border-radius:0;box-shadow:none;margin:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;animation:modalFadeIn .2s ease;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.acopio-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-bottom:1px solid #e9ecef;background:var(--gradient-primary);color:#fff;flex-shrink:0}.acopio-modal .modal-header h2{margin:0;font-size:20px;font-weight:600}.acopio-modal .modal-header .modal-subtitle{font-size:13px;opacity:.8;margin:4px 0 0}.acopio-modal .btn-close-modal,.movimiento-modal .btn-close-modal,.cambio-modal .btn-close-modal{background:none;border:none;font-size:32px;color:#fff;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;line-height:1}.acopio-modal .btn-close-modal:hover,.movimiento-modal .btn-close-modal:hover,.cambio-modal .btn-close-modal:hover{background:#fff3}.acopio-modal .modal-body{padding:28px 32px;overflow-y:auto;flex:1;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.acopio-modal .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px;padding:18px;background:#f8f9ff;border-radius:10px;border:1px solid #e8ecf4}.acopio-modal .info-item{display:flex;flex-direction:column;gap:4px}.acopio-modal .info-label{font-size:11px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.acopio-modal .info-value{font-size:15px;color:#2c3e50;font-weight:500}.acopio-modal .section-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:24px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--border-color-light);display:flex;align-items:center;gap:8px}.acopio-modal .section-table{width:100%;border-collapse:collapse;font-size:13px;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #00000012}.acopio-modal .section-table thead tr{background:#eef1f8}.acopio-modal .section-table thead th{padding:10px 14px;text-align:left;font-size:12px;font-weight:700;color:#555;letter-spacing:.3px;white-space:nowrap}.acopio-modal .section-table thead th.text-right{text-align:right}.acopio-modal .section-table thead th.text-center{text-align:center}.acopio-modal .section-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.acopio-modal .section-table tbody tr:last-child{border-bottom:none}.acopio-modal .section-table tbody tr:hover{background:#fafbff}.acopio-modal .section-table tbody td{padding:10px 14px;color:var(--text-secondary);vertical-align:middle}.acopio-modal .section-table tbody td.text-right{text-align:right}.acopio-modal .section-table tbody td.text-center{text-align:center}.acopio-modal .section-table tbody tr.anulado-row{opacity:.5}.disp-bar{display:flex;align-items:center;gap:8px}.disp-bar-track{flex:1;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;min-width:60px}.disp-bar-fill{height:100%;border-radius:3px;transition:width .3s}.acopio-alert{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;display:flex;align-items:center;gap:8px}.acopio-alert-success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.acopio-alert-danger{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.acopio-modal .modal-footer{padding:14px 32px;border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0;background:#fafafa;box-sizing:border-box}.btn-acopio-primary{padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-acopio-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #002b664d}.btn-acopio-primary:disabled{opacity:.6;cursor:not-allowed}.btn-acopio-retiro{padding:10px 20px;background:linear-gradient(135deg,#e53935,#c62828);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-acopio-retiro:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #e539354d}.btn-acopio-devolucion{padding:10px 20px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-acopio-devolucion:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.btn-acopio-secondary{padding:10px 20px;background:#fff;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-acopio-secondary:hover:not(:disabled){background:#f5f5f5}.btn-acopio-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-acopio-danger{padding:8px 14px;background:#fff;color:#c62828;border:1px solid #ffcdd2;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.btn-acopio-danger:hover:not(:disabled){background:#ffebee}.mov-acciones-cell{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}.btn-mov-pdf{padding:7px 11px;background:#fff;color:#1565c0;border:1px solid #bbdefb;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-mov-pdf:hover{background:#e3f2fd;border-color:#1565c0}.movimiento-modal.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000040;width:96vw;max-width:920px;max-height:92vh;display:flex;flex-direction:column;animation:modalFadeIn .2s ease;overflow:hidden}.movimiento-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 25px;border-radius:12px 12px 0 0;flex-shrink:0;color:#fff}.movimiento-modal .modal-header.retiro-header{background:linear-gradient(135deg,#e53935,#c62828)}.movimiento-modal .modal-header.devolucion-header{background:linear-gradient(135deg,#1976d2,#1565c0)}.movimiento-modal .modal-header h2{margin:0;font-size:19px;font-weight:600}.movimiento-modal .modal-header .modal-subtitle{font-size:12px;opacity:.8;margin:4px 0 0}.movimiento-modal .modal-body{padding:22px 24px;overflow-y:auto;flex:1;min-height:0}.movimiento-modal .form-row{display:grid;grid-template-columns:190px 1fr;gap:16px;margin-bottom:20px;align-items:start}.movimiento-modal .mov-form-top{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start}.movimiento-modal .mov-form-top .form-group{flex-shrink:0;width:190px}.movimiento-modal .mov-form-top .mov-obs-group{flex:1;flex-shrink:1;width:0;min-width:0}.movimiento-modal .form-group{display:flex;flex-direction:column;gap:6px}.movimiento-modal .form-group label{font-size:11px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.movimiento-modal .form-control{width:100%;height:40px;padding:9px 13px;border:1px solid #d0d7de;border-radius:8px;font-size:14px;background:#fafbfc;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.movimiento-modal textarea.form-control{height:40px;min-height:40px;resize:vertical;line-height:1.5;padding-top:9px}.movimiento-modal .form-control:focus{outline:none;background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #002b661a}.movimiento-modal .form-control-full{width:100%;height:42px;padding:10px 14px;border:1px solid var(--border-color-input);border-radius:6px;font-size:14px;grid-column:1 / -1;box-sizing:border-box}.qty-input{width:90px;padding:3px 6px;border:1.5px solid #d0d7de;border-radius:6px;font-size:12.5px;font-weight:500;text-align:right;background:#f8f9fa;transition:border-color .2s,box-shadow .2s}.qty-input:focus{outline:none;background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #002b6614}.qty-input:not(:placeholder-shown):not([value=""]){border-color:#4caf50;background:#f1f8f1}.movimiento-modal .modal-footer{padding:16px 24px;border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;background:#fafafa}.movimiento-items-table-wrapper{max-height:240px;overflow-y:auto;border:1px solid #e3e8ef;border-radius:8px;margin-top:0}.movimiento-modal .section-table{width:100%;border-collapse:collapse;font-size:12.5px}.movimiento-modal .section-table thead{position:sticky;top:0;z-index:1}.movimiento-modal .section-table thead th{background:#f0f2f5;color:#3d4451;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 8px;border-bottom:2px solid #d0d7de;white-space:nowrap}.movimiento-modal .section-table tbody tr{transition:background .12s}.movimiento-modal .section-table tbody tr:nth-child(2n){background:#f8f9fc}.movimiento-modal .section-table tbody tr:hover{background:#eef2fb}.movimiento-modal .section-table tbody td{padding:3px 8px;border-bottom:1px solid #e9ecef;vertical-align:middle;color:#2d3748}.movimiento-modal .section-table tbody tr:last-child td{border-bottom:none}.movimiento-modal .section-table td:first-child{font-weight:500}.movimiento-modal .section-table .text-right{text-align:right;padding-right:8px}.movimiento-modal .section-table tbody tr.row-sin-stock{opacity:.45;background:#fafafa}.movimiento-modal .section-table tbody tr.row-sin-stock:hover{background:#f5f5f5}.movimiento-modal .section-table tbody tr.row-qty-retiro{background:#fff3f3!important}.movimiento-modal .section-table tbody tr.row-qty-retiro:hover{background:#ffe8e8!important}.movimiento-modal .section-table tbody tr.row-qty-devolucion{background:#f0faf2!important}.movimiento-modal .section-table tbody tr.row-qty-devolucion:hover{background:#e2f5e6!important}.qty-disponible-ok{color:#2e7d32;font-weight:600}.qty-disponible-zero{color:#c62828;font-weight:600}.mov-no-results{text-align:center;padding:16px;color:#6c757d;font-style:italic;font-size:13px}.mov-materiales-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.mov-materiales-actions{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.mov-toggle-rubros{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:500;border:1.5px solid #d0d7e6;border-radius:20px;background:#f5f7fb;color:#5a6276;cursor:pointer;white-space:nowrap;transition:all .15s}.mov-toggle-rubros:hover{border-color:#7a86a0;background:#eef1f8}.mov-toggle-rubros.active{background:#e8edff;border-color:#3b5bdb;color:#3b5bdb;font-weight:600}.mov-materiales-title{font-size:13px;font-weight:700;color:#3d4451;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.mov-items-badge{background:#e3f2fd;color:#1565c0;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:none;letter-spacing:0}.mov-search-wrapper{position:relative;display:flex;align-items:center;flex:1;max-width:280px}.mov-search-icon{position:absolute;left:10px;font-size:13px;pointer-events:none;opacity:.5}.mov-search-input{width:100%;height:34px;padding:6px 32px 6px 10px;border:1.5px solid #d0d7de;border-radius:7px;font-size:13px;background:#f8f9fb;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.mov-search-input:focus{outline:none;background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #002b6614}.mov-search-clear{position:absolute;right:8px;background:none;border:none;cursor:pointer;font-size:16px;color:#999;line-height:1;padding:0 2px;display:flex;align-items:center}.mov-search-clear:hover{color:#333}.acopio-tabs{display:flex;gap:2px;margin:16px 0 0;border-bottom:2px solid #e3e8ef}.acopio-tab{display:flex;align-items:center;gap:7px;padding:9px 20px;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:13.5px;font-weight:600;color:#6c757d;cursor:pointer;transition:color .15s,border-color .15s,background .15s;border-radius:6px 6px 0 0}.acopio-tab:hover{color:#2d3748;background:#f0f4f8}.acopio-tab.active{color:var(--color-primary, #002b66);border-bottom-color:var(--color-primary, #002b66);background:#f8f9fb}.acopio-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#e9ecef;color:#495057;border-radius:10px;font-size:11px;font-weight:700;transition:background .15s,color .15s}.acopio-tab.active .acopio-tab-count{background:var(--color-primary, #002b66);color:#fff}.proyectos-afectados-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.proyecto-afectado-card{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#f8f9ff;border:1px solid #e8ecf4;border-left:4px solid var(--color-primary);border-radius:8px;transition:background .15s}.proyecto-afectado-card:hover{background:#eef2ff}.proyecto-afectado-info{flex:1;min-width:0}.proyecto-afectado-nombre{font-size:14px;font-weight:700;color:var(--color-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proyecto-afectado-rubros{font-size:12px;color:#6c757d;line-height:1.5}.proyecto-afectado-rubros strong{color:#495057}.proyecto-estado-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:10px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0}.proyecto-estado-planificacion{background:#e3f2fd;color:#1565c0}.proyecto-estado-en_progreso{background:#e8f5e9;color:#2e7d32}.proyecto-estado-suspendido{background:#fff8e1;color:#f57f17}.proyecto-estado-completado{background:#f3e5f5;color:#7b1fa2}.proyecto-estado-cancelado{background:#ffebee;color:#c62828}.proyectos-sin-rubros{padding:10px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:13px;color:#92400e;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.acopios-list .filtros-group{grid-template-columns:1fr}.acopios-manager-main{padding:0 12px 20px}.movimiento-modal .form-row{grid-template-columns:1fr}.acopio-modal .info-grid{grid-template-columns:1fr 1fr}.paginacion-container{flex-direction:column;align-items:flex-start}}.btn-mov-numero{background:none;border:none;padding:0;cursor:pointer;font-weight:700;font-size:13px;color:#1565c0;text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent;transition:text-decoration-color .15s,color .15s}.btn-mov-numero:hover{color:#0d47a1;text-decoration-color:#1565c0}.pdf-preview-overlay{position:fixed;inset:0;z-index:3000;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.pdf-preview-container{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;width:100%;max-width:900px;height:90vh;box-shadow:0 20px 60px #0006;animation:modalFadeIn .18s ease}.pdf-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#1e2a38;color:#fff;flex-shrink:0}.pdf-preview-title{font-size:15px;font-weight:700;letter-spacing:.3px}.pdf-preview-actions{display:flex;align-items:center;gap:10px}.pdf-preview-actions .btn-mov-pdf{background:#ffffff1f;color:#fff;border-color:#ffffff40}.pdf-preview-actions .btn-mov-pdf:hover{background:#ffffff38;border-color:#fff}.pdf-preview-actions .btn-close-modal{color:#ffffffbf;font-size:22px;line-height:1;background:none;border:none;cursor:pointer;padding:0 2px}.pdf-preview-actions .btn-close-modal:hover{color:#fff}.pdf-preview-iframe{flex:1;width:100%;border:none;display:block}.mat-filtros-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding:9px 14px;background:#f5f7fb;border:1px solid #e2e8f4;border-radius:10px}.mat-filtros-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.mat-filtros-sep{width:1px;height:24px;background:#d0d7e8;flex-shrink:0}.mat-filtros-count{font-size:12px;color:#8898b0;white-space:nowrap;flex-shrink:0;padding-left:6px}.mat-filtros-count strong{color:#3a4766;font-weight:700}.mat-search-wrapper{position:relative;display:flex;align-items:center;min-width:180px;max-width:260px;flex:1}.mat-search-icon{position:absolute;left:9px;font-size:13px;pointer-events:none;color:#8898b0}.mat-search-input{width:100%;padding:7px 28px 7px 10px;border:1.5px solid #d2d9e8;border-radius:8px;font-size:13px;outline:none;background:#fff;color:#1a2340;transition:border-color .15s,box-shadow .15s}.mat-search-input::placeholder{color:#b0b8c8}.mat-search-input:focus{border-color:var(--color-primary, #3b5bdb);box-shadow:0 0 0 3px #3b5bdb1f;background:#fff}.mat-search-clear{position:absolute;right:8px;background:none;border:none;color:#b0b8c8;font-size:17px;cursor:pointer;line-height:1;padding:0 2px;transition:color .1s}.mat-search-clear:hover{color:#555}.mov-fecha-input{padding:7px 10px;border:1.5px solid #d2d9e8;border-radius:8px;font-size:12px;color:#1a2340;background:#fff;outline:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.mov-fecha-input:focus{border-color:var(--color-primary, #3b5bdb);box-shadow:0 0 0 3px #3b5bdb1f}.mov-fecha-rango{display:flex;align-items:center;gap:6px;flex-shrink:0}.mov-fecha-label{font-size:11px;color:#8898b0;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.mat-tipo-btns{display:flex;gap:5px}.mat-tipo-btn{padding:5px 13px;border:1.5px solid #d2d9e8;border-radius:20px;background:#fff;font-size:12px;cursor:pointer;color:#5a6680;font-weight:500;transition:all .15s;white-space:nowrap;line-height:1.4}.mat-tipo-btn:hover{border-color:var(--color-primary, #3b5bdb);color:var(--color-primary, #3b5bdb);background:#eef1fd}.mat-tipo-btn.active{background:var(--color-primary, #3b5bdb);border-color:var(--color-primary, #3b5bdb);color:#fff;font-weight:600;box-shadow:0 2px 6px #3b5bdb38}tr.mat-row-clickable{cursor:pointer;transition:background .12s}tr.mat-row-clickable:hover{background:#eef3ff!important}tr.mat-row-clickable:hover .mat-row-link{text-decoration:underline;color:var(--color-primary, #3b5bdb)}.mat-rubro-breadcrumb{font-size:10.5px;color:#7a86a0;margin-top:2px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.mat-rubro-breadcrumb-modal{font-size:12px;color:#7a86a0;margin:2px 0 4px;letter-spacing:.01em}.mat-row-link{font-weight:500;color:#1a2340}div.modal-overlay.acopio-fullscreen-overlay>div.modal-overlay{left:0}.mat-detalle-overlay{z-index:1100;left:0}.sidebar-collapsed .modal-overlay .mat-detalle-overlay{left:0}.mat-detalle-modal{max-width:680px;width:95%;max-height:88vh;overflow-y:auto;border-radius:12px}.mat-detalle-header{background:linear-gradient(135deg,#1a2340,#263a6b);color:#fff;padding:16px 20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:flex-start}.mat-detalle-header h2{margin:0 0 4px;font-size:17px;font-weight:700}.mat-detalle-header .modal-subtitle{margin:0;font-size:13px;opacity:.8}.mat-detalle-header .btn-close-modal{color:#ffffffbf;font-size:22px;background:none;border:none;cursor:pointer;line-height:1;padding:0 2px;margin-left:12px}.mat-detalle-header .btn-close-modal:hover{color:#fff}.mat-resumen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.mat-resumen-card{padding:12px 14px;background:#f8fafc;border:1.5px solid #e0e6f0;border-radius:10px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s}.mat-resumen-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#888;font-weight:600}.mat-resumen-value{font-size:18px;font-weight:700;color:#1a2340}.mat-pct-bar{height:4px;background:#e8edf5;border-radius:4px;overflow:hidden;margin-top:4px}.mat-pct-fill{height:100%;border-radius:4px;transition:width .3s}.mov-accordion-table tbody tr.mov-accordion-row{cursor:pointer;transition:background .12s}.mov-accordion-table tbody tr.mov-accordion-row:hover{background:#f0f4ff!important}.mov-accordion-table tbody tr.mov-accordion-row.expandido{background:#edf1fd}.mov-chevron-cell{width:28px;text-align:center;padding-right:0!important}.mov-chevron{display:inline-block;font-size:18px;color:#8898b0;line-height:1;transform:rotate(0);transition:transform .2s,color .15s}.mov-chevron.open{transform:rotate(90deg);color:var(--color-primary, #3b5bdb)}.mov-expand-row td{padding:0!important;background:#f5f8ff;border-bottom:2px solid #d6e0f5}.mov-expand-body{padding:12px 20px 14px 40px;display:flex;flex-direction:column;gap:8px}.mov-expand-titulo{font-size:12px;font-weight:600;color:#5a6a90;text-transform:uppercase;letter-spacing:.04em}.mov-items-inner{width:100%;max-width:520px;border-collapse:collapse;font-size:13px}.mov-items-inner th{text-align:left;padding:5px 10px;background:#e4ecfa;color:#3a4e7a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.mov-items-inner th.text-right,.mov-items-inner td.text-right{text-align:right}.mov-items-inner td{padding:5px 10px;border-bottom:1px solid #e2eaf6;color:#2a3555}.mov-items-inner tbody tr:last-child td{border-bottom:none}.acopios-vista-tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:2px solid #e2e8f4;padding-bottom:0}.acopios-vista-tab{padding:10px 28px;font-size:15px;font-weight:600;border:none;background:none;color:#7a86a0;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:6px 6px 0 0;transition:color .15s,border-color .15s,background .15s}.acopios-vista-tab:hover{color:#3b5bdb;background:#f0f4ff}.acopios-vista-tab.active{color:#3b5bdb;border-bottom-color:#3b5bdb;background:#f0f4ff}.stock-filtros-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:#f5f7fb;border:1px solid #e2e8f4;border-radius:10px;padding:12px 16px;margin-bottom:14px}.stock-filtro-item{display:flex;flex-direction:column;gap:4px;min-width:160px}.stock-filtro-item label{font-size:11px;font-weight:600;color:#7a86a0;text-transform:uppercase;letter-spacing:.4px}.stock-mat-row{cursor:pointer;transition:background .12s;font-size:13.5px}.stock-mat-row:hover{background:#f0f4ff}.stock-mat-row--open{background:#eef3ff}.stock-mat-row--open:hover{background:#e6edff}.stock-chevron{font-size:11px;color:#7a86a0;-webkit-user-select:none;user-select:none;padding:0 6px!important}.stock-mat-nombre{font-weight:600;color:#1a2340}.stock-qty-total{font-size:14px;color:#1b5e20}.stock-rubro-cell{font-size:12.5px;color:#5a6276}.stock-proyectos-cell{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.stock-proyecto-chip{background:#e8f5e9;color:#2e7d32;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap}.stock-sin-proyecto{color:#bbb;font-size:12px}.stock-sub-row{background:#f8faff;border-left:3px solid #c5d3f8;font-size:12.5px}.stock-sub-row td{padding-top:4px!important;padding-bottom:4px!important}.stock-acopio-link{background:none;border:none;color:#3b5bdb;font-weight:600;font-size:12.5px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.stock-acopio-link:hover{color:#1a3ab8}.stock-acopio-fecha{color:#7a86a0;font-size:12px}.stock-proveedor{color:#5a6276;font-size:12px}.stock-de-original{color:#aaa;font-size:11.5px;margin-left:2px}.pms-wrapper{position:relative;min-width:200px}.pms-input-box{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:36px;padding:4px 8px;border:1px solid #d0d7e6;border-radius:7px;background:#fff;cursor:text;transition:border-color .15s}.pms-input-box:focus-within{border-color:#3b5bdb;box-shadow:0 0 0 2px #3b5bdb21}.pms-chip{display:flex;align-items:center;gap:3px;background:#e8edff;color:#3b5bdb;font-size:11.5px;font-weight:600;padding:2px 6px 2px 8px;border-radius:12px;white-space:nowrap}.pms-chip-remove{background:none;border:none;color:#3b5bdb;cursor:pointer;font-size:14px;line-height:1;padding:0 1px;opacity:.7}.pms-chip-remove:hover{opacity:1}.pms-input{border:none;outline:none;font-size:13px;flex:1;min-width:80px;background:transparent;color:#2a3555}.pms-input::placeholder{color:#aab0c0}.pms-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d0d7e6;border-radius:8px;box-shadow:0 6px 24px #1e32781a;max-height:200px;overflow-y:auto;z-index:9999}.pms-option{padding:9px 14px;font-size:13px;color:#2a3555;cursor:pointer;transition:background .1s}.pms-option:hover{background:#f0f4ff}.pms-no-opts{padding:10px 14px;color:#aab0c0;font-size:12.5px;font-style:italic}.btn-acopio-cambio{padding:10px 20px;background:linear-gradient(135deg,#7b1fa2,#6a1b9a);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-acopio-cambio:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7b1fa259}.btn-acopio-cambio:disabled{opacity:.6;cursor:not-allowed}.acopio-tipo-cambio{background:linear-gradient(135deg,#e1bee7,#ce93d8);color:#4a148c}.cambio-modal{max-width:1160px;width:96vw;max-height:92vh;height:92vh;display:flex;flex-direction:column}.cambio-modal .modal-body{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column;padding:0!important}.cambio-header{background:linear-gradient(135deg,#7b1fa2,#4a148c);color:#fff;flex-shrink:0}.cambio-header h2{color:#fff;margin:0 0 2px;font-size:18px}.cambio-header .modal-subtitle{color:#fffc;margin:0;font-size:13px}.cambio-modal-body{display:flex;flex-direction:column;gap:7px;padding:10px 12px;flex:1;min-height:0;overflow:hidden;margin:10px}.cambio-card-body .form-control,.cambio-card-body select.form-control{height:30px;font-size:12px;padding:2px 8px}.cambio-top-row{display:flex;gap:10px;align-items:flex-end;flex-shrink:0}.cambio-top-fecha{flex:0 0 148px}.cambio-top-obs{flex:1}.cambio-field-label{display:block;font-size:9px;font-weight:700;color:#666;margin-bottom:2px;text-transform:uppercase;letter-spacing:.4px}.cambio-columns{display:grid;grid-template-columns:40% 60%;flex:1;min-height:0;overflow:hidden;max-width:100%}.cambio-card{border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;display:flex;flex-direction:column;min-height:0;min-width:0;max-width:100%}.cambio-card:first-of-type{margin-right:10px}.cambio-card-header{display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;flex-shrink:0}.cambio-card-icon{font-size:13px}.cambio-card-title{flex:1}.cambio-card-ingreso{border-color:#a5d6a7}.cambio-card-ingreso .cambio-card-header{background:#e8f5e9;color:#2e7d32}.cambio-card-egreso{border-color:#ef9a9a}.cambio-card-egreso .cambio-card-header{background:#fce4ec;color:#c62828}.cambio-card-body{padding:8px;display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.cambio-field-block{display:flex;flex-direction:column;gap:2px}.cambio-2col{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cambio-total-pill{background:#1b5e20;color:#fff;font-size:10px;font-weight:700;padding:1px 8px;border-radius:10px;white-space:nowrap}.cambio-insumo-search{position:relative}.cambio-insumo-input-wrap{position:relative;display:flex;align-items:center}.cambio-insumo-input-wrap .form-control{padding-right:36px}.cambio-insumo-input-wrap .form-control.insumo-selected{border-color:#66bb6a;background:#f1f8f1}.cambio-insumo-spin{position:absolute;right:32px;font-size:15px;color:#aaa;animation:cam-spin .7s linear infinite;pointer-events:none}@keyframes cam-spin{to{transform:rotate(360deg)}}.cambio-insumo-clear{position:absolute;right:8px;background:none;border:none;font-size:17px;color:#aaa;cursor:pointer;line-height:1;padding:0;transition:color .15s}.cambio-insumo-clear:hover{color:#c62828}.cambio-insumo-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d0d0d0;border-radius:8px;box-shadow:0 6px 22px #00000024;z-index:300;max-height:200px;overflow-y:auto}.cambio-insumo-option{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px;border-bottom:1px solid #f5f5f5;transition:background .1s}.cambio-insumo-option:last-child{border-bottom:none}.cambio-insumo-option:hover{background:#f3e5f5}.cambio-insumo-nombre{flex:1;color:#212121}.cambio-insumo-unidad{font-size:10px;background:#ede7f6;color:#6a1b9a;padding:2px 6px;border-radius:9px;font-weight:700;white-space:nowrap;margin-left:6px}.cambio-insumo-empty{padding:10px 12px;color:#999;font-size:12px;font-style:italic}.cambio-insumo-tag{margin-top:4px;font-size:12px;color:#2e7d32;background:#f1f8e9;border:1px solid #aed581;border-radius:6px;padding:3px 9px}.cambio-egreso-toolbar{display:flex;flex-direction:column;gap:5px;padding:6px 10px;border-bottom:1px solid #fce4ec;flex-shrink:0}.cambio-sugerir-row{display:flex;gap:6px;align-items:center}.cambio-sugerir-select{flex:1;font-size:12px!important;height:30px!important;padding:0 8px!important}.cambio-egreso-search{width:100%}.btn-sugerir-cambio{padding:5px 10px;background:linear-gradient(135deg,#7b1fa2,#6a1b9a);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.btn-sugerir-cambio:hover{opacity:.85}.btn-sugerir-cambio:disabled{opacity:.4;cursor:not-allowed}.cambio-badge-count{background:#c62828;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px}.cambio-egreso-table-wrap{flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.cambio-egreso-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}.cambio-egreso-table thead th{padding:5px 6px;font-size:11px;font-weight:700;color:#555;background:#fce4ec;white-space:nowrap;text-align:left}.cambio-egreso-table thead th:not(:first-child){text-align:center}.cambio-egreso-table thead th:nth-child(4),.cambio-egreso-table thead th:nth-child(6){text-align:right}.cambio-egreso-table tbody tr{border-bottom:1px solid #f5f5f5}.cambio-egreso-table tbody tr:hover{background:#fff5f7}.cambio-egreso-table tbody td{padding:4px 6px;vertical-align:middle;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cambio-egreso-table tbody td:first-child{white-space:normal}.cambio-item-desc{font-size:12px;font-weight:500}.cambio-modal .modal-footer{padding:10px 16px;border-top:1px solid #e9ecef;display:flex;gap:8px;justify-content:flex-end;flex-shrink:0;background:#fafafa}.btn-cancelar{padding:8px 18px;background:#f5f5f5;color:#444;border:1px solid #d0d0d0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-cancelar:hover{background:#e8e8e8}.btn-confirmar{padding:8px 18px;background:linear-gradient(135deg,#7b1fa2,#4a148c);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;display:flex;align-items:center;gap:6px}.btn-confirmar:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-confirmar:disabled{opacity:.45;cursor:not-allowed}.cambio-resumen{display:flex;align-items:center;gap:10px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;padding:10px 16px;flex-wrap:wrap}.cambio-resumen-item{display:flex;flex-direction:column;align-items:flex-start;font-size:12px;gap:1px}.cambio-resumen-item span{color:#666;font-size:11px}.cambio-resumen-sep{color:#bbb;font-weight:700;font-size:14px;padding:0 2px}.cambio-resumen-dif{margin-left:auto}.cambio-resumen-dif span{font-size:12px;color:#444}.ingreso-val{color:#2e7d32;font-weight:700;font-size:14px}.egreso-val{color:#c62828;font-weight:700;font-size:14px}.cliente-login-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:20px;gap:2.5rem}.cliente-login-logo-wrapper{text-align:center;animation:slideDown .6s ease-out}.cliente-login-logo{height:80px;width:200px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.15))}.cliente-login-box{width:100%;max-width:450px;background:#fff;border-radius:16px;padding:40px;animation:slideUp .6s ease-out}.cliente-login-title{color:#333;margin:0 0 8px;font-size:28px;font-weight:700;text-align:center;letter-spacing:-.5px}.cliente-login-subtitle{text-align:center;color:#666;margin:0 0 30px;font-size:14px;font-weight:400;line-height:1.4}.cliente-login-form{display:flex;flex-direction:column;gap:18px}.cliente-login-form .form-group{display:flex;flex-direction:column;gap:8px}.cliente-login-form .form-group label{color:#333;font-size:14px;font-weight:600;letter-spacing:.3px}.cliente-login-form .form-group input{padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#f9f9f9}.cliente-login-form .form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.cliente-login-form .form-group input::placeholder{color:#999}.cliente-login-form .form-group input:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.btn-login{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:8px;letter-spacing:.3px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.cliente-login-help{text-align:center;color:#999;font-size:12px;margin:15px 0 0;line-height:1.5}.cliente-login-form{box-shadow:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.cliente-login-page{gap:1.5rem;padding:15px}.cliente-login-box{padding:30px 20px;border-radius:12px}.cliente-login-title{font-size:24px}.cliente-login-logo{height:70px;width:180px}}.cliente-proyectos-list{width:100%}.cliente-proyectos-header{margin-bottom:30px}.cliente-proyectos-header h2{margin:0 0 10px;color:#333;font-size:24px}.cliente-proyectos-subtitle{margin:0;color:#666;font-size:14px}.alerta-saldo-pendiente{background-color:#ffe8e8;border-left:4px solid #ea4335;border-radius:6px;padding:16px;margin-bottom:30px;display:flex;gap:12px;align-items:flex-start}.alerta-icono{font-size:24px;flex-shrink:0}.alerta-contenido{flex:1}.alerta-titulo{margin:0 0 4px;color:#d32f2f;font-weight:600;font-size:14px}.alerta-texto{margin:0;color:#c62828;font-size:13px;line-height:1.5}.cliente-proyectos-filtros{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.filtro-btn{padding:8px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#666;transition:all .3s ease}.filtro-btn:hover{border-color:#667eea;color:#667eea}.filtro-btn.active{background:#667eea;border-color:#667eea;color:#fff}.no-proyectos-message{background:#fff;padding:40px;border-radius:8px;text-align:center;color:#999}.no-proyectos-message p{margin:0;font-size:14px}.cliente-proyectos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.cliente-proyecto-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.cliente-proyecto-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}.proyecto-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.proyecto-header h3{margin:0;color:#333;font-size:18px;flex:1}.estado-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.estado-badge.en_curso{background-color:#fff3cd;color:#856404}.estado-badge.finalizado{background-color:#d4edda;color:#155724}.estado-badge.no_iniciado{background-color:#e2e3e5;color:#383d41}.proyecto-descripcion{color:#666;font-size:13px;margin:0 0 16px;line-height:1.4}.avance-section{margin-bottom:20px;padding:12px 0;border-bottom:1px solid #f0f0f0}.avance-section:last-of-type{border-bottom:none}.avance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.avance-header label{font-size:12px;font-weight:600;color:#333;margin:0}.avance-valor{font-size:14px;color:#667eea;font-weight:700}.progress-bar{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-fill.certificaciones{background:linear-gradient(90deg,#667eea,#764ba2)}.progress-fill.fechas{background:linear-gradient(90deg,#34a853,#05a258)}.avance-detalle{font-size:12px;color:#999;margin:0}.montos-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;padding:12px;background:#f9f9f9;border-radius:6px}.monto-item{text-align:center}.monto-item label{font-size:11px;color:#999;margin:0 0 6px;display:block}.monto-item p{margin:0;font-size:14px;font-weight:600;color:#333}.btn-ver-detalles{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.btn-ver-detalles:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.cliente-proyectos-grid{grid-template-columns:1fr}.proyecto-header{flex-direction:column}.montos-info{grid-template-columns:1fr}}.cliente-estado-cuenta{width:100%}.estado-cuenta-header{margin-bottom:30px}.estado-cuenta-header h2{margin:0 0 10px;color:#333;font-size:24px}.estado-cuenta-header p{margin:0;color:#666;font-size:14px}.estado-cuenta-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px}.card{background:#fff;border-radius:8px;padding:24px;display:flex;gap:20px;align-items:flex-start;box-shadow:0 2px 8px #0000001a;border-left:4px solid transparent;transition:all .3s ease}.card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}.card-icon{font-size:32px;flex-shrink:0}.card-content{flex:1}.card-content label{display:block;font-size:12px;color:#999;margin:0 0 8px;font-weight:600;text-transform:uppercase}.saldo-card{border-left-color:#667eea}.saldo-card.saldo-positivo{border-left-color:#34a853}.saldo-card.saldo-negativo{border-left-color:#ea4335}.saldo-value{margin:0 0 4px;font-size:28px;font-weight:700;color:#333}.saldo-card.saldo-positivo .saldo-value{color:#34a853}.saldo-card.saldo-negativo .saldo-value{color:#ea4335}.card-content small{font-size:11px;color:#999}.facturas-card{border-left-color:#4285f4}.facturas-card.con-pendientes{border-left-color:#fbbc04;background:#fffbf0}.cantidad{margin:0 0 4px;font-size:24px;font-weight:700;color:#333}.facturas-card.con-pendientes .cantidad{color:#fbbc04}.monto{margin:0;font-size:14px;color:#999}.movimientos-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.movimientos-section h3{margin:0 0 20px;color:#333;font-size:18px}.no-movimientos{text-align:center;padding:40px 20px;color:#999}.no-movimientos p{margin:0;font-size:14px}.movimientos-list{overflow-x:auto}.movimientos-table{width:100%;border-collapse:collapse}.movimientos-table thead{background:#f9f9f9;border-bottom:2px solid #e0e0e0}.movimientos-table th{padding:12px;text-align:left;font-size:12px;color:#666;font-weight:600}.movimientos-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s ease}.movimientos-table tbody tr:hover{background:#f9f9f9}.movimientos-table td{padding:12px;font-size:13px}.badge-tipo{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.badge-tipo.pago{background:#d4edda;color:#155724}.badge-tipo.factura{background:#cfe2ff;color:#084298}.badge-tipo.ajuste{background:#fff3cd;color:#664d03}.referencia{color:#666;font-family:Courier New,monospace;font-size:12px}.monto{text-align:right;font-weight:600}.monto.pago{color:#34a853}.monto.factura{color:#ea4335}.monto.ajuste{color:#fbbc04}.aviso-importante{background:#fff;border-radius:8px;padding:20px;border-left:4px solid #fbbc04;margin-bottom:20px}.aviso-content{display:flex;gap:16px;align-items:flex-start}.aviso-icon{font-size:24px;flex-shrink:0}.aviso-titulo{margin:0 0 4px;color:#333;font-size:14px;font-weight:600}.aviso-texto{margin:0;color:#666;font-size:13px;line-height:1.5}.estado-cuenta-tabs{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:30px}.tabs-header{display:flex;border-bottom:2px solid #e0e0e0;background:#fafafa;width:100%}.tab-btn{flex:1;padding:16px 24px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-btn:hover{color:#667eea;background:#f5f3ff}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:#fff}.tab-content{padding:24px;width:100%}.estado-cuenta-table{width:100%;border-collapse:collapse}.estado-cuenta-table thead{background:#f9f9f9;border-bottom:2px solid #e0e0e0}.estado-cuenta-table th{padding:12px;text-align:left;font-size:12px;color:#666;font-weight:700;text-transform:uppercase}.estado-cuenta-table td{padding:12px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#333}.comprobante-row.pagado td{background:#34a8530d}.comprobante-row.parcial td{background:#fbbc000d}.comprobante-row.pendiente td{background:#ea43350d}.badge{display:inline-block;padding:4px 12px;background:#f0f0f0;border-radius:12px;font-size:11px;font-weight:600;color:#666}.badge-estado{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.badge-estado.pagado{background:#34a853;color:#fff}.badge-estado.parcial{background:#fbbc00;color:#fff}.badge-estado.pendiente{background:#ea4335;color:#fff}.badge-estado.activo{background:#34a853;color:#fff}.badge-estado.anulado{background:#9e9e9e;color:#fff;text-decoration:line-through}.fecha{font-weight:600;color:#667eea}.numero{font-weight:600}.total{font-weight:700;color:#333}.pagado,.total,.monto-total,.monto{text-align:right}.pendiente{color:#ea4335;font-weight:600}.cobrado{color:#34a853;font-weight:600}.sin-deuda{border-left-color:#34a853}.con-deuda{border-left-color:#ea4335;background-color:#ffe8e8}.ventas-card{border-left-color:#4285f4}.cobrado-card{border-left-color:#34a853}.no-data-message{text-align:center;padding:40px 20px;color:#999}.no-data-message p{margin:0;font-size:14px}.acciones{text-align:center}.btn-descargar-mini{background:#667eea;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-descargar-mini:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.btn-descargar-mini:active{transform:translateY(0)}@media (max-width: 768px){.estado-cuenta-cards{grid-template-columns:1fr}.card{flex-direction:column}.card-icon{font-size:24px}.movimientos-table{font-size:12px}.movimientos-table th,.movimientos-table td{padding:8px}.aviso-content{flex-direction:column}.aviso-icon{font-size:18px}}.cliente-detalle-proyecto{width:100%}.detalle-header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.btn-volver{padding:8px 16px;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;color:#667eea;font-weight:600;transition:all .3s ease;white-space:nowrap}.btn-volver:hover{border-color:#667eea;background:#f9f7ff}.detalle-header h2{margin:0;color:#333;font-size:24px}.no-certificaciones-message{background:#fff;padding:40px;border-radius:8px;text-align:center;color:#999}.no-certificaciones-message p{margin:0;font-size:14px}.certificaciones-container{display:grid;grid-template-columns:350px 1fr;gap:30px}.certificaciones-list{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;height:fit-content}.certificaciones-list h3{margin:0 0 20px;color:#333;font-size:16px}.certificaciones-timeline{display:flex;flex-direction:column;gap:12px}.certificacion-item{padding:16px;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s ease}.certificacion-item:hover{border-color:#667eea;background:#f5f3ff}.certificacion-item.selected{border-color:#667eea;background:#f5f3ff;box-shadow:0 4px 12px #667eea33}.certificacion-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.periodo{font-weight:600;color:#333;font-size:14px}.numero-cert{font-size:12px;background:#667eea;color:#fff;padding:2px 8px;border-radius:12px}.certificacion-item-info{display:flex;justify-content:space-between;align-items:center}.monto-total{margin:0;font-weight:700;color:#667eea;font-size:14px}.rubros-count{margin:0;font-size:12px;color:#999}.certificacion-detalles{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.certificacion-detalles h3{margin:0 0 20px;color:#333;font-size:18px}.certificacion-detalle-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.certificacion-detalle-header h3{margin:0}.btn-descargar-certificado{background:#667eea;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}.btn-descargar-certificado:hover{background:#5a67d8}.notas-section{background:#f9f9f9;padding:16px;border-radius:6px;margin-bottom:24px}.notas-section h4{margin:0 0 10px;color:#333;font-size:13px}.notas-section p{margin:0;color:#666;font-size:13px;line-height:1.5}.resumen-certificacion{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.resumen-item{background:#f9f9f9;padding:16px;border-radius:6px;text-align:center}.resumen-item label{display:block;font-size:12px;color:#999;margin-bottom:8px}.resumen-item .valor{margin:0;font-size:18px;font-weight:700;color:#667eea}.rubros-certificados{margin-top:30px}.rubros-certificados h4{margin:0 0 16px;color:#333;font-size:16px}.rubros-table{width:100%;border-collapse:collapse}.rubros-table thead{background:#f9f9f9;border-bottom:2px solid #e0e0e0}.rubros-table th{padding:12px;text-align:left;font-size:12px;color:#666;font-weight:600}.rubros-table td{padding:12px;border-bottom:1px solid #e0e0e0;font-size:13px}.rubro-nombre{color:#333;font-weight:500}.rubro-padre-row{background:#fafafa}.rubro-nombre-padre{font-weight:700;color:#444}.rubro-porcentaje{display:flex;align-items:center;gap:8px}.progress-mini{flex:1;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.progress-mini .progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2)}.rubro-monto{text-align:right;color:#667eea;font-weight:600}.sin-avance{color:#999;font-style:italic}.certificacion-fecha{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;color:#999;font-size:12px}.no-selection{background:#f9f9f9;padding:60px 20px;border-radius:8px;text-align:center;color:#999}.no-selection p{margin:0;font-size:14px}@media (max-width: 1024px){.certificaciones-container{grid-template-columns:1fr}.certificaciones-list{height:auto}.certificaciones-timeline{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.resumen-certificacion{grid-template-columns:1fr}}@media (max-width: 768px){.detalle-header{flex-direction:column;align-items:flex-start}.btn-volver{width:100%}.rubros-table{font-size:12px}.rubros-table th,.rubros-table td{padding:8px}.certificacion-detalle-header{flex-direction:column;align-items:flex-start}.btn-descargar-certificado{width:100%}}.cliente-portal-container{min-height:100vh;background-color:#f5f7fa}.cliente-portal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;box-shadow:0 4px 12px #0000001a}.cliente-portal-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.cliente-portal-header-left{display:flex;align-items:center;gap:20px}.cliente-portal-logo{height:60px;width:auto;border-radius:8px;background:#fff;padding:5px}.cliente-portal-header h1{margin:0;font-size:32px}.cliente-nombre{margin:5px 0 0;font-size:14px;opacity:.9}.btn-logout{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-logout:hover{background:#ffffff4d;border-color:#ffffff80}.cliente-portal-header-buttons{display:flex;gap:10px;align-items:center}.btn-logout-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:10px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s ease}.btn-logout-secondary:hover{background:#ffffff40;border-color:#fff6}.cliente-portal-tabs{background:#fff;border-bottom:1px solid #e0e0e0;width:100%;display:flex;justify-content:center;padding:0}.cliente-portal-tabs-wrapper{display:flex;gap:0;max-width:1200px;width:100%}.tab-button{padding:16px 24px;background:none;border:none;cursor:pointer;font-size:15px;color:#666;border-bottom:3px solid transparent;transition:all .3s ease;font-weight:500}.tab-button:hover{color:#333;background-color:#fafafa}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.cliente-portal-content{max-width:1200px;margin:0 auto;padding:30px 20px}@media (max-width: 768px){.cliente-portal-header-content{flex-direction:column;gap:20px;text-align:center}.cliente-portal-header h1{font-size:24px}.cliente-portal-tabs{flex-wrap:wrap}.tab-button{flex:1;padding:12px 16px;font-size:13px}.cliente-portal-content{padding:20px 10px}}:root{--color-primary: #002b66;--color-primary-dark: #8f773e;--color-primary-darker: #4c51bf;--color-primary-rgb: 102, 126, 234;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-success: linear-gradient(135deg, #20c997 0%, #17a2b8 100%);--gradient-primary-light: linear-gradient(135deg, #f8f9ff 0%, #fff 100%);--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #007bff;--color-secondary: #6c757d;--color-secondary-dark: #5a6268;--shadow-soft: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-strong: rgba(0, 0, 0, .2);--shadow-primary-soft: rgba(102, 126, 234, .1);--shadow-primary-medium: rgba(102, 126, 234, .15);--shadow-primary-strong: rgba(102, 126, 234, .4);--text-primary: #212529;--text-secondary: #495057;--text-tertiary: #6c757d;--text-muted: #adb5bd;--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-light-alt: #f5f5f5;--border-color: #dee2e6;--border-color-input: #ced4da;--border-color-light: #e9ecef;--border-color-primary: #667eea}body{font-family:Inter,Arial,sans-serif;background:#f8fafc;color:#2d3748;margin:0;padding:0}