.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card{background:#fff;padding:3rem 2rem;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;text-align:center}.logo-container{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo-icon{font-size:3rem;margin-bottom:.5rem}.login-title{font-size:1.8rem;font-weight:700;color:#2d3748;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:#718096;font-size:1rem;margin:0 0 2rem}.logos-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:1.5rem}.logo{height:60px;width:auto;object-fit:contain}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{text-align:left}.form-label{display:block;font-weight:600;color:#2d3748;margin-bottom:.5rem;font-size:.9rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-input:disabled{background:#f7fafc;cursor:not-allowed}.submit-btn{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{background:#fed7d7;color:#c53030;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;border:1px solid #feb2b2}.loading{opacity:.7;pointer-events:none}@media (max-width: 480px){.login-card{padding:2rem 1.5rem;margin:1rem}.login-title{font-size:1.5rem}.logo-icon{font-size:2.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeIn .6s ease-out}.cad-table th{font-size:.675rem;line-height:1.1;text-align:center!important}.cad-table td{font-size:.625rem;line-height:1.2}.cad-table td{border-top:1px solid #e5e7eb;padding:6px;color:#111827}.cad-table.cad-indicators th{font-size:.675rem}.cad-table.cad-indicators td{font-size:.844rem}.cad-table.cad-live th:nth-child(14),.cad-table.cad-live td:nth-child(14),.cad-table.cad-persisted th:nth-child(10),.cad-table.cad-persisted td:nth-child(10){display:none!important}.cad-table.cad-live th:nth-child(6),.cad-table.cad-live td:nth-child(6){min-width:240px;width:240px}.cad-table td{box-sizing:border-box}.pagination{padding:8px 10px}.pagination .page-info{color:#374151;font-size:13px}.pagination .page-controls{display:flex;align-items:center;gap:8px}.pagination .page-size-select{padding:6px 8px;border-radius:6px;border:1px solid #d1d5db}.btn-nav{padding:6px 10px;border-radius:6px;border:1px solid #d1d9e0;background:#f3f4f6;cursor:pointer;font-weight:700}.btn-nav[disabled]{opacity:.5;cursor:not-allowed}.btn-page{padding:6px 10px;border-radius:6px;border:1px solid #6366f1;background:#fff;color:#6366f1;font-weight:700;min-width:32px;cursor:pointer}.btn-page.active{background:#6366f1;color:#fff}@media (max-width:640px){.pagination{flex-direction:column;align-items:flex-start;gap:8px}.pagination .page-controls{flex-wrap:wrap}}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000014;overflow-x:auto;overflow-y:auto;border:1px solid #e9ecef;width:100%}.mat-page:has(.abs-legend) .table-container .mat-table{width:max-content!important;border-collapse:collapse;min-width:1400px!important;table-layout:fixed}.mat-page:has(.abs-legend) .mat-table thead th{position:sticky;top:0;background:#f3f4f6;color:#333;font-weight:600;padding:10px 8px;text-align:center;border-bottom:2px solid #e9ecef;font-size:11px;white-space:nowrap;z-index:1}.mat-page:has(.abs-legend) .mat-table td{padding:8px 6px;border-bottom:1px solid #e9ecef;color:#555;font-size:11px;text-align:center;white-space:nowrap}.mat-page:has(.abs-legend) .mat-table tbody tr{transition:background-color .12s ease}.mat-page:has(.abs-legend) .mat-table tbody tr:hover{background:#f1f5f9}.mat-page:has(.abs-legend) .mat-table thead th:nth-child(1),.mat-page:has(.abs-legend) .mat-table td:nth-child(1){width:100px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-page:has(.abs-legend) .mat-table thead th:nth-child(2),.mat-page:has(.abs-legend) .mat-table td:nth-child(2){width:110px;min-width:110px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-page:has(.abs-legend) .mat-table thead th:nth-child(3),.mat-page:has(.abs-legend) .mat-table td:nth-child(3){width:45px;min-width:45px;text-align:center;white-space:nowrap}.mat-page:has(.abs-legend) .mat-table thead th:nth-child(4),.mat-page:has(.abs-legend) .mat-table td:nth-child(4){width:110px;min-width:110px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-page:has(.abs-legend) .mat-table td:nth-child(4){font-size:100%}.mat-page:has(.abs-legend) .mat-table thead th:nth-child(5),.mat-page:has(.abs-legend) .mat-table td:nth-child(5){width:55px;min-width:55px;text-align:center}.mat-page:has(.abs-legend) .mat-table thead th:nth-child(6),.mat-page:has(.abs-legend) .mat-table td:nth-child(6){width:30px;min-width:30px;text-align:center}.mat-page:has(.abs-legend) .mat-table thead th:nth-child(7),.mat-page:has(.abs-legend) .mat-table td:nth-child(7){width:12px;min-width:12px;text-align:center}.mat-page:has(.abs-legend) .mat-table thead th:nth-child(8),.mat-page:has(.abs-legend) .mat-table td:nth-child(8),.mat-page:has(.abs-legend) .mat-table thead th:nth-child(9),.mat-page:has(.abs-legend) .mat-table td:nth-child(9),.mat-page:has(.abs-legend) .mat-table thead th:nth-child(10),.mat-page:has(.abs-legend) .mat-table td:nth-child(10),.mat-page:has(.abs-legend) .mat-table thead th:nth-child(11),.mat-page:has(.abs-legend) .mat-table td:nth-child(11){width:22px;min-width:22px;text-align:center}.mat-page:has(.abs-legend) .mat-table thead th:nth-child(12),.mat-page:has(.abs-legend) .mat-table td:nth-child(12){width:12px;min-width:12px;text-align:center}.mat-page:has(.abs-legend) .mat-table thead th:nth-child(n+13):nth-child(-n+24),.mat-page:has(.abs-legend) .mat-table td:nth-child(n+13):nth-child(-n+24){width:14px;min-width:14px;text-align:center}.mat-page:has(.abs-legend) .mat-table tbody tr.weekend-row{background:#fffde7}.mat-page:has(.abs-legend) .mat-table tbody tr.weekend-row:hover{background:#fff7c2}.mat-page:has(.abs-legend) .mat-table thead th:last-child,.mat-page:has(.abs-legend) .mat-table td:last-child{width:150px}.mat-table td.he1,.mat-table td.hs1{background:#e3f0ff}.mat-table td.he2,.mat-table td.hs2{background:#fff7e3}.mat-table td.flag-on,.mat-form input.flag-on{background:#e7f8ea}.mat-form input.he1,.mat-form input.hs1{background:#e3f0ff}.mat-form input.he2,.mat-form input.hs2{background:#fff7e3}.mat-table td.hd-amber{background:#f59e0b;color:#0f3a4c;font-weight:700}.mat-table td.hd-red{background:#dc2626;color:#fff;font-weight:700}.actions-header{background:#4b515f;color:#fff;text-align:center}.actions-cell{min-width:170px;padding:6px 8px}.action-btn{margin-right:4px;padding:6px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.action-btn:last-child{margin-right:0}.btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.btn-3d.btn-3d--excel{background:linear-gradient(180deg,#22c55e,#16a34a)!important;color:#fff!important;border-color:#16a34a}.btn-3d.btn-3d--excel:active{box-shadow:0 3px #0000001f}.mat-form .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.msal-label{color:#000;font-size:12px;margin-right:6px}.msal-compact button{padding:6px 8px;font-size:12px}.mat-header .mat-actions .mat-filtros span,.mat-paginacion__info,.mat-paginacion__info *,.mat-paginacion__select,.mat-paginacion__select *{color:#111827}.mdel-form{padding-top:12px}.mdel-form .mdel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mdel-form label{display:block;margin-bottom:0}.mdel-form label>span{color:#111827;font-weight:600;font-size:13px;display:inline-block;margin-bottom:4px}.mdel-form input[type=date],.mdel-form input[type=text],.mdel-form select{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#111827;box-sizing:border-box;min-height:36px}.mdel-form .mdel-promotor{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.mdel-form .mdel-summary{grid-column:1 / -1;font-size:12px;color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}.mdel-form .form-actions{grid-column:1 / -1}@media (max-width: 640px){.mdel-form .mdel-grid,.mdel-form .mdel-promotor{grid-template-columns:1fr}}.mdup-form{padding-top:12px}.mdup-form .mdup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mdup-form label{display:block;margin-bottom:0}.mdup-form label>span{color:#111827;font-weight:600;font-size:13px;display:inline-block;margin-bottom:4px}.mdup-form input[type=date],.mdup-form input[type=text],.mdup-form select{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#111827;box-sizing:border-box;min-height:36px}.mdup-form .mdup-promotor{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.mdup-form .form-actions{grid-column:1 / -1}@media (max-width: 640px){.mdup-form .mdup-grid,.mdup-form .mdup-promotor{grid-template-columns:1fr}}.mat-table tfoot td{border-top:2px solid #e5e7eb}.totals-row{background:#f8fafc}.totals-label{text-align:right;font-weight:700;color:#111827;padding:8px;background:#f3f4f6;border-top:2px solid #e5e7eb}.totals-help{color:#6b7280;font-weight:600;margin-left:6px;cursor:help}.totals-cell{background:#f9fafb;padding:6px 4px}.total-badges{display:inline-flex;align-items:center;gap:6px;justify-content:center;width:100%}.total-badge{display:inline-block;min-width:32px;text-align:center;padding:2px 8px;border-radius:9999px;font-weight:700;font-size:11px;color:#374151;border:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f3f4f6);box-shadow:inset 0 1px 2px #00000014,0 1px #fff9}.total-badge--pos{background:linear-gradient(180deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#065f46}.total-badge--page:before{content:"P";font-weight:800;margin-right:4px;color:#6b7280}.total-badge--all:before{content:"F";font-weight:800;margin-right:4px;color:#6b7280}.abs-legend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:2px 0;overflow:visible}.abs-legend-items{display:inline-grid;grid-template-columns:repeat(6,auto);gap:6px;align-items:center;justify-content:center}.abs-legend-item{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:2px 6px;box-shadow:inset 0 1px 1px #0000000a;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abs-legend-swatch{width:8px;height:8px;border:1px solid #cbd5e1;border-radius:2px;flex:0 0 auto}.abs-legend-code{font-weight:700;color:#111827;flex:0 0 auto}.abs-legend-sep{color:#9ca3af;flex:0 0 auto}.mat-page:has(.abs-legend) .mat-table.hide-basics thead th:nth-child(1),.mat-page:has(.abs-legend) .mat-table.hide-basics thead th:nth-child(2),.mat-page:has(.abs-legend) .mat-table.hide-basics thead th:nth-child(3),.mat-page:has(.abs-legend) .mat-table.hide-basics tbody td:nth-child(1),.mat-page:has(.abs-legend) .mat-table.hide-basics tbody td:nth-child(2),.mat-page:has(.abs-legend) .mat-table.hide-basics tbody td:nth-child(3),.mat-page:has(.abs-legend) .mat-table.hide-basics tfoot td:nth-child(1),.mat-page:has(.abs-legend) .mat-table.hide-basics tfoot td:nth-child(2),.mat-page:has(.abs-legend) .mat-table.hide-basics tfoot td:nth-child(3){display:none!important}.mat-page:has(.abs-legend) .mat-table.hide-basics{min-width:1260px!important}.informe-trimestral-header{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 4px 6px #00000014;display:flex;justify-content:space-between;align-items:center}.informe-trimestral-header h2{margin:0;font-size:18px;color:#111827}.informe-trimestral-page{min-height:100vh;background:#f8f9fa;padding:20px}.informe-trimestral-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000014;overflow:auto;border:1px solid #e9ecef;margin:0 auto;max-width:960px}.informe-trimestral-table{width:100%;border-collapse:collapse;min-width:960px}.informe-trimestral-table thead th{position:sticky;top:0;background:#f3f4f6;color:#333;font-weight:600;padding:10px 8px;text-align:center;border-bottom:2px solid #e9ecef;font-size:12px;white-space:nowrap;z-index:1}.informe-trimestral-table td{padding:8px 6px;border-bottom:1px solid #e9ecef;color:#555;font-size:12px;text-align:center;white-space:nowrap}.informe-trimestral-table tr:last-child td{border-bottom:none}.revision-mensual-header{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 4px 6px #00000014;display:flex;justify-content:space-between;align-items:center}.revision-mensual-header h2{margin:0;font-size:18px;color:#111827}.revision-mensual-page{min-height:100vh;background:#f8f9fa;padding:20px}.revision-mensual-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000014;overflow:auto;border:1px solid #e9ecef;margin:0 auto;max-width:960px}.revision-mensual-table{width:100%;border-collapse:collapse;min-width:960px}.revision-mensual-table thead th{position:sticky;top:0;background:#f3f4f6;color:#333;font-weight:600;padding:10px 8px;text-align:center;border-bottom:2px solid #e9ecef;font-size:12px;white-space:nowrap;z-index:1}.revision-mensual-table td{padding:8px 6px;border-bottom:1px solid #e9ecef;color:#555;font-size:12px;text-align:center;white-space:nowrap}.revision-mensual-table tr:last-child td{border-bottom:none}.seg-kpi-row{display:flex;gap:12px;margin:12px 0}.seg-kpi-card{flex:1;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #00000014;padding:16px;text-align:left}.seg-kpi-title{font-size:12px;color:#6b7280;font-weight:600;margin-bottom:6px}.seg-kpi-value{font-size:28px;font-weight:800;color:#111827;line-height:1}.seg-kpi-foot{font-size:12px;color:#374151;margin-top:6px}.seg-grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:start}@media (max-width:960px){.seg-grid-2{grid-template-columns:1fr}}.seg-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #00000014;overflow:hidden}.seg-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.seg-card-header h3{margin:0;color:#111827;font-weight:800;letter-spacing:.2px}.seg-loading{padding:16px;color:#374151}.table-container{background:#fff;overflow-x:auto}.table-container .mat-table.seg-table{width:100%!important;max-width:100%!important}.table-container .seg-table{width:100%;table-layout:fixed;min-width:0!important}.seg-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.seg-table.pendientes thead th:nth-child(1),.seg-table.pendientes td:nth-child(1){width:6%;min-width:48px;text-align:center}.seg-table.pendientes thead th:nth-child(2),.seg-table.pendientes td:nth-child(2){width:44%;min-width:240px}.seg-table.pendientes thead th:nth-child(3),.seg-table.pendientes td:nth-child(3){width:15%;min-width:110px;text-align:center}.seg-table.pendientes thead th:nth-child(4),.seg-table.pendientes td:nth-child(4){width:15%;min-width:110px;text-align:center}.seg-table.pendientes thead th:nth-child(5),.seg-table.pendientes td:nth-child(5){width:10%;min-width:90px;text-align:center}.seg-table.pendientes thead th:nth-child(6),.seg-table.pendientes td:nth-child(6){width:10%;min-width:90px;text-align:center}.seg-table.aldia thead th:nth-child(1),.seg-table.aldia td:nth-child(1){width:50%;min-width:240px}.seg-table.aldia thead th:nth-child(2),.seg-table.aldia td:nth-child(2){width:15%;min-width:110px;text-align:center}.seg-table.aldia thead th:nth-child(3),.seg-table.aldia td:nth-child(3){width:15%;min-width:110px;text-align:center}.seg-table.aldia thead th:nth-child(4),.seg-table.aldia td:nth-child(4){width:10%;min-width:90px;text-align:center}.seg-table.aldia thead th:nth-child(5),.seg-table.aldia td:nth-child(5){width:10%;min-width:90px;text-align:center}.seg-row-selected{background:#f0f9ff}.seg-alert{margin:12px 14px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:8px;padding:8px 10px;font-size:12px}.seg-field-readonly{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;color:#111827}.seg-muted{opacity:.7;color:#6b7280}.seg-historico{margin:12px 14px}.seg-historico h4{margin:8px 0 6px;color:#111827}.seg-historico ul{list-style:none;display:flex;flex-direction:column;gap:6px}.seg-badge{display:inline-block;font-size:11px;font-weight:700;color:#374151;border:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f3f4f6);border-radius:9999px;padding:2px 8px;margin-right:6px}.seg-select-wrap{display:flex;gap:8px;align-items:center}.seg-input{flex:1 1 40%;padding:8px;border:1px solid #d1d5db;border-radius:8px;min-height:36px}.seg-select-wrap select{flex:1 1 60%;padding:8px;border:1px solid #d1d5db;border-radius:8px;min-height:36px;background:#fff;color:#111827}.seg-tabs{display:flex;gap:6px;align-items:center}.seg-tab{padding:6px 10px;border:1px solid #e5e7eb;border-radius:9999px;background:#fff;color:#374151;font-size:12px;cursor:pointer}.seg-tab.is-active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.seg-kpi-card--green .seg-kpi-title,.seg-kpi-card--green .seg-kpi-value{color:#065f46}.seg-kpi-card--red .seg-kpi-title,.seg-kpi-card--red .seg-kpi-value{color:#7f1d1d}.btn-3d.btn-3d--accent{background:linear-gradient(180deg,#10b981,#059669);border-color:#047857;color:#fff}.btn-3d.btn-3d--accent:hover{background:linear-gradient(180deg,#34d399,#10b981)}.btn-3d.btn-3d--accent:active{background:linear-gradient(180deg,#059669,#047857)}.change-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.change-password-card{background:#fff;padding:1.75rem 1.5rem;border-radius:14px;box-shadow:0 16px 32px #00000014;width:100%;max-width:520px;text-align:center}.logos-container{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:1rem}.logo{height:42px;width:auto;object-fit:contain}.change-password-title{font-size:1.6rem;font-weight:700;color:#2d3748;margin:0 0 .25rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.change-password-subtitle{color:#718096;font-size:.95rem;margin:0 0 1rem}.user-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}.user-label{font-weight:600;color:#4a5568}.user-name{color:#1f2937!important;font-weight:600;white-space:nowrap}.user-label{white-space:nowrap}.error-message{background-color:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:1rem;border:1px solid #feb2b2;font-size:.875rem}.success-message{background-color:#c6f6d5;color:#22543d;padding:12px 16px;border-radius:8px;margin-bottom:1rem;border:1px solid #9ae6b4;font-size:.875rem;font-weight:500}.change-password-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:#374151;font-size:.875rem}.form-input{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:all .2s ease-in-out;background:#fff}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background-color:#f9fafb;cursor:not-allowed}.form-input::placeholder{color:#9ca3af}.form-actions{display:flex;gap:.75rem;margin-top:.25rem;flex-wrap:wrap}.form-actions .change-password-button,.form-actions .cancel-button{flex:1 1 48%}.change-password-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 18px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;width:100%}.change-password-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #667eea66}.change-password-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-button{background:transparent;color:#6b7280;border:2px solid #e5e7eb;padding:10px 18px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;width:100%}.cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.security-tips{margin-top:1rem;padding:1rem;background:#f8f9ff;border-radius:12px;border:1px solid #e0e7ff;text-align:left}.security-tips h3{margin:0 0 .75rem;color:#4338ca;font-size:.95rem;font-weight:600}.security-tips ul{margin:0;padding-left:1rem;color:#4b5563}.security-tips li{margin-bottom:.35rem;font-size:.85rem;line-height:1.35}.tips-toggle{margin-top:.75rem;background:transparent;border:1px solid #e5e7eb;color:#374151;padding:8px 12px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease-in-out}.tips-toggle:hover{background:#f9fafb}.security-tips li:last-child{margin-bottom:0}@media (max-width: 640px){.change-password-container{padding:.5rem}.change-password-card{padding:2rem 1.5rem}.logos-container{gap:15px}.logo{height:40px}.change-password-title{font-size:1.5rem}.form-actions{gap:.5rem}.security-tips{margin-top:1.5rem;padding:1.25rem}}.section-header h2{color:#333;font-size:20px;font-weight:600;margin-bottom:10px}.promedio-panel{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;transition:all .3s ease;border-left:5px solid #667eea}.promedio-panel:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.promedio-panel.purple{border-left-color:#8b5cf6}.promedio-panel.orange{border-left-color:#f59e0b}.promedio-panel.red{border-left-color:#ef4444}.promedio-panel.teal{border-left-color:#14b8a6}.promedio-panel.indigo{border-left-color:#6366f1}.promedio-panel.yellow{border-left-color:#eab308}.promedio-panel.pink{border-left-color:#ec4899}.promedio-panel.cyan{border-left-color:#06b6d4}.promedio-panel.emerald{border-left-color:#059669}.promedio-panel.amber{border-left-color:#d97706}.promedio-panel.lime{border-left-color:#65a30d}.promedio-panel.rose{border-left-color:#f43f5e}.promedio-panel.violet{border-left-color:#7c3aed}.panel-icon{font-size:24px;margin-right:16px;min-width:40px;text-align:center}.promedio-panel.blue .panel-value{color:#3b82f6}.promedio-panel.green .panel-value{color:#10b981}.promedio-panel.purple .panel-value{color:#8b5cf6}.promedio-panel.orange .panel-value{color:#f59e0b}.promedio-panel.red .panel-value{color:#ef4444}.promedio-panel.teal .panel-value{color:#14b8a6}.promedio-panel.indigo .panel-value{color:#6366f1}.promedio-panel.yellow .panel-value{color:#eab308}.promedio-panel.pink .panel-value{color:#ec4899}.promedio-panel.violet .panel-value{color:#7c3aed}.section-header-collapsible{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:6px 7px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;margin-bottom:4px}.section-header-collapsible+div{padding:7px;background:#fff;border:1px solid #e9ecef;border-radius:5px;margin-bottom:7px;font-size:.75rem}.promedio-panel{padding:18px}.tab-content-section a{color:#4f46e5;text-decoration:none;font-weight:600}@media (max-width: 420px){.promedios-grid{gap:10px}.promedio-panel{padding:14px}.panel-value{font-size:16px}}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow-x:auto;overflow-y:hidden;margin-top:20px;max-height:600px;position:relative}.reportes-table{width:100%;min-width:3000px;border-collapse:collapse;table-layout:auto}.reportes-table th{background:#f8f9fa;color:#333;font-weight:600;padding:12px 8px;text-align:center;border-bottom:2px solid #e9ecef;font-size:12px;white-space:nowrap;position:sticky;top:0;z-index:10}.reportes-table th:first-child{width:60px}.reportes-table th:nth-child(2){width:auto;min-width:150px;max-width:300px}.reportes-table th:nth-child(3),.reportes-table th:nth-child(4){width:120px}.reportes-table th:nth-child(5),.reportes-table th:nth-child(6){width:100px}.reportes-table th:nth-child(7),.reportes-table th:nth-child(8),.reportes-table th:nth-child(9),.reportes-table th:nth-child(10),.reportes-table th:nth-child(11){width:80px}.reportes-table th:nth-child(n+12):nth-child(-n+23){width:70px}.reportes-table th:nth-child(24),.reportes-table th:nth-child(25){width:90px}.reportes-table th:nth-child(26){width:auto;min-width:180px;max-width:300px}.reportes-table th:nth-child(27){width:120px}.reportes-table th:nth-child(28){width:110px}.reportes-table th:nth-child(29){width:130px}.reportes-table th:nth-child(30){width:120px}.reportes-table th:nth-child(31){width:auto;min-width:250px;max-width:400px}.reportes-table td{padding:8px 6px;border-bottom:1px solid #e9ecef;color:#555;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reportes-table td:nth-child(2),.reportes-table td:nth-child(26),.reportes-table td:nth-child(31){text-align:left;padding-left:10px;padding-right:10px;position:relative;white-space:normal;word-wrap:break-word;line-height:1.3;max-width:none}.reportes-table td:nth-child(26):hover:after,.reportes-table td:nth-child(31):hover:after{content:attr(title);position:absolute;left:0;top:100%;background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:11px;white-space:normal;z-index:1000;max-width:300px;box-shadow:0 2px 8px #0003}.reportes-table tbody tr:hover{background:#f8f9fa}.reportes-table tbody tr:nth-child(2n){background:#fdfdfd}.reportes-table tbody tr:nth-child(2n):hover{background:#f8f9fa}.score{padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px}.score.high{background:#d1fae5;color:#065f46}.score.medium{background:#fef3c7;color:#92400e}.score.low{background:#fee2e2;color:#991b1b}.status{padding:4px 8px;border-radius:6px;font-weight:500;font-size:12px;text-transform:capitalize}.status.active{background:#d1fae5;color:#065f46}.status.inactive{background:#f3f4f6;color:#374151}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:30px}.chart-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000001a}.chart-section h3{color:#333;font-size:20px;font-weight:600;margin-bottom:20px;border-bottom:2px solid #f1f3f4;padding-bottom:10px}.stats-list{display:flex;flex-direction:column;gap:10px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.stat-item:hover{background:#e9ecef;transform:translate(5px)}.stat-name{font-weight:600;color:#333;font-size:14px}.stat-values{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.stat-visits{font-size:12px;color:#666}.stat-score{font-size:14px;font-weight:600;color:#667eea}.control-button{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}@media (max-width: 768px){.page-container{padding:15px}.page-header{padding:20px;margin-bottom:20px}.page-header h1{font-size:24px}.page-header p{font-size:16px}.tabs-header{flex-direction:column}.tab-button{border-bottom:1px solid #e9ecef;border-right:none}.tab-button.active{border-bottom:1px solid #667eea;border-left:3px solid #667eea}.tab-content{padding:20px}.promedios-grid{grid-template-columns:1fr;gap:15px}.promedio-panel{padding:20px}.panel-icon{font-size:28px;margin-right:15px}.panel-value{font-size:20px}.charts-grid{grid-template-columns:1fr;gap:20px}.chart-section{padding:20px}.section-header h2{font-size:24px}.table-container{overflow-x:auto}.reportes-table{min-width:600px}.reportes-table th,.reportes-table td{padding:8px;font-size:12px}}@media (max-width: 480px){.page-header h1{font-size:20px}.page-header p{font-size:14px}.promedio-panel{flex-direction:column;text-align:center;padding:15px}.panel-icon{margin-right:0;margin-bottom:10px}.panel-content h4{font-size:14px}.panel-value,.chart-section h3{font-size:18px}.stat-item{flex-direction:column;text-align:center;gap:8px}.stat-values{align-items:center}}.tab-icon{width:18px;height:18px;margin-right:8px;vertical-align:middle;display:inline-block}.gestion-usuarios .users-table-container{margin-top:12px}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #e6e6e6;font-size:.9rem}.no-users{padding:16px;color:#666}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 6px;border-top:1px solid #f0f0f0;margin-top:12px;background:transparent}.pagination .page-info{font-size:.9rem;color:#333}.pagination .page-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btn-nav,.btn-page{background:#fff;border:1px solid #d0d0d0;color:#333;padding:6px 8px;border-radius:4px;cursor:pointer}.btn-nav[disabled],.btn-page[disabled]{opacity:.5;cursor:default}.btn-page.active{background:#0b74de;color:#fff;border-color:#0b74de}.page-size-select{margin-left:8px;padding:6px 8px;border-radius:4px;border:1px solid #d0d0d0;background:#fff}.page-header{display:flex;align-items:center;gap:12px}.page-header .search-input{padding:6px 10px;border:1px solid #d0d0d0;border-radius:6px;min-width:220px}.users-table .actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;min-height:32px;line-height:1}@media (max-width: 640px){.pagination{flex-direction:column;align-items:stretch}.pagination .page-controls{justify-content:space-between}}.gestion-usuarios{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.page-header h1{color:#2d3748;margin:0;font-size:2rem;font-weight:700}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#4a5568}.error-message{background:#fed7d7;color:#c53030;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #feb2b2}.access-denied{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.access-denied h2{color:#e53e3e;margin-bottom:1rem}.access-denied p{color:#718096;font-size:1.1rem}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table tbody tr{color:#2d3748}.users-table tbody td{color:#2d3748!important;font-weight:500}.users-table th{background:#4a5568;color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:1rem;border-bottom:1px solid #e2e8f0;vertical-align:middle;color:#2d3748;font-weight:500}.users-table tbody tr:hover{background:#f7fafc}.users-table tbody tr:hover td{color:#1a202c!important}.users-table tr:last-child td{border-bottom:none}.users-table td:first-child,.users-table td:nth-child(2),.users-table td:nth-child(5){color:#1a202c!important;font-weight:600;font-size:.95rem}.users-table td:nth-child(2){font-family:Courier New,monospace;background:#f8f9fa;color:#495057!important}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-admin{background:#fbb6ce;color:#97266d}.badge-user{background:#bee3f8;color:#2c5282}.badge-promotor{background:#e9d5ff;color:#6b21a8}.badge-active{background:#c6f6d5;color:#22543d}.badge-inactive{background:#fed7d7;color:#742a2a}.badge-temp{background:#faf089;color:#744210}.badge-no-temp{background:#e2e8f0;color:#4a5568}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;gap:.5rem}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-success{background:#48bb78;color:#fff}.btn-warning{background:#ed8936;color:#fff}.btn-danger{background:#f56565;color:#fff}.btn-info{background:#4299e1;color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.actions{display:flex;gap:.5rem;align-items:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-small{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f7fafc}.modal-header h3{margin:0;color:#2d3748;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#a0aec0;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#e2e8f0;color:#4a5568}.modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal-footer{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;background:#f7fafc}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.temp-password-info{text-align:center}.temp-password{font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;background:#f7fafc;padding:1rem;border-radius:8px;border:2px dashed #4299e1;color:#2b6cb0;margin:1rem 0;letter-spacing:2px}.temp-info{color:#4a5568;font-size:.9rem}.temp-note{background:#fef5e7;color:#744210;padding:.75rem;border-radius:6px;font-size:.875rem;margin-top:1rem}.warning{color:#e53e3e;font-weight:500}.no-users{text-align:center;padding:3rem;color:#718096;font-size:1.1rem}@media (max-width: 768px){.gestion-usuarios{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.modal{margin:1rem;max-width:calc(100% - 2rem)}.actions{flex-wrap:wrap}}.row-abierto{background-color:#fff8e1!important}.row-cerrado{background-color:#e6ffe6!important}.row-anulado{background-color:#ffe6e6!important}.seleccion-page{min-height:100vh;background:#f8f9fa;padding:20px}.seleccion-header{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 4px 6px #00000014;display:flex;justify-content:space-between;align-items:center}.seleccion-header h2{margin:0;font-size:18px;color:#111827}.seleccion-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.seleccion-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000014;overflow:auto;border:1px solid #e9ecef}.seleccion-table{width:100%;border-collapse:collapse;min-width:960px}.seleccion-table thead th{position:sticky;top:0;background:#f8f9fa;color:#333;font-weight:600;padding:10px 8px;text-align:center;border-bottom:2px solid #e9ecef;font-size:12px;white-space:nowrap;z-index:1}.seleccion-table td{padding:8px 6px;border-bottom:1px solid #e9ecef;color:#555;font-size:12px;text-align:center;white-space:nowrap}.seleccion-form .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seleccion-form label{display:flex;flex-direction:column;font-size:13px;color:#374151}.seleccion-form input,.seleccion-form select{padding:8px;border:1px solid #d1d5db;border-radius:8px;width:100%;box-sizing:border-box;min-height:36px}.seleccion-form select{max-width:100%}@media (max-width:768px){.seleccion-form .grid-2{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}@media (max-width:1200px){.seleccion-actions{gap:6px}.search-box{flex:1 1 260px;max-width:420px}.estado-select{max-width:150px}}.mat-page{min-height:100vh;background:#f8f9fa;padding:20px}.search-box{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:8px 12px;border-radius:8px;border:1px solid #e9ecef;min-width:260px;max-width:520px;flex:1 1 320px}.mat-table{width:100%;border-collapse:collapse;min-width:960px}.mat-table thead th{position:sticky;top:0;background:#f8f9fa;color:#333;font-weight:600;padding:10px 8px;text-align:center;border-bottom:2px solid #e9ecef;font-size:12px;white-space:nowrap;z-index:1}.mat-table td{padding:8px 6px;border-bottom:1px solid #e9ecef;color:#555;font-size:12px;text-align:center;white-space:nowrap}.mat-form .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mat-form label{display:flex;flex-direction:column;font-size:13px;color:#374151}.mat-form input,.mat-form select{padding:8px;border:1px solid #d1d5db;border-radius:8px;width:100%;box-sizing:border-box;min-height:36px}.mat-form select{max-width:100%}.modal{background:#fff;border-radius:8px;max-width:800px;width:95%;box-shadow:0 10px 25px #00000026;overflow:hidden}.modal-body{max-height:70vh;overflow:auto}@media (max-width:768px){.mat-form .grid-2{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}@media (max-width:1200px){.mat-actions{gap:6px}.search-box{flex:1 1 260px;max-width:420px}.estado-select{max-width:150px}}.page-header{background:#fff;border-radius:12px;padding:25.5px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a;text-align:center}.page-header h1{color:#333;font-size:24px;font-weight:600;margin-bottom:10px}.page-header p{color:#666;font-size:16px;margin:0}.tab-button{flex:1;padding:12px 16px;background:transparent;border:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.tab-content{padding:30px;min-height:300px}.promedios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}.promedio-panel{background:#fff;border-radius:12px;padding:18px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;transition:all .3s ease;border-left:5px solid #667eea}.promedio-panel.blue{border-left-color:#3b82f6}.promedio-panel.green{border-left-color:#10b981}.panel-icon{font-size:20px;margin-right:12px;min-width:36px}.panel-value{color:#667eea;font-size:18px;font-weight:700}@media (max-width: 768px){.page-container{padding:15px}.tab-content{padding:20px}.promedios-grid{grid-template-columns:1fr;gap:15px}}.table-container{overflow:auto}.reportes-table{width:100%;border-collapse:collapse;table-layout:fixed}.reportes-table th,.reportes-table td{padding:6px 8px;border-bottom:1px solid #eee;vertical-align:middle;font-size:12px}.reportes-table th{background:#fafafa;text-align:center;font-weight:600}.reportes-table th:nth-child(2),.reportes-table td:nth-child(2){width:70px;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ventas-tooltip{position:fixed;z-index:1200;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 20px #11182714;padding:10px 12px;border-radius:8px;font-size:13px;color:#111827;max-width:380px;max-height:320px;overflow:auto}.ventas-tooltip h4{margin:0 0 6px;font-size:13px;font-weight:700}.ventas-tooltip ul{margin:0;padding-left:14px}.ventas-tooltip li{margin-bottom:6px}.reportes-table th:nth-child(10),.reportes-table td:nth-child(10){width:20px}.reportes-table th:nth-child(11),.reportes-table td:nth-child(11){width:22px}.reportes-table th,.reportes-table td{min-width:6px}.reportes-table th,.reportes-table td{max-width:160px;overflow:hidden;text-overflow:ellipsis}.reportes-table th,.reportes-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reportes-table th:nth-child(3),.reportes-table td:nth-child(3){width:2.5%!important;max-width:40px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reportes-table th:nth-child(4),.reportes-table td:nth-child(4){width:7%!important;max-width:80px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reportes-table th:nth-child(5),.reportes-table td:nth-child(5){width:3%!important;max-width:40px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reportes-table th:nth-child(6),.reportes-table td:nth-child(6){width:3%!important;max-width:40px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reportes-table th:nth-child(7),.reportes-table td:nth-child(7){width:3%!important;max-width:40px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reportes-table th:nth-child(8),.reportes-table td:nth-child(8){width:3%!important;max-width:40px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reportes-table th:nth-child(9),.reportes-table td:nth-child(9){width:3%!important;max-width:40px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reportes-table th:nth-child(10),.reportes-table td:nth-child(10){width:3%!important;max-width:40px!important}.reportes-table th:nth-child(11),.reportes-table td:nth-child(11){width:3%!important;max-width:40px!important}.reportes-table td{white-space:nowrap}.data-info{color:#333!important;font-weight:600}.reportes-table th{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reportes-table td:nth-last-child(1){white-space:normal}.hidden-col{display:none}.ventas-filters input[type=text],.ventas-filters input[type=date],.ventas-filters .control-button{height:34px}.ventas-filters-header{display:flex!important;align-items:flex-end!important;gap:12px}.ventas-filters-header .filter-column{display:flex;flex-direction:column}.ventas-filters-header .filter-column input,.ventas-filters-header .filter-column select{height:34px;box-sizing:border-box}.ventas-filters-header .filter-column input::placeholder{color:#9ca3af}.ventas-filters-header .limpiar-button{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;background:#f3f4f6;border:1px solid #e5e7eb;color:#111827}.ventas-react-select__control{min-height:34px;border-radius:6px;border:1px solid #d1d5db}.ventas-react-select__control--is-focused{box-shadow:none;border-color:#c7d2fe}.ventas-react-select__value-container{padding:0 8px}.ventas-react-select__input input{height:28px}.ventas-react-select__menu{z-index:1400}.ventas-react-select__control,.ventas-react-select__single-value,.ventas-react-select__placeholder,.ventas-react-select__option{font-size:13px!important;line-height:1.2!important;color:#0f172a!important}.ventas-react-select__control{min-width:220px;max-width:360px}.ventas-react-select__value-container{padding:4px 8px!important}.ventas-react-select__input input{font-size:13px!important}.ventas-react-select__menu{max-height:220px;font-size:13px}.ventas-react-select__option{padding:6px 10px}.ventas-react-select__option--is-focused{background:#eef2ff;color:#0f172a}.ventas-react-select__option--is-selected{background:#2563eb;color:#fff}.ventas-react-select__control--is-focused{box-shadow:0 0 0 2px #6366f11f!important;border-color:#6366f1!important}@media (max-width: 900px){.ventas-react-select__control{max-width:100%!important}.ventas-react-select__menu{max-height:180px}}.filter-label{font-size:12px;color:#6b7280;margin-bottom:4px;line-height:1}.ventas-react-select__menu{position:relative}.ventas-react-select__menu,.ventas-react-select__menu-list,.ventas-react-select__menu-portal,.ventas-react-select__menu-list::-webkit-scrollbar-track{background:#fff!important}.ventas-react-select__menu-portal,.ventas-react-select__menu,.ventas-react-select__menu-list{background-color:#fff!important;box-shadow:0 8px 24px #0f172a1f!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:8px!important}.ventas-react-select__menu-list{padding:6px 0!important}.ventas-react-select__option{background-color:transparent!important}.ventas-react-select__option--is-focused{background-color:#eef2ff!important}.ventas-react-select__option--is-selected{background-color:#2563eb!important;color:#fff!important}.ventas-react-select__menu-portal{z-index:3000!important;position:absolute!important}.pagination-bar{display:flex;align-items:center;gap:12px}.pagination-bar select{padding:6px 8px;height:34px}.pagination-bar .control-button{height:34px}.pagination-bar label{margin-right:6px;color:#374151}.reportes-table td:nth-last-child(1){white-space:normal!important;max-width:360px!important}.ventas-page .reportes-table{min-width:0!important;table-layout:fixed!important;width:100%!important}.ventas-page .reportes-table th:nth-child(3),.ventas-page .reportes-table td:nth-child(3){width:8%!important;max-width:none!important}.ventas-page .reportes-table th:nth-child(4),.ventas-page .reportes-table td:nth-child(4){width:62%!important;max-width:none!important}.ventas-page .reportes-table th:nth-child(5),.ventas-page .reportes-table td:nth-child(5){width:26%!important;max-width:none!important}.ventas-page .reportes-table th:nth-child(6),.ventas-page .reportes-table td:nth-child(6){width:0!important;max-width:0!important}.ventas-page .reportes-table th:nth-child(7),.ventas-page .reportes-table td:nth-child(7){width:0!important;max-width:0!important}.ventas-page .reportes-table th:nth-child(8),.ventas-page .reportes-table td:nth-child(8){width:12%!important;max-width:none!important}.ventas-page .reportes-table th:nth-child(9),.ventas-page .reportes-table td:nth-child(9){width:4%!important;max-width:none!important}.ventas-page .reportes-table th:nth-child(10),.ventas-page .reportes-table td:nth-child(10){width:8%!important;max-width:none!important}.ventas-page .reportes-table th:nth-child(11),.ventas-page .reportes-table td:nth-child(11){width:11%!important;max-width:none!important}.ventas-page .reportes-table th.hidden-col,.ventas-page .reportes-table td.hidden-col{display:none!important;width:0!important;padding:0!important}.ventas-page .reportes-table th:first-child,.ventas-page .reportes-table td:first-child{width:40px!important;max-width:40px!important}.ventas-page .reportes-table td:nth-last-child(1){white-space:normal!important;max-width:360px!important}.ventas-page .reportes-table th,.ventas-page .reportes-table td{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ventas-page .reportes-table th:nth-child(4),.ventas-page .reportes-table td:nth-child(4){width:9%!important;max-width:104px!important}.ventas-page .reportes-table th:nth-child(5),.ventas-page .reportes-table td:nth-child(5){width:4%!important;max-width:52px!important}.ventas-page .reportes-table th:nth-child(6),.ventas-page .reportes-table td:nth-child(6){width:4%!important;max-width:52px!important}.ventas-page .table-container{overflow-x:auto!important;overflow-y:auto!important;max-height:58vh}.ventas-page .tabs-container,.ventas-page .page-header{width:100%!important;margin-left:0!important;box-sizing:border-box}@media (max-width: 900px){.ventas-page .tabs-container,.ventas-page .page-header{width:100%;margin-left:0}}.ventas-page .ranking-value-units{display:inline-block;background:#1e40af;color:#fff;padding:4px 8px;border-radius:6px;font-weight:700;box-shadow:0 1px #0000000f}.ventas-page .ranking-value-euros{display:inline-block;background:#047857;color:#fff;padding:4px 8px;border-radius:6px;font-weight:700;box-shadow:0 1px #0000000f}.ventas-page .collapsible-section ol li{overflow:visible!important}.collapsible-section .section-header-collapsible h3{font-weight:600;margin:0}.grafica-grid h4{font-size:15px;margin-bottom:6px;font-weight:700;color:#0f172a}.bars-list .chart-bar{transition:width .3s ease}.pagination-controls{display:flex;justify-content:flex-start;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}.pagination-controls .btn-nav,.pagination-controls .btn-page{border:1px solid rgba(15,23,42,.06);background:#fff;color:#0f172a;padding:6px 10px;border-radius:6px;cursor:pointer;min-width:36px;height:34px;display:inline-flex;align-items:center;justify-content:center;transition:all .14s ease}.pagination-controls .btn-nav[disabled],.pagination-controls .btn-page[disabled]{opacity:.45;cursor:default}.pagination-controls .btn-page.active{background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 6px 18px #6366f11f}.page-size-container{display:flex;align-items:center;gap:8px;margin-left:12px}.page-size-container .page-size-label{color:#374151;font-size:13px}.page-size-container select{padding:6px 8px;height:34px;border-radius:6px;border:1px solid #e5e7eb}.collapsible-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:6px 7px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;margin-bottom:4px}.collapsible-content{padding:8px;background-color:#fff;border:1px solid #e9ecef;border-radius:5px;margin-bottom:8px}.bars-list{display:flex;flex-direction:column;gap:8px}.bar-row{display:flex;align-items:center;gap:8px}.bar-title{flex:0 0 300px;font-size:12px;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{flex:1 1 auto;height:14px;background:#f1f5f9;border-radius:6px;overflow:hidden}.chart-bar{height:100%;border-radius:6px;transition:width .3s ease,background .2s ease}.bar-value{width:120px;text-align:right;font-size:12px;font-weight:700}.topn-select{margin-left:12px;padding:4px 8px;height:30px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;font-size:13px}.collapsible-header .header-right{display:flex;align-items:center;gap:8px}.ventas-summary-container{align-items:center}.ventas-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;height:34px;line-height:1;border-radius:8px;color:#fff;font-weight:700;box-shadow:0 2px 6px #0206170f;font-size:13px;justify-content:center}.ventas-badge.unidades{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.ventas-badge.euros{background:linear-gradient(90deg,#10b981,#34d399)}.ventas-summary-outside .ventas-badge.unidades{min-width:135px;width:135px}.ventas-summary-outside .ventas-badge.euros{min-width:112px;width:112px}.ventas-summary-outside .ventas-badge span:first-child{font-size:13px;font-weight:800;margin-right:6px}.ventas-summary-outside .ventas-badge span:last-child{font-size:11px;opacity:.9;margin-left:6px}.pagination-and-summaries{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.ventas-summary-outside{display:flex;gap:12px;align-items:center}.pagination-controls .page-records-label{margin-left:0;margin-right:8px}.ventas-page .ventas-only-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;overflow:visible!important}.ventas-page .ventas-only-table th,.ventas-page .ventas-only-table td{padding:6px 8px!important;font-size:12px!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:none!important;box-sizing:border-box!important}.ventas-page .ventas-only-table th:nth-child(1),.ventas-page .ventas-only-table td:nth-child(1){width:0!important;padding:0!important}.ventas-page .ventas-only-table th:nth-child(2),.ventas-page .ventas-only-table td:nth-child(2){width:0!important;padding:0!important}.ventas-page .ventas-only-table th:nth-child(3),.ventas-page .ventas-only-table td:nth-child(3){width:6%!important;max-width:80px!important}.ventas-page .ventas-only-table th:nth-child(4),.ventas-page .ventas-only-table td:nth-child(4){width:32%!important;max-width:480px!important}.ventas-page .ventas-only-table th:nth-child(5),.ventas-page .ventas-only-table td:nth-child(5){width:22%!important;max-width:360px!important}.ventas-page .ventas-only-table th:nth-child(8),.ventas-page .ventas-only-table td:nth-child(8){width:8%!important}.ventas-page .ventas-only-table th:nth-child(9),.ventas-page .ventas-only-table td:nth-child(9){width:4%!important}.ventas-page .ventas-only-table th:nth-child(10),.ventas-page .ventas-only-table td:nth-child(10){width:6%!important}.ventas-page .ventas-only-table th:nth-child(11),.ventas-page .ventas-only-table td:nth-child(11){width:6%!important}.ventas-page .ventas-only-table td:nth-last-child(1){white-space:normal!important;max-width:none!important}.ventas-page .ventas-only-table .hidden-col{display:none!important;width:0!important;padding:0!important}.ventas-page .table-container{overflow-x:auto!important;min-width:0!important}.ventas-page .ventas-only-table{width:100%!important;table-layout:fixed!important}.ventas-page .ventas-only-table th:nth-child(4),.ventas-page .ventas-only-table td:nth-child(4),.ventas-page .ventas-only-table th:nth-child(5),.ventas-page .ventas-only-table td:nth-child(5){white-space:normal!important}.ventas-page .ventas-only-table th:nth-child(3),.ventas-page .ventas-only-table td:nth-child(3){width:14.2857%!important}.ventas-page .ventas-only-table th:nth-child(4),.ventas-page .ventas-only-table td:nth-child(4){width:14.2857%!important}.ventas-page .ventas-only-table th:nth-child(5),.ventas-page .ventas-only-table td:nth-child(5){width:14.2857%!important}.ventas-page .ventas-only-table th:nth-child(6),.ventas-page .ventas-only-table td:nth-child(6){width:0!important}.ventas-page .ventas-only-table th:nth-child(7),.ventas-page .ventas-only-table td:nth-child(7){width:0!important}.ventas-page .ventas-only-table th:nth-child(8),.ventas-page .ventas-only-table td:nth-child(8){width:14.2857%!important}.ventas-page .ventas-only-table th:nth-child(9),.ventas-page .ventas-only-table td:nth-child(9){width:14.2857%!important}.ventas-page .ventas-only-table th:nth-child(10),.ventas-page .ventas-only-table td:nth-child(10){width:14.2857%!important}.ventas-page .ventas-only-table th:nth-child(11),.ventas-page .ventas-only-table td:nth-child(11){width:14.2857%!important}.ventas-page .ventas-only-table th:last-child,.ventas-page .ventas-only-table td:last-child{width:auto!important}.ventas-page .table-container{overflow-x:auto!important}.ventas-header-buttons{display:flex;gap:8px;align-items:center}.ventas-header-buttons .btn-excel,.ventas-header-buttons .btn-icon.btn-primary{height:36px;min-height:36px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ventas-header-buttons .btn-icon{width:36px;height:36px;padding:0;border-radius:8px}.ventas-header-buttons .btn-icon.btn-primary{width:36px;height:36px;padding:0}.ventas-header-buttons .btn-icon:disabled,.ventas-header-buttons .btn-excel:disabled{opacity:.6;cursor:not-allowed}.ventas-header-buttons .icon-white{width:18px!important;height:18px!important;color:#fff!important}.ventas-header-buttons .icon-white svg{width:18px!important;height:18px!important}.tab-button{flex:1;padding:15px 20px;background:transparent;border:none;font-size:16px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.tab-button.active{background:#fff;color:#667eea;border-bottom-color:#667eea}.tab-content{padding:30px;min-height:500px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-message{background:#fee2e2;color:#991b1b;padding:15px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #fecaca;text-align:center}.estadisticas-container{width:100%}.section-header{text-align:center;margin-bottom:40px}.section-header p{color:#666;font-size:16px}.estadisticas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.estadistica-panel{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;transition:all .3s ease;border-left:5px solid #667eea}.estadistica-panel:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.estadistica-panel.blue{border-left-color:#3b82f6}.estadistica-panel.green{border-left-color:#10b981}.estadistica-panel.purple{border-left-color:#8b5cf6}.estadistica-panel.orange{border-left-color:#f59e0b}.estadistica-panel.red{border-left-color:#ef4444}.estadistica-panel.teal{border-left-color:#14b8a6}.estadistica-panel.indigo{border-left-color:#6366f1}.estadistica-panel.yellow{border-left-color:#eab308}.panel-icon{font-size:32px;margin-right:20px;min-width:50px;text-align:center}.panel-content h4{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.panel-value{color:#667eea;font-size:24px;font-weight:700}.panel-range{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:.75rem;color:#64748b;font-weight:500}.range-item{background:#ffffffb3;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.range-separator{color:#94a3b8;font-weight:600}.datos-container{width:100%}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow-x:auto;margin-top:20px}.rotacion-table th{background:#f8f9fa;color:#333;font-weight:600;padding:12px 10px;text-align:center;border-bottom:2px solid #e9ecef;font-size:12px!important;white-space:nowrap}.rotacion-table thead th:nth-child(3),.rotacion-table thead th:nth-child(6),.rotacion-table thead th:nth-child(7){font-size:13px!important}.rotacion-table td{padding:12px;border-bottom:1px solid #e9ecef;color:#555;font-size:14px}.rotacion-table tbody tr:hover{background:#f8f9fa}.gpv-name{font-weight:600;color:#333}.rotacion-table td.gpv-name{font-size:12px!important}.tiendas-count,.rotacion-score,.sobre-total{padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px;background:#f3f4f6;color:#374151;display:inline-block}.tiendas-count.high,.rotacion-score.high,.sobre-total.high,.tiendas-count.medium,.rotacion-score.medium,.sobre-total.medium,.tiendas-count.low,.rotacion-score.low,.sobre-total.low{background:#f3f4f6;color:#374151;border-left:none}.rotacion-table .tiendas-count,.rotacion-table .rotacion-score,.rotacion-table .rotacion-por-tienda,.rotacion-table .sobre-total,.rotacion-table .tiendas-count.high,.rotacion-table .rotacion-score.high,.rotacion-table .rotacion-por-tienda.high,.rotacion-table .sobre-total.high,.rotacion-table .tiendas-count.medium,.rotacion-table .rotacion-score.medium,.rotacion-table .rotacion-por-tienda.medium,.rotacion-table .sobre-total.medium,.rotacion-table .tiendas-count.low,.rotacion-table .rotacion-score.low,.rotacion-table .rotacion-por-tienda.low,.rotacion-table .sobre-total.low{background:#f3f4f6!important;color:#374151!important;border-left:none!important}.analisis-container{width:100%}.analisis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:30px}.analisis-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000001a}.analisis-section h3{color:#333;font-size:20px;font-weight:600;margin-bottom:20px;border-bottom:2px solid #f1f3f4;padding-bottom:10px}.top-lists{display:grid;grid-template-columns:1fr 1fr;gap:20px}.top-alta h4{color:#10b981;margin-bottom:15px}.top-baja h4{color:#ef4444;margin-bottom:15px}.top-items{display:flex;flex-direction:column;gap:8px}.top-item{display:flex;align-items:center;padding:10px;border-radius:8px;font-size:14px}.top-item.alta{background:#d1fae5;border-left:4px solid #10b981}.top-item.baja{background:#fee2e2;border-left:4px solid #ef4444}.position{font-weight:700;min-width:30px}.gpv-name{flex:1;margin:0 10px}.value{font-weight:600;color:#667eea}.rangos-list,.correlacion-list{display:flex;flex-direction:column;gap:15px}.rango-item,.correlacion-item{background:#f8f9fa;border-radius:8px;padding:15px;border-left:4px solid #667eea}.rango-header,.correlacion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rango-nombre,.grupo-nombre{font-weight:600;color:#333}.rango-cantidad,.grupo-cantidad{background:#667eea;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.rango-stats,.correlacion-stats{display:flex;gap:20px;flex-wrap:wrap}.stat{font-size:14px;color:#666}@media (max-width: 768px){.page-container{padding:15px}.page-header{padding:20px;margin-bottom:20px}.page-header h1{font-size:24px}.page-header p{font-size:16px}.tabs-header{flex-direction:column}.tab-button{border-bottom:1px solid #e9ecef;border-right:none}.tab-button.active{border-bottom:1px solid #667eea;border-left:3px solid #667eea}.tab-content{padding:20px}.estadisticas-grid{grid-template-columns:1fr;gap:15px}.estadistica-panel{padding:20px}.panel-icon{font-size:28px;margin-right:15px}.panel-value{font-size:20px}.analisis-grid{grid-template-columns:1fr;gap:20px}.analisis-section{padding:20px}.top-lists{grid-template-columns:1fr}.section-header h2{font-size:24px}.rotacion-table{min-width:600px}.rotacion-table th,.rotacion-table td{padding:8px;font-size:12px}}@media (max-width: 480px){.page-header h1{font-size:20px}.page-header p{font-size:14px}.estadistica-panel{flex-direction:column;text-align:center;padding:15px}.panel-icon{margin-right:0;margin-bottom:10px}.panel-content h4{font-size:14px}.panel-value,.analisis-section h3{font-size:18px}.top-item{flex-direction:column;text-align:center;gap:5px}.rango-header,.correlacion-header{flex-direction:column;gap:10px;text-align:center}.rango-stats,.correlacion-stats{justify-content:center;gap:10px}}.graficas-container{width:100%}.charts-grid{display:flex;flex-direction:column;gap:30px;margin-top:30px}.chart-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000001a;width:100%}.chart-section h3{color:#333;font-size:20px;font-weight:600;margin-bottom:20px;border-bottom:2px solid #f1f3f4;padding-bottom:10px;text-align:center}.chart-info{display:flex;justify-content:center;margin-bottom:15px}.promedio-label{background:#e3f2fd;color:#1976d2;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid #bbdefb}.chart-bars{display:flex;gap:10px;align-items:flex-end;justify-content:space-around;height:300px;padding:20px 0;overflow-x:auto;position:relative}.bar-item{display:flex;flex-direction:column;align-items:center;min-width:60px;height:100%;justify-content:flex-end}.bar-value-top{font-size:12px;font-weight:600;color:#333;background:#f8f9fa;padding:4px 8px;border-radius:12px;border:1px solid #e9ecef;margin-bottom:5px;box-shadow:0 2px 4px #0000001a}.bar-value-inside{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:#555;text-shadow:1px 1px 2px rgba(255,255,255,.8);white-space:nowrap;background:#ffffffe6;padding:2px 6px;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.average-line{position:absolute;left:0;right:0;height:3px;z-index:10;border-radius:2px}.average-line.tiendas-avg{background:linear-gradient(90deg,#28a745,#20c997);border-color:#28a745cc}.average-line.rotacion-avg{background:linear-gradient(90deg,#6f42c1,#8b5cf6);border-color:#6f42c1cc}.average-line.sobre-total-avg{background:linear-gradient(90deg,#fd7e14,#ffc107);border-color:#fd7e14cc}.avg-label{position:absolute;right:0;top:-25px;font-size:11px;font-weight:600;color:#333;background:#fffffff2;padding:4px 8px;border-radius:12px;border:1px solid #dee2e6;white-space:nowrap;box-shadow:0 2px 6px #0000001a}.chart-container{position:relative;width:100%}.chart-bars,.bar-container{position:relative}.bar-container{height:200px;width:40px;display:flex;align-items:end;justify-content:center;margin-bottom:10px}.bar{width:100%;border-radius:4px 4px 0 0;transition:all .3s ease;min-height:10px}.bar:hover{transform:scaleY(1.05);opacity:.8}.bar.gpv-tiendas{background:linear-gradient(180deg,#10b981,#065f46)}.bar.gpv-rotacion{background:linear-gradient(180deg,#8b5cf6,#5b21b6)}.bar.gpv-sobre-total{background:linear-gradient(180deg,#f59e0b,#d97706)}.bar-label{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;min-height:45px;margin-top:8px;justify-content:flex-start}.bar-label .gpv-name{font-size:10px;color:#666;font-weight:500;max-width:60px;word-wrap:break-word;line-height:1.2;text-align:center}.bar-value{font-size:12px;font-weight:600;color:#333;background:#f8f9fa;padding:2px 6px;border-radius:12px;border:1px solid #e9ecef}@media (max-width: 768px){.charts-grid{gap:20px}.chart-section{padding:20px}.chart-section h3{font-size:18px}.chart-bars{height:250px;gap:8px}.bar-container{height:150px;width:30px}.bar-item{min-width:40px}.bar-label .gpv-name{font-size:9px;max-width:40px}.bar-value{font-size:10px;padding:1px 4px}.bar-value-top{font-size:10px;padding:2px 6px}.bar-value-inside{font-size:9px}.avg-label{font-size:9px;padding:1px 4px}}@media (max-width: 480px){.chart-bars{height:200px;gap:5px;padding:10px 0}.bar-container{height:120px;width:25px}.bar-item{min-width:30px}.bar-label .gpv-name{font-size:8px;max-width:30px}.bar-value{font-size:9px;padding:1px 3px}.bar-value-top{font-size:9px;padding:2px 4px}.bar-value-inside{font-size:8px}.avg-label{font-size:8px;padding:1px 3px}}.page-container{min-height:100vh;background:#f8f9fa;padding:20px}.page-header{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a;text-align:center}.page-header h1{color:#333;font-size:32px;font-weight:600;margin-bottom:10px}.page-header p{color:#666;font-size:18px;margin:0}.tabs-header{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef}.tab-button{flex:1;padding:15px 20px;background:transparent;border:none;font-size:16px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.tab-button:hover{background:#e9ecef;color:#333}.tab-button.active{background:#007bff;color:#fff;font-weight:600}.tab-content{padding:30px}.loading-container{text-align:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border:1px solid #f5c6cb;border-radius:8px;margin:16px 0;font-size:14px}.section-header{text-align:center;margin-bottom:30px}.section-header h2{color:#333;font-size:28px;font-weight:600;margin-bottom:10px}.section-header p{color:#666;font-size:16px;margin:0}.collapsible-sections{display:flex;flex-direction:column;gap:16px}.collapsible-section{background:#fff;border-radius:12px;padding:0;box-shadow:0 4px 6px #0000001a}.section-header-collapsible{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;transition:background-color .3s ease}.section-header-collapsible:hover{background-color:#e9ecef}.section-header-collapsible h3{margin:0;color:#333}.stats-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.stat-item{border:1px solid #e9ecef;border-radius:8px;padding:15px;background-color:#f8f9fa;transition:box-shadow .3s ease}.stat-item:hover{box-shadow:0 4px 8px #0000001a}.stat-item .stat-name{margin:0 0 10px;color:#495057;font-weight:600}.stat-item .stat-values{margin:5px 0;font-size:14px}.stat-item .stat-visits{color:#6c757d;margin-right:10px}.stat-item .stat-score{color:#007bff;font-weight:700}.data-container{max-height:400px;overflow-y:auto}.data-list{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border:1px solid #e9ecef;border-radius:6px;margin-bottom:8px;background-color:#f8f9fa;transition:background-color .3s ease}.data-list:hover{background-color:#e9ecef}.data-list strong{color:#495057}.search-container{margin-bottom:20px}.search-input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#007bff}.chart-item{padding:16px;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px}.chart-item h4{color:#333;margin-bottom:16px;font-size:16px;font-weight:600}.gpv-chart{display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.gpv-chart::-webkit-scrollbar{height:6px}.gpv-chart::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.gpv-chart::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.gpv-chart::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.promotor-chart{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.promotor-chart::-webkit-scrollbar{height:6px}.promotor-chart::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.promotor-chart::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.promotor-chart::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fillUp{0%{height:0%}to{height:var(--final-height)}}@media (max-width: 768px){.page-container{padding:10px}.page-header{padding:20px}.page-header h1{font-size:24px}.page-header p{font-size:16px}.tab-content{padding:20px}.stats-list{grid-template-columns:1fr}.chart-item{padding:12px}.gpv-chart,.promotor-chart{gap:8px}}@media (max-width: 480px){.page-container{padding:5px}.page-header{padding:15px}.page-header h1{font-size:20px}.tab-content{padding:15px}.chart-item{padding:8px}.gpv-chart,.promotor-chart,.criteria-chart{gap:6px}}.page-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.page-header h1{margin:0;font-size:20px;line-height:1.1}.header-controls{display:flex;align-items:center;gap:12px;flex:0 1 520px;justify-content:flex-end;flex-wrap:wrap}.header-controls .search-panel{flex:1 1 320px;min-width:180px}@media (max-width: 768px){.page-header{align-items:flex-start}.header-controls{width:100%;margin-top:8px;justify-content:flex-start}.header-controls .search-panel{flex:1 1 100%;max-width:100%}.header-controls>div,.header-controls>button{flex:0 1 auto}}@media (max-width: 480px){.page-header h1{font-size:18px}.header-controls{gap:8px}.header-controls .search-panel{padding:6px 10px}.header-controls input[type=month],.header-controls .btn-secondary{flex:0 1 auto}}.control-buttons{display:flex;gap:10px;align-items:center}.control-button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.control-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.control-button:disabled{cursor:not-allowed;opacity:.6}.control-button.expand{background-color:#28a745;color:#fff}.control-button.expand:disabled{background-color:#e9ecef;color:#6c757d}.control-button.collapse{background-color:#dc3545;color:#fff}.control-button.collapse:disabled{background-color:#e9ecef;color:#6c757d}.criteria-chart{display:flex;flex-direction:column;gap:8px}.criteria-chart>div{transition:background-color .3s ease,transform .2s ease}.criteria-chart>div:hover{background-color:#e9ecef!important;transform:translate(2px)}.worked-cell,.absentismo-cell,.porcentaje-cell{display:inline-block;min-width:60px;padding:4px 10px;border-radius:16px;text-align:center;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.3px;box-shadow:0 1px 2px #00000014;transition:background-color .25s ease,color .25s ease,transform .2s ease}.worked-cell:hover,.absentismo-cell:hover,.porcentaje-cell:hover{transform:translateY(-2px)}.worked-positive{background:#e3f9e7;color:#1e7e34;border:1px solid #b8e6c2}.worked-zero{background:#fde2e1;color:#b21f2d;border:1px solid #f5b5b2}.abs-zero{background:#e3f9e7;color:#1e7e34;border:1px solid #b8e6c2}.abs-low{background:#fff4e0;color:#b36b00;border:1px solid #f8d7a6}.abs-medium{background:#ffe0b3;color:#a14d00;border:1px solid #f4c180}.abs-high,.perc-0{background:#fde2e1;color:#b21f2d;border:1px solid #f5b5b2}.perc-low{background:#ffe7c7;color:#a55a00;border:1px solid #f5c999}.perc-mid{background:#fff4e0;color:#856404;border:1px solid #f8d7a6}.perc-100{background:#e3f9e7;color:#1e7e34;border:1px solid #b8e6c2}@media (prefers-color-scheme: dark){.worked-positive{background:#1f3b29;color:#7bdc91;border-color:#295e3b}.worked-zero{background:#4a1f1d;color:#ff9f96;border-color:#7a3a35}.abs-zero{background:#1f3b29;color:#7bdc91;border-color:#295e3b}.abs-low{background:#4b3716;color:#f3c274;border-color:#6b4d1d}.abs-medium{background:#5a3411;color:#ffb870;border-color:#7a4a1b}.abs-high,.perc-0{background:#4a1f1d;color:#ff9f96;border-color:#7a3a35}.perc-low{background:#4b3716;color:#f3c274;border-color:#6b4d1d}.perc-mid{background:#55421b;color:#ffcf85;border-color:#755c26}.perc-100{background:#1f3b29;color:#7bdc91;border-color:#295e3b}.worked-cell,.absentismo-cell,.porcentaje-cell{box-shadow:none}}body[data-high-contrast=true] .worked-positive,body[data-high-contrast=true] .abs-zero,body[data-high-contrast=true] .perc-100{background:#0d4422;color:#a9f5c2}body[data-high-contrast=true] .worked-zero,body[data-high-contrast=true] .abs-high,body[data-high-contrast=true] .perc-0{background:#5c1212;color:#ffc4c0}body[data-high-contrast=true] .abs-low,body[data-high-contrast=true] .perc-low{background:#5a3a00;color:#ffd28a}body[data-high-contrast=true] .abs-medium,body[data-high-contrast=true] .perc-mid{background:#5a2d00;color:#ffc37a}td.td-worked,td.td-abs,td.td-perc{font-weight:inherit;font-size:14px;background:transparent!important}.rotacion-score{padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px;display:inline-block;min-width:52px;text-align:center}.rotacion-score.high{background:#d1fae5;color:#065f46}.rotacion-score.medium{background:#fef3c7;color:#92400e}.rotacion-score.low{background:#fee2e2;color:#991b1b}.worked-chip,.abs-chip,.perc-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 14px!important;min-width:64px;border-radius:999px;font-size:12px;font-weight:600;text-align:center;line-height:1.15;letter-spacing:.4px;white-space:nowrap;vertical-align:middle;background:#f1f5f9;color:#334155;transition:transform .15s ease,background-color .25s ease,box-shadow .25s ease,color .25s ease;margin:0 auto;box-shadow:0 0 0 1px #0000000d,0 1px 2px #00000014;border:1px solid rgba(0,0,0,.04)}.worked-chip.positive,.abs-chip.zero,.perc-chip.full{box-shadow:0 0 0 1px #065f4633,0 2px 4px -1px #00000014}.worked-chip.zero,.abs-chip.high,.perc-chip.zero{box-shadow:0 0 0 1px #991b1b40,0 2px 4px -1px #00000014}.rotacion-table td.numeric{text-align:center}.worked-chip:hover,.abs-chip:hover,.perc-chip:hover{transform:translateY(-2px)}.worked-chip:active,.abs-chip:active,.perc-chip:active{transform:translateY(-1px) scale(.97)}.worked-chip.positive{background:#d1fae5;color:#065f46}.worked-chip.zero{background:#fee2e2;color:#991b1b}.abs-chip.zero{background:#d1fae5;color:#065f46}.abs-chip.low{background:#fef3c7;color:#92400e}.abs-chip.medium{background:#fde68a;color:#92400e}.abs-chip.high{background:#fee2e2;color:#991b1b}.perc-chip.full{background:#d1fae5;color:#065f46}.perc-chip.mid{background:#fef3c7;color:#92400e}.perc-chip.low{background:#fde68a;color:#92400e}.perc-chip.zero{background:#fee2e2;color:#991b1b}@media (prefers-color-scheme: dark){.worked-chip.positive{background:#1f3b29;color:#7bdc91}.worked-chip.zero{background:#4a1f1d;color:#ff9f96}.abs-chip.zero{background:#1f3b29;color:#7bdc91}.abs-chip.low{background:#4b3716;color:#f3c274}.abs-chip.medium{background:#5a3411;color:#ffb870}.abs-chip.high{background:#4a1f1d;color:#ff9f96}.perc-chip.full{background:#1f3b29;color:#7bdc91}.perc-chip.mid{background:#4b3716;color:#f3c274}.perc-chip.low{background:#5a3411;color:#ffb870}.perc-chip.zero{background:#4a1f1d;color:#ff9f96}}.datos-container .section-header.datos-header,.datos-container .datos-header{text-align:left!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px;width:100%}.datos-container .datos-title{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important}.datos-container .datos-header>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.datos-container .datos-header>div:first-child p{margin:0;color:#6c757d;font-size:14px}.datos-container .datos-search-controls{display:flex;align-items:center;gap:12px}.datos-container .search-panel{display:flex;align-items:center;gap:8px;background:#fff!important;padding:8px 12px!important;border-radius:8px;border:1px solid #e9ecef!important;min-width:360px;max-width:640px;box-shadow:0 1px 2px #0000000a!important}.datos-container .search-input.compact{border:none!important;background:transparent!important;outline:none!important;font-size:14px;color:#333;flex:1;padding:6px 4px}.datos-container .search-input.compact::placeholder{color:#94a3b8!important;opacity:1!important}.datos-container .btn-clear{background:transparent!important;border:none!important;padding:4px!important;box-shadow:none!important}.datos-container .btn-add{padding:8px 12px}.datos-container .table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow-x:auto;margin-top:12px;border:1px solid #e9ecef}.datos-container .rotacion-table{width:100%;min-width:800px;border-collapse:collapse}.datos-container .rotacion-table thead{position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 2px 4px #0000000f;font-size:.75em}.datos-container .rotacion-table tbody{font-size:.5625em}.datos-container .rotacion-table th{background:#f8f9fa;color:#333;font-weight:600;padding:12px;text-align:center;border-bottom:2px solid #e9ecef}.datos-container .rotacion-table td{padding:12px;border-bottom:1px solid #e9ecef;color:#555}.datos-container .rotacion-table tbody td:nth-child(-n+5){font-size:85%!important}.datos-container .rotacion-table tbody td:nth-child(1),.datos-container .rotacion-table tbody td:nth-child(2),.datos-container .rotacion-table tbody td:nth-child(4),.datos-container .rotacion-table tbody td:nth-child(5){font-size:60%!important}.datos-container .rotacion-table thead th:nth-child(4),.datos-container .rotacion-table tbody td:nth-child(4){font-size:42%!important}.datos-container .rotacion-table thead th:nth-child(6),.datos-container .rotacion-table tbody td:nth-child(6),.datos-container .rotacion-table thead th:nth-child(8),.datos-container .rotacion-table tbody td:nth-child(8),.datos-container .rotacion-table thead th:nth-child(9),.datos-container .rotacion-table tbody td:nth-child(9){padding:10px 8px!important;font-size:85%!important}.datos-container .rotacion-table thead th:nth-child(2),.datos-container .rotacion-table tbody td:nth-child(2){font-size:42%!important}.datos-container .table-container>.pagination,.datos-container .pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px!important;border-top:1px solid #e9ecef;background:#fff!important;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.datos-container .table-container>.pagination .page-info{display:flex;gap:12px;align-items:center;color:#6b7280;font-size:13px}.datos-container .table-container>.pagination .page-controls{display:flex;gap:8px;align-items:center}.datos-container .table-container>.pagination .page-size-label{font-size:13px;color:#6b7280;margin-right:6px}.datos-container .table-container>.pagination .page-size-select{padding:6px 8px;border-radius:6px;border:1px solid #e9ecef;background:#fff;font-size:13px}.datos-container .table-container>.pagination .btn-nav,.datos-container .table-container>.pagination .btn-page{padding:6px 10px;border-radius:6px;border:1px solid transparent;background:#f1f5f9;cursor:pointer;font-size:13px}.datos-container .table-container>.pagination .btn-nav:disabled{opacity:.6;cursor:not-allowed}.datos-container .table-container>.pagination .btn-page{min-width:36px;text-align:center}.datos-container .table-container>.pagination .btn-page.active{background:#007bff;color:#fff;border-color:#0069d9}.datos-container .rotacion-table thead th:nth-child(1),.datos-container .rotacion-table thead th:nth-child(2),.datos-container .rotacion-table thead th:nth-child(4),.datos-container .rotacion-table thead th:nth-child(5),.datos-container .rotacion-table tbody td:nth-child(1),.datos-container .rotacion-table tbody td:nth-child(2),.datos-container .rotacion-table tbody td:nth-child(4),.datos-container .rotacion-table tbody td:nth-child(5){font-size:150%!important;line-height:1.15!important}@media (max-width: 480px){.datos-container .rotacion-table thead th:nth-child(1),.datos-container .rotacion-table thead th:nth-child(2),.datos-container .rotacion-table thead th:nth-child(4),.datos-container .rotacion-table thead th:nth-child(5),.datos-container .rotacion-table tbody td:nth-child(1),.datos-container .rotacion-table tbody td:nth-child(2),.datos-container .rotacion-table tbody td:nth-child(4),.datos-container .rotacion-table tbody td:nth-child(5){font-size:120%!important}}.datos-container .datos-search-controls,.datos-container .datos-search-controls .search-panel,.datos-container .datos-search-controls .search-input,.datos-container .datos-search-controls .btn-add,.datos-container .datos-header p,.datos-container .table-container>.pagination .page-info,.datos-container .table-container>.pagination .page-controls,.datos-container .table-container>.pagination .page-size-label,.datos-container .table-container>.pagination .btn-nav,.datos-container .table-container>.pagination .btn-page{font-size:13px!important;line-height:1.2!important}.section-header.datos-header,.datos-header{text-align:left}.datos-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.datos-title{display:flex;align-items:center;gap:8px;margin:0}.datos-header>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.datos-header>div:first-child p{margin:0;color:#6c757d;font-size:14px}.datos-search-controls{display:flex;align-items:center;gap:12px}.search-panel{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;border:1px solid #e9ecef;border-radius:8px;min-width:360px;max-width:640px;box-shadow:0 1px 2px #0000000a}.search-input.compact{border:none;outline:none;background:transparent;font-size:14px;color:#333;flex:1;padding:6px 4px}.btn-clear{background:transparent;border:none;padding:4px;box-shadow:none}.btn-add{padding:8px 12px}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow-x:auto;margin-top:12px;border:1px solid #e9ecef}.rotacion-table{width:100%;min-width:800px;border-collapse:collapse}.rotacion-table thead{position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 2px 4px #0000000f}.rotacion-table th{background:#f8f9fa;color:#333;font-weight:600;padding:12px;text-align:center;border-bottom:2px solid #e9ecef}.rotacion-table td{padding:12px;border-bottom:1px solid #e9ecef;color:#555}.rotacion-table thead{font-size:.75em}.rotacion-table tbody{font-size:.5625em}.col-actions{width:110px;text-align:center}.cell-actions{text-align:center}.empty-row{text-align:center;padding:32px;color:#6c757d;font-style:italic}.btn-edit{padding:6px}.table-container>.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid #e9ecef;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.table-container>.pagination .page-info{display:flex;gap:12px;align-items:center;color:#6b7280;font-size:13px}.table-container>.pagination .page-controls{display:flex;gap:8px;align-items:center}.table-container>.pagination .page-size-label{font-size:13px;color:#6b7280;margin-right:6px}.table-container>.pagination .page-size-select{padding:6px 8px;border-radius:6px;border:1px solid #e9ecef;background:#fff;font-size:13px}.table-container>.pagination .btn-nav,.table-container>.pagination .btn-page{padding:6px 10px;border-radius:6px;border:1px solid transparent;background:#f1f5f9;cursor:pointer;font-size:13px}.table-container>.pagination .btn-nav:disabled{opacity:.6;cursor:not-allowed}.table-container>.pagination .btn-page{min-width:36px;text-align:center}.table-container>.pagination .btn-page.active{background:#007bff;color:#fff;border-color:#0069d9}@media (max-width: 600px){.table-container>.pagination{flex-direction:column;align-items:stretch;gap:8px}.table-container>.pagination .page-controls{justify-content:flex-start;flex-wrap:wrap}}.graficas-container .collapsible-sections{display:flex;flex-direction:column;gap:16px!important}.graficas-container .collapsible-section{margin-bottom:16px!important;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000f;overflow:hidden}.graficas-container .section-header-collapsible{margin:0!important}.month-panel{display:flex;align-items:center;gap:8px}.month-panel label{font-size:13px;color:#475569;margin-right:6px}.month-input{padding:6px 8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.datos-search-controls{display:flex;align-items:center;gap:8px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-top:1px solid #e9ecef;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.page-info{font-size:14px;color:#374151}.page-info span{display:block;line-height:1.2}.page-controls{font-size:14px;color:#374151;display:flex;align-items:center;gap:8px}.page-size-label{font-size:13px;margin-right:6px}.page-size-select{font-size:13px;padding:6px 8px}.lt-page-container{min-height:100vh;background:#f8f9fa;padding:20px}.lt-page-header{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:16px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;align-items:center}.lt-page-header h2{color:#333;font-size:18px;font-weight:600;margin:0;white-space:nowrap}.lt-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lt-actions .search-input{min-width:240px}.search-box{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:8px 12px;border-radius:8px;border:1px solid #e9ecef;min-width:288px;max-width:480px}.search-input{border:none;background:transparent;outline:none;font-size:12px;color:#333;flex:1;padding:4px 0}.search-clear{color:#6c757d;padding:0}.estado-select{border:1px solid #e5e7eb;background:#fff;color:#374151;padding:6px 8px;border-radius:8px;font-size:12px}.btn-excel{background:#1f6f43;color:#fff;border:1px solid #155d37;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;line-height:1;white-space:nowrap;min-height:32px}.legend{display:flex;align-items:center;gap:10px;color:#6b7280;font-size:12px}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:999px;border:1px solid rgba(0,0,0,.1)}.legend-inactivo{background:#fecaca;border-color:#fca5a5}.legend-baja{background:#ddd6fe;border-color:#c4b5fd}.legend-amarillo{background:#fde68a;border-color:#facc15}.tipo-select{width:80px;padding:4px 6px}.tipo-chip{cursor:pointer}.btn-excel:hover{background:#1a5d39}.btn-excel:active{background:#164f31}.btn-columns{background:#e5e7eb;color:#111827;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;line-height:1;white-space:nowrap;min-height:32px}.btn-columns.on{background:#10b981;color:#fff}.btn-columns.on:hover{background:#0ea37a}.btn-columns:hover{background:#d1d5db}.lt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid #e5e7eb;padding:8px;font-size:14px}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow-x:auto;overflow-y:auto;margin-top:10px;border:1px solid #e9ecef;max-height:60vh}.listado-table{width:100%;min-width:1200px;border-collapse:collapse;table-layout:auto}.listado-table thead th{position:sticky;top:0;background:#f8f9fa;color:#333;font-weight:600;padding:12px 8px;text-align:center;border-bottom:2px solid #e9ecef;font-size:12px;white-space:nowrap;z-index:10}.clickable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.listado-table td{padding:8px 6px;border-bottom:1px solid #e9ecef;color:#555;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listado-table tbody tr:nth-child(odd){background:#fdfdfd}.listado-table tbody tr:hover{background:#f8f9fa}.listado-table tbody tr.row-inactivo{background:#fff1f2!important}.listado-table tbody tr.row-inactivo td{color:#7f1d1d}.listado-table tbody tr.row-inactivo:hover{background:#ffe4e6!important}.listado-table tbody tr.row-fin-contrato{background:#ffe6e6!important}.listado-table tbody tr.row-fin-contrato td{color:#5b0f0f}.listado-table tbody tr.row-fin-contrato:hover{background:#ffd6d6!important}.listado-table tbody tr.row-baja{background:#f5f3ff!important}.listado-table tbody tr.row-baja td{color:#4c1d95}.listado-table tbody tr.row-baja:hover{background:#ede9fe!important}.listado-table tbody tr.row-amarillo{background:#fef9c3!important}.listado-table tbody tr.row-amarillo td{color:#713f12}.listado-table tbody tr.row-amarillo:hover{background:#fef3c7!important}.listado-table th:first-child{width:60px}.listado-table th:first-child,.listado-table td:first-child{width:120px}.listado-table td .btn-secondary{padding:6px 8px;font-size:12px}.listado-table td:nth-child(2){text-align:left;padding-left:10px;padding-right:10px;white-space:normal;word-wrap:break-word}.listado-table th:last-child{min-width:220px}.listado-table td:last-child{white-space:normal;text-align:left}.multiline-truncate{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-align:left}.btn-primary{background:#2563eb;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;line-height:1;white-space:nowrap;min-height:32px}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#e5e7eb;color:#111827;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;line-height:1;white-space:nowrap;min-height:28px}.tipo-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px;min-width:44px;line-height:1}.tipo-MM{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.tipo-ECI{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.tipo-CRF{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.tipo-ALT1{background:#ecfeff;color:#065f46;border:1px solid #bbf7d0}.tipo-ALT2{background:#fff7ed;color:#92400e;border:1px solid #ffd8a8}.tipo-ALT3{background:#fff1f2;color:#9f1239;border:1px solid #fecaca}.tipo-ALT4{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}.grid-2 label{display:flex;flex-direction:column;font-size:13px;color:#374151}.grid-2 input,.grid-2 select{padding:8px;border:1px solid #d1d5db;border-radius:6px}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}.nivel-servicio-page{padding:16px;color:#2f343c;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.nivel-servicio-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;background:#fff}.nivel-servicio-table thead th{position:sticky;top:0;background:linear-gradient(90deg,#f3f4f6,#eef1f5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:#4a5568;border-bottom:1px solid #dfe3e8;z-index:2}.nivel-servicio-table tbody td{padding:9px 12px;border-bottom:1px solid #eef0f2;color:#2f343c;vertical-align:middle}.nivel-servicio-table tbody tr:nth-child(odd){background:#fafbfc}.nivel-servicio-table tbody tr:hover{background:#eef6ff;transition:background .18s ease}.nivel-servicio-table .rotacion-score.high{background:#d1fae5;color:#065f46;font-weight:600;font-size:12px;padding:4px 10px;border-radius:999px;display:inline-block;line-height:1}.kpi-badge{font-weight:600;font-size:12px;padding:4px 10px;border-radius:999px;display:inline-block;line-height:1}.kpi-red{background:#fee2e2;color:#991b1b}.kpi-amber{background:#fef3c7;color:#92400e}.kpi-green{background:#d1fae5;color:#065f46}.kpi-neutral{background:#e2e8f0;color:#475569}.nivel-servicio-page .table-container::-webkit-scrollbar{width:10px}.nivel-servicio-page .table-container::-webkit-scrollbar-track{background:#f1f3f5;border-radius:6px}.nivel-servicio-page .table-container::-webkit-scrollbar-thumb{background:#c1c9d1;border-radius:6px;border:2px solid #f1f3f5}.nivel-servicio-page .table-container::-webkit-scrollbar-thumb:hover{background:#a6b1bb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e293b73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:60px 20px 40px;z-index:50}.modal{background:#fff;width:100%;max-width:640px;border-radius:16px;padding:28px 32px 32px;box-shadow:0 8px 24px -4px #0000002e,0 2px 6px -1px #00000014;position:relative;animation:modalIn .28s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.edit-form .form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.edit-form .form-row-inline{margin-bottom:16px}.edit-form label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#4a5568}.edit-form input,.edit-form textarea{border:1px solid #d1d9e0;border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;background:#f9fafb;transition:border .15s,background .15s}.edit-form input:focus,.edit-form textarea:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 2px #6366f126}.edit-form textarea{resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;display:inline-flex;align-items:center;gap:6px;transition:background .18s,box-shadow .18s,transform .18s}.btn-primary{background:#6366f1;color:#fff;box-shadow:0 4px 10px -2px #6366f166}.btn-primary:hover{background:#4f46e5}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:#e2e8f0;color:#334155}.btn-secondary:hover{background:#cbd5e1}.btn-secondary:active{transform:translateY(1px)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-error{background:#fee2e2;color:#991b1b;padding:8px 10px;border-radius:8px;font-size:13px;margin-top:-4px;margin-bottom:10px}@media (max-width: 680px){.modal{padding:20px 20px 24px;border-radius:14px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.evaluacion-gpv-page{display:flex;flex-direction:column;gap:16px}.evaluacion-gpv-page .page-header h1{font-size:1.25rem;margin:0}.evaluacion-gpv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:60px 24px 40px;z-index:100}.evaluacion-gpv-modal{background:#fff;color:#222;border-radius:12px;width:100%;max-width:1000px;box-shadow:0 20px 40px -10px #00000059;display:flex;flex-direction:column;border:1px solid #e0e3e8;font-size:14px}.evaluacion-gpv-modal h3{margin:0;font-size:1.1rem;font-weight:600}.evaluacion-gpv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#f3f4f6);position:relative}.evaluacion-gpv-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.evaluacion-gpv-fields-scroll{max-height:56vh;overflow:auto;padding-right:4px}.evaluacion-gpv-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e5e7eb;background:#fafbfc}.evaluacion-gpv-modal-header .modal-close-btn{position:absolute;top:8px;right:10px;width:28px;height:28px;border:none;border-radius:6px;background:#e5e7eb;color:#111827;cursor:pointer;line-height:28px;font-size:18px}.evaluacion-gpv-modal-header .modal-close-btn:hover{background:#d1d5db}.evaluacion-gpv-row{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center;padding:8px 4px;border-bottom:1px dashed #eceff3}.evaluacion-gpv-row:last-child{border-bottom:none}.evaluacion-gpv-row label{font-weight:500;font-size:13px;line-height:1.3}.evaluacion-gpv-row input[type=number]{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;box-sizing:border-box}.evaluacion-gpv-row input[type=number]:focus{outline:2px solid #2563eb33;border-color:#2563eb}.evaluacion-gpv-meta{display:flex;gap:16px}.evaluacion-gpv-meta .field{flex:1;display:flex;flex-direction:column;gap:4px}.evaluacion-gpv-meta select,.evaluacion-gpv-meta input[type=date]{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff}.evaluacion-gpv-meta select:focus,.evaluacion-gpv-meta input[type=date]:focus{outline:2px solid #2563eb33;border-color:#2563eb}.evaluacion-gpv-groups-viewport{max-height:56vh;overflow:auto;padding-right:4px}.evaluacion-gpv-groups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.evaluacion-gpv-group{border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.evaluacion-gpv-group-header{padding:10px 12px;font-weight:700;background:#f7f8fa;border-bottom:1px solid #e5e7eb;font-size:13px;color:#374151}.evaluacion-gpv-group-header.header-blue{background:#2563eb;color:#fff}.evaluacion-gpv-group-body{padding:12px 16px}.evaluacion-gpv-subtitle{margin:6px 0;font-weight:600;color:#4b5563;font-size:12px}.evaluacion-gpv-table{width:100%;border-collapse:collapse;font-size:12px}.evaluacion-gpv-table thead th{background:#f4f6f8;color:#374151;font-weight:600;padding:10px;border-bottom:2px solid #e5e7eb;position:sticky;top:0}.evaluacion-gpv-table tbody td{padding:9px 10px;border-bottom:1px solid #eceff3;color:#444}.evaluacion-gpv-table tbody tr:hover{background:#f9fafb}.evaluacion-gpv-table-wrapper{width:100%;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.evaluacion-gpv-wide{min-width:1200px}.tabs-header{display:flex;gap:8px;border-bottom:1px solid #e5e7eb;padding:4px 0;margin-bottom:12px}.tab-button{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;padding:6px 12px;font-size:12px;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:500}.tab-button.active{background:#2563eb;color:#fff;border-color:#2563eb}.tab-button:hover{background:#e5e7eb}.evaluacion-gpv-collapsibles details{border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;background:#fff;margin-bottom:10px}.evaluacion-gpv-collapsibles summary{cursor:pointer;font-weight:600}.placeholder-box{padding:12px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;font-size:12px;color:#555}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat-card{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:16px;box-shadow:0 1px 2px #0000000a}.stat-title{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px}.stat-value{font-size:22px;font-weight:700;color:#111827}.stat-range{margin-top:6px;font-size:12px;color:#6b7280}.stat-card--blue{border-left:4px solid #2563eb;background:linear-gradient(0deg,#f8fbff,#fff)}.stat-card--green{border-left:4px solid #10b981;background:linear-gradient(0deg,#f6fffb,#fff)}.stat-card--amber{border-left:4px solid #f59e0b;background:linear-gradient(0deg,#fffaf3,#fff)}.stat-card--purple{border-left:4px solid #8b5cf6;background:linear-gradient(0deg,#faf7ff,#fff)}.btn-inline{padding:4px 10px;font-size:11px;border-radius:6px;background:#e5e7eb;border:none;cursor:pointer}.btn-inline:hover{background:#d1d5db}.btn-inline-danger{background:#dc2626;color:#fff}.btn-inline-danger:hover{background:#b91c1c}.btn-3d.btn-3d--warning{background:#f59e0b;color:#fff;box-shadow:0 4px #b45309}.btn-3d.btn-3d--warning:hover{filter:brightness(.95)}.btn-3d.btn-3d--warning:active{transform:translateY(1px);box-shadow:0 3px #b45309}.btn-3d{color:#0f172a;background:#d1d5db;box-shadow:0 4px #9ca3af;border:1px solid #9ca3af;font-weight:600}.btn-3d:hover{background:#cbd5e1;filter:none}.btn-3d:active{transform:translateY(1px);box-shadow:0 3px #9ca3af}.btn-3d.btn-3d--success{color:#fff;background:#10b981;box-shadow:0 4px #0e9f75}.btn-3d:disabled,.btn-3d[disabled]{color:#6b7280;background:#e5e7eb;box-shadow:0 4px #d1d5db;border-color:#d1d5db}.btn-3d[disabled]{opacity:.6;cursor:not-allowed;filter:saturate(.7)}.evaluacion-gpv-fields-scroll::-webkit-scrollbar{width:8px}.evaluacion-gpv-fields-scroll::-webkit-scrollbar-track{background:transparent}.evaluacion-gpv-fields-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.evaluacion-gpv-fields-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:860px){.evaluacion-gpv-row{grid-template-columns:1fr}.evaluacion-gpv-meta{flex-direction:column}.evaluacion-gpv-groups-grid{grid-template-columns:1fr}}.accordion{display:flex;flex-direction:column;gap:12px}.acc-item{border:1px solid #e5e7eb;border-radius:6px;background:#fff;box-shadow:0 1px 3px #0000000f;overflow:hidden}.acc-item[open]{box-shadow:0 2px 6px #00000014}.acc-summary{list-style:none;cursor:pointer;font-weight:600;padding:10px 14px;font-size:13px;background:#f8f9fa;display:flex;align-items:center;justify-content:space-between;color:#374151}.acc-summary::-webkit-details-marker{display:none}.acc-summary:hover{background:#eef2f7}.acc-item .acc-summary:after{content:"▸";margin-left:8px;font-size:14px}.acc-item[open] .acc-summary:after{content:"▾"}.acc-body{padding:14px 16px;background:#fff;border-top:1px solid #e5e7eb}.charts-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.charts-stack{display:flex;flex-direction:column;gap:16px}.chart-box{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;box-shadow:0 1px 2px #0000000f}.chart-box h5{margin:0 0 8px;font-size:13px;font-weight:600;color:#374151}.stat-card--mini{padding:8px 10px;min-height:auto}.stat-card--mini .stat-value{font-size:16px}.stat-card--mini .stat-range{font-size:10px}.scope-switch{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.scope-btn{background:#f3f4f6;border:1px solid #d1d5db;padding:4px 10px;font-size:12px;border-radius:6px;cursor:pointer;line-height:1.2;font-weight:500;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.scope-btn:hover:not(.active){background:#e5e7eb}.scope-btn.active{background:#2563eb;color:#fff;border-color:#1d4ed8;box-shadow:0 2px 4px #0000001f}.scope-btn:focus{outline:2px solid #93c5fd;outline-offset:2px}.sidebar{width:280px;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:fixed;left:0;top:0;z-index:3000;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;overflow-y:auto;overflow-x:hidden;transition:all .3s ease}.sidebar.collapsed{width:70px}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.sidebar-header{padding:1rem 1rem .2rem;border-bottom:1px solid rgba(255,255,255,.1);background:transparent}.sidebar-logo h2{margin:.3rem 0;font-size:1.2rem;font-weight:600;text-align:center;color:#fff}.sidebar .logos-container{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:.5rem}.sidebar .logo-eurofirms,.sidebar .logo-oppo{height:40px;width:auto;object-fit:contain;border-radius:4px}.sidebar .logos-container-collapsed{display:flex;flex-direction:column;align-items:center;gap:5px}.sidebar .logo-collapsed{height:20px;width:auto;object-fit:contain;border-radius:2px}.sidebar-user{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;background:none;border:none;margin:0}.sidebar-user-collapsed{display:flex;justify-content:center;padding:.5rem;margin-top:.5rem}.user-avatar{width:35px;height:35px;background:linear-gradient(135deg,#4a5568,#2d3748);border:2px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);flex-shrink:0}.sidebar .user-info{display:flex;flex-direction:column;flex:1;min-width:0;background:transparent!important;padding:0!important;margin:0!important;border:none!important}.sidebar .user-name{font-weight:700!important;font-size:.9rem!important;line-height:1.2!important;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important;margin:0!important;padding:0!important;background:transparent!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .user-role{font-size:.7rem!important;opacity:.9!important;text-transform:uppercase!important;color:#fff!important;font-weight:500!important;background:transparent!important;padding:0!important;margin:0!important;border:none!important;display:inline-block;width:fit-content;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;letter-spacing:.3px}.user-token-time{font-size:.75rem;color:#ffeb3b;margin-left:8px;font-weight:600;display:inline-block;transition:color .2s linear,opacity .2s linear}.user-token-expiring{animation:token-alert 1.2s linear infinite}.user-token-critical{animation-duration:.6s;font-weight:700}@keyframes token-alert{0%{color:#ffeb3b;opacity:1}25%{color:#ffb74d;opacity:.9}50%{color:#ff4d4f;opacity:1}75%{color:#ffb74d;opacity:.9}to{color:#ffeb3b;opacity:1}}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:.25rem}.nav-link{display:flex;align-items:center;justify-content:flex-start;padding:.55rem 1.25rem;color:#ffffffe6;text-decoration:none;transition:all .3s ease;border:none;background:none;width:100%;cursor:pointer;font-size:.85rem;position:relative}.nav-link:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.nav-link.active{background:#fff3;color:#fff;border-right:3px solid #ffd700}.nav-parent{justify-content:space-between}.nav-icon{font-size:1rem;margin-right:.6rem;width:18px;text-align:left}.nav-text{flex:1;font-weight:500;text-align:left}.nav-arrow{font-size:.7rem;transition:transform .3s ease;margin-left:.5rem}.nav-arrow.expanded{transform:rotate(180deg)}.submenu{list-style:none;padding:0;margin:0;background:#00000024;animation:slideDown .3s ease;overflow-x:hidden}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.submenu-item{margin:0}.submenu-link{display:flex;align-items:center;justify-content:flex-start;padding:.5rem 1.25rem .5rem 2rem;color:#9ca3af;text-decoration:none;font-size:.8rem;transition:all .3s ease;position:relative;margin:4px 8px}.sidebar:not(.collapsed) .submenu-link.btn-3d{display:flex;width:calc(100% - 16px);box-sizing:border-box}.sidebar.collapsed .nav-link[data-tooltip]:hover:after,.sidebar.collapsed .submenu-link[data-tooltip]:hover:after,.sidebar.collapsed .nav-link[data-tooltip]:focus:after,.sidebar.collapsed .submenu-link[data-tooltip]:focus:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#111827f2;color:#fff;padding:6px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 8px 16px #0003,0 2px 6px #00000026;z-index:2000;pointer-events:none}.sidebar.collapsed .nav-link[data-tooltip]:hover:before,.sidebar.collapsed .submenu-link[data-tooltip]:hover:before,.sidebar.collapsed .nav-link[data-tooltip]:focus:before,.sidebar.collapsed .submenu-link[data-tooltip]:focus:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent transparent transparent rgba(17,24,39,.95);z-index:2001}.submenu-link:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.submenu-link.active{background:#ffffff26;color:gold;border-right:2px solid #ffd700}.submenu-icon{margin-right:.6rem;font-size:.75rem;opacity:.7}.submenu-emoji{margin-right:.5rem;font-size:.9rem}.submenu-text{font-weight:400}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0000001a;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.logout-btn{display:flex;align-items:center;width:100%;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffe6;font-size:.9rem;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#fff3;color:#fff;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}@media (max-width: 768px){.sidebar{width:280px;transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar-header{padding:1rem}.sidebar-logo h2{font-size:1.1rem}.nav-link{padding:.7rem 1.25rem;font-size:.85rem}.submenu-link{padding:.5rem 1.25rem .5rem 2.5rem;font-size:.8rem}}@media (max-width: 480px){.sidebar{width:100%}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.btn-3d{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,#ffffff0f,#0000001a);box-shadow:0 2px #ffffff1f inset,0 8px 16px #0000002e;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s,border-color .2s;text-decoration:none}.btn-3d:hover{transform:translateY(-1px);box-shadow:0 2px #ffffff24 inset,0 12px 22px #00000038}.btn-3d:active{transform:translateY(0);box-shadow:0 1px #ffffff1a inset,0 6px 12px #0003}.btn-3d .icon{width:18px;height:18px}.btn-3d--primary{background:linear-gradient(180deg,#667eea,#5640a8);color:#fff;border-color:#00000026}.btn-3d--secondary{background:linear-gradient(180deg,#e5e7eb,#cbd5e1);color:#111827;border-color:#00000024}.btn-3d--success{background:linear-gradient(180deg,#10b981,#059669);color:#fff;border-color:#00000024}.btn-3d--warning{background:linear-gradient(180deg,#f59e0b,#d97706);color:#111827;border-color:#00000024}.btn-3d--danger{background:linear-gradient(180deg,#ef4444,#b91c1c);border-color:#7f1d1d;color:#fff;box-shadow:0 2px #ffffff1f inset,0 8px 16px #b91c1c73}.btn-3d--ghost{background:linear-gradient(180deg,#00000014,#00000024);color:#111827}.btn-3d--icon{padding:8px;border-radius:10px}.btn-3d--icon .icon{width:20px;height:20px}.nav-link.btn-3d,.submenu-link.btn-3d,.logout-btn.btn-3d{border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,#ffffff0f,#0000001a);box-shadow:0 2px #ffffff1f inset,0 8px 16px #0000002e;border-radius:10px;transition:transform .15s ease,box-shadow .15s ease,background .2s,border-color .2s}.nav-link.btn-3d:hover,.submenu-link.btn-3d:hover,.logout-btn.btn-3d:hover{transform:translateY(-1px);box-shadow:0 2px #ffffff24 inset,0 12px 22px #00000038}.nav-link.btn-3d:active,.submenu-link.btn-3d:active,.logout-btn.btn-3d:active{transform:translateY(0);box-shadow:0 1px #ffffff1a inset,0 6px 12px #0003}.btn-3d.is-active,.nav-link.active.btn-3d,.submenu-link.active.btn-3d{background:#ffffff29;border-color:#ffffff3d}.submenu-link.btn-3d{color:#9ca3af}.submenu-link.btn-3d:hover{color:#fff}.submenu-link.active.btn-3d{color:gold}.btn-3d--danger:hover{transform:translateY(-1px)}.nav-icon{filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}.nav-text{white-space:nowrap}.submenu-link.btn-3d{border-radius:9px}.submenu-icon{width:8px;display:inline-flex;align-items:center;justify-content:center}.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed{overflow-x:hidden}.sidebar.collapsed .nav-link.btn-3d{justify-content:center;padding:10px}.sidebar.collapsed .nav-icon{margin:0;width:auto;text-align:center;font-size:1.1rem}.nav-icon>svg,.submenu-icon>svg{width:20px;height:20px}.nav-arrow-icon{width:16px;height:16px}.sidebar.collapsed .submenu-link.btn-3d{justify-content:center;padding:8px}.sidebar.collapsed .submenu-link .submenu-text,.sidebar.collapsed .submenu-link .submenu-emoji{display:none}.sidebar.collapsed .submenu-link .submenu-icon{margin:0;background:transparent;width:20px;height:20px;opacity:.95;border-radius:0}.sidebar.collapsed .submenu-link .submenu-icon>svg{width:18px;height:18px}.sidebar.collapsed .submenu{background:#00000038;padding:6px 2px;border-radius:10px;overflow-x:hidden}.sidebar.collapsed .submenu-link{margin:6px 4px;border-radius:10px;background:linear-gradient(180deg,#00000038,#00000052);border:1px solid rgba(255,255,255,.18);box-shadow:0 2px #ffffff14 inset,0 8px 16px #0000003d}.sidebar.collapsed .submenu-link:hover{background:linear-gradient(180deg,#00000047,#00000061)}.sidebar.collapsed .nav-link:hover,.sidebar.collapsed .submenu-link:hover{transform:translate(0)}.submenu-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;opacity:.9}.submenu-icon>svg{width:18px;height:18px}.submenu-emoji{display:none}.submenu-link{gap:8px}.sidebar .logout-btn{margin:0}.sidebar.collapsed .logout-btn{padding:10px;justify-content:center;width:100%}.app-layout{display:flex;min-height:100vh;background:#f5f7fa;position:relative}.hamburger-btn{position:fixed;top:1rem;left:1rem;z-index:1001;width:45px;height:45px;background:#667eea;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;box-shadow:0 2px 10px #00000026;transition:all .3s ease}.hamburger-btn:hover{background:#764ba2;transform:scale(1.05)}.hamburger-btn span{width:20px;height:2px;background:#fff;border-radius:1px;transition:all .3s ease}.hamburger-btn.collapsed span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.collapsed span:nth-child(2){opacity:0}.hamburger-btn.collapsed span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (min-width: 769px){.hamburger-btn{left:290px;transition:left .3s ease}.hamburger-btn.collapsed{left:80px}}@media (max-width: 768px){.hamburger-btn.mobile{left:1rem}}.main-content{flex:1;margin-left:280px;padding:4rem 2rem 2rem;min-height:100vh;overflow-x:auto;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:70px}.page-container{max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.page-header h1{margin:0 0 .5rem;color:#2d3748;font-size:2rem;font-weight:700}.page-header p{margin:0;color:#718096;font-size:1.1rem}.page-content{display:grid;gap:1.5rem}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:all .3s ease}.card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card h3{margin:0 0 1rem;color:#2d3748;font-size:1.3rem;font-weight:600}.card p{margin:0 0 1rem;color:#4a5568;line-height:1.6}.table-placeholder{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;padding:2rem;text-align:center;color:#4a5568}.table-placeholder p{margin:0 0 1rem;font-weight:600}.table-placeholder ul{text-align:left;display:inline-block;margin:1rem 0 0}.table-placeholder li{margin-bottom:.5rem;color:#2d3748}@media (max-width: 768px){.main-content{margin-left:0;padding:4rem 1rem 1rem}.main-content.sidebar-collapsed{margin-left:0}.page-header h1{font-size:1.5rem}.card{padding:1rem}}@media (max-width: 480px){.main-content{padding:.75rem}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.3rem}.card{padding:.75rem}}.App{text-align:center}.modal .modal-body label,.modal .modal-body label span{color:#000!important}.btn-danger{background:#dc2626;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;line-height:1;white-space:nowrap;min-height:32px}.btn-danger:hover{background:#b91c1c}.btn-danger:active{background:#991b1b}.btn-danger[disabled]{opacity:.6;cursor:not-allowed}.cfg-table{width:100%;border-collapse:collapse;min-width:900px}.cfg-page{min-height:100vh;background:#f8f9fa;padding:20px}.cfg-header{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 4px 6px #00000014;display:flex;justify-content:space-between;align-items:center}.cfg-header h2{margin:0;font-size:18px;color:#111827}.cfg-actions{display:flex;gap:8px;align-items:center}.search-box{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:8px 12px;border-radius:8px;border:1px solid #e9ecef;min-width:360px;max-width:600px}.search-clear{background:none;border:none;color:#6c757d;cursor:pointer;font-size:16px;padding:0;display:flex;align-items:center}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000014;overflow:auto;border:1px solid #e9ecef}.cfg-table{width:100%;border-collapse:collapse;min-width:600px}.cfg-table thead th{position:sticky;top:0;background:#f8f9fa;color:#333;font-weight:600;padding:10px 8px;text-align:center;border-bottom:2px solid #e9ecef;font-size:12px;white-space:nowrap;z-index:1}.cfg-table td{padding:8px 6px;border-bottom:1px solid #e9ecef;color:#555;font-size:12px;text-align:center;white-space:nowrap}.btn-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:16px}.btn-link.danger{color:#dc2626}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb}.modal-body{padding:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb}.btn-close{background:transparent;border:none;font-size:20px;cursor:pointer}.cfg-form .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cfg-form label{display:flex;flex-direction:column;font-size:13px;color:#374151}.cfg-form input,.cfg-form select{padding:8px;border:1px solid #d1d5db;border-radius:8px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px}.col-span-2{grid-column:span 2}@media (max-width:768px){.cfg-form .grid-2{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.page-info{display:flex;gap:12px;color:#4b5563;font-size:12px}.page-controls{display:flex;align-items:center;gap:8px}.page-size-label{font-size:12px;color:#6b7280}.page-size-select{border:1px solid #e5e7eb;background:#fff;color:#374151;padding:4px 6px;border-radius:6px;font-size:12px}.btn-nav,.btn-page{border:1px solid #e5e7eb;background:#fff;color:#374151;padding:6px 8px;border-radius:8px;cursor:pointer;transition:all .15s ease-in-out;box-shadow:0 1px 2px #0000000a;font-size:12px}.btn-nav:hover,.btn-page:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}.btn-nav[disabled],.btn-page[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-page{min-width:36px;padding:6px 10px;font-weight:600}.btn-page.active{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;border-color:#1d4ed8}.btn-page.active:hover{transform:none}.cfg-page{padding:16px}.cfg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cfg-header h2{font-size:20px;font-weight:600;color:#111827}.tabs-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.tabs-header{display:flex;background:#f8f9fa;border-bottom:1px solid #e5e7eb}.tab-button{flex:1;padding:12px 16px;background:transparent;border:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#e5e7eb;color:#111827}.tab-button.active{background:#2563eb;color:#fff;font-weight:600}.tab-content{padding:24px}.tab-content h3{font-size:16px;font-weight:600;margin-bottom:8px}.tab-content p{font-size:14px;color:#4b5563}.modal h3{color:#111827;font-size:20px;font-weight:600;margin-bottom:16px;margin-top:0}.mat-header{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 4px 6px #00000014;display:flex;justify-content:space-between;align-items:center}.mat-header h2{margin:0;font-size:18px;color:#111827}.mat-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.search-box{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:8px 12px;border-radius:8px;border:1px solid #e9ecef;min-width:120px;max-width:220px}.search-icon{font-size:16px}.search-input{border:none;background:transparent;outline:none;font-size:14px;color:#333;flex:1;padding:4px 0}.estado-select{border:1px solid #e5e7eb;background:#fff;color:#374151;padding:6px 8px;border-radius:8px;font-size:12px;height:36px;max-width:180px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:768px){.grid-2{grid-template-columns:1fr}}.control-facturacion-page{min-height:100vh;background:#f8f9fa;padding:20px}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000014;overflow:auto;border:1px solid #e9ecef;margin-top:18px}.control-facturacion-table{width:100%;border-collapse:collapse;min-width:960px}.control-facturacion-table thead th{position:sticky;top:0;background:#f8f9fa;color:#333;font-weight:600;padding:10px 8px;text-align:center;border-bottom:2px solid #e9ecef;font-size:12px;white-space:nowrap;z-index:1}.control-facturacion-table td{padding:8px 6px;border-bottom:1px solid #e9ecef;color:#555;font-size:12px;text-align:center;white-space:nowrap}.actions{display:flex;gap:8px;justify-content:center}.btn-3d{border:none;padding:6px 10px;border-radius:10px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;line-height:1;box-shadow:0 4px #0000001f;transition:transform .05s ease,box-shadow .05s ease}.btn-3d:active{transform:translateY(1px);box-shadow:0 3px #0000001f}.btn-3d--primary{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}.btn-primary{background:#2563eb;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;line-height:1}.btn-secondary{background:#e5e7eb;color:#111827;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;line-height:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:8px;max-width:800px;width:95%;box-shadow:0 10px 25px #00000026}.edit-form .form-row{margin-bottom:14px;display:flex;flex-direction:column}.edit-form label{font-weight:500;margin-bottom:4px}.edit-form input,.edit-form select{padding:8px;border:1px solid #d1d5db;border-radius:8px;width:100%;box-sizing:border-box;min-height:36px;font-size:12px}.form-error{color:#d33;margin-bottom:10px;font-size:14px}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.icon{vertical-align:middle}.btn-delete{margin-left:4px;display:inline-flex;align-items:center;justify-content:center;background:#dc2626;border:1px solid #b91c1c;color:#fff;padding:6px;border-radius:6px;min-width:36px;height:36px}.btn-delete:disabled{opacity:.6;cursor:not-allowed}.btn-delete .icon{width:18px;height:18px}.btn-delete svg{display:block}.envios-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:20px;padding:0 6px;border-radius:999px;font-size:12px;font-weight:600;line-height:1}.envios-1{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.envios-multiple{background:#fee2e2;color:#7f1d1d;border:1px solid #fecaca}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}#root,.App{width:100%;min-height:100vh}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px;text-align:center}.logo{width:120px;height:auto;margin-bottom:30px}.login-title{color:#333;font-size:28px;font-weight:600;margin-bottom:10px}.login-subtitle{color:#666;font-size:16px;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-label{display:block;color:#333;font-weight:500;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#667eea}.login-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s ease}.login-button:hover{opacity:.9}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #fcc}.dashboard{min-height:100vh;background:#f5f5f5}.dashboard-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:20px;display:flex;justify-content:space-between;align-items:center}.dashboard-title{color:#333;font-size:24px;font-weight:600}.logout-button{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500}.logout-button:hover{background:#c82333}.dashboard-content{padding:40px 20px}.welcome-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a;text-align:center}.welcome-title{color:#333;font-size:32px;font-weight:600;margin-bottom:15px}.welcome-subtitle{color:#666;font-size:18px}@media (max-width: 768px){.login-card{padding:30px 20px;margin:20px}.dashboard-header{flex-direction:column;gap:15px;text-align:center}.dashboard-content{padding:20px 15px}}