.lettering{margin:200px}.lettering p{font-size:100px;font-weight:700;text-align:center;margin-top:20px}.dt-search{margin-bottom:20px}.user-detail-dialog-text{font-family:Montserrat-Regular!important;font-size:15px!important}.user-detail-dialog-textB{font-family:Montserrat-Bold!important;font-size:15px!important}.user-detail-dialog-title{font-family:Montserrat-Bold!important;font-size:18px!important}.user-detail-dialog-buttonPrimary{background-color:#20638d!important;color:#fff!important;width:250px!important;height:40px!important;font-family:Montserrat-Bold!important;font-size:14px!important;text-transform:uppercase!important;border-radius:10px!important}.user-detail-dialog-buttonDisabled{background-color:#dee0e2!important;color:#fff!important;width:250px!important;height:40px!important;font-family:Montserrat-Bold!important;font-size:14px!important;text-transform:uppercase!important;border-radius:10px!important}.condensed-buttonPrimary{background-color:#20638d!important;color:#fff!important;width:190px!important;height:40px!important;font-family:Montserrat-Bold!important;font-size:12px!important;text-transform:uppercase!important;border-radius:10px!important}.condensed-buttonDisabled{background-color:#dee0e2!important;color:#fff!important;width:150px!important;height:40px!important;font-family:Montserrat-Bold!important;font-size:11px!important;text-transform:uppercase!important;border-radius:10px!important}.condensed-buttonCancel{background-color:#e26c6c!important;color:#fff!important;width:190px!important;height:40px!important;font-family:Montserrat-Bold!important;font-size:12px!important;text-transform:uppercase!important;border-radius:10px!important}.input-passwordChange{width:100%!important;height:40px!important;font-family:Montserrat-Regular!important;color:#081926!important;border-radius:10px!important;border:2px solid #20638D!important;background-color:#fff!important;margin:2% 0% 5%!important;padding:0% 3%!important}.user-detail-dialog-buttonSecondary{background-color:#fff!important;border:2px solid #20638D!important;color:#20638d!important;border-radius:10px!important;font-family:Montserrat-Bold!important;font-size:14px!important;text-transform:none!important;width:100%!important;height:40px!important}.user-detail-dialog-buttonSecondary:hover,.user-detail-dialog-buttonPrimary:hover{background-color:#afd2e8!important}.user-detail-dialog-textField{font-family:Montserrat-Regular!important}.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-formControl.MuiInputLabel-animated.MuiInputLabel-shrink.MuiInputLabel-sizeMedium.MuiInputLabel-outlined.MuiFormLabel-colorPrimary.MuiFormLabel-filled.Mui-required.MuiInputLabel-root.MuiInputLabel-formControl.MuiInputLabel-animated.MuiInputLabel-shrink.MuiInputLabel-sizeMedium.MuiInputLabel-outlined{font-family:Montserrat-Regular!important;color:#081926!important}.MuiInputBase-input.MuiOutlinedInput-input.css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input{font-family:Montserrat-Regular!important;color:#081926!important;width:100%!important;height:15%!important}.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-formControl.MuiInputLabel-animated.MuiInputLabel-shrink.MuiInputLabel-sizeMedium.MuiInputLabel-outlined.MuiFormLabel-colorPrimary.MuiFormLabel-filled.MuiInputLabel-root.MuiInputLabel-formControl.MuiInputLabel-animated.MuiInputLabel-shrink.MuiInputLabel-sizeMedium.MuiInputLabel-outlined{font-family:Montserrat-Regular!important;color:#081926!important}.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.MuiInputBase-formControl.MuiSelect-root.css-sc8y68-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root{font-family:Montserrat-Regular!important;color:#081926!important;width:100%!important;height:90%!important}.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-formControl.MuiInputLabel-animated.MuiInputLabel-shrink.MuiInputLabel-sizeMedium.MuiInputLabel-outlined.MuiFormLabel-colorPrimary.MuiFormLabel-filled.Mui-required.MuiInputLabel-root.MuiInputLabel-formControl.MuiInputLabel-animated.MuiInputLabel-shrink.MuiInputLabel-sizeMedium.MuiInputLabel-outlined,.MuiButtonBase-root.MuiMenuItem-root.MuiMenuItem-gutters.MuiMenuItem-root.MuiMenuItem-gutters{font-family:Montserrat-Regular!important;color:#081926!important}.Mui-checked{color:#20638d!important}.MuiInputBase-input.MuiOutlinedInput-input{font-family:Montserrat-Regular!important;color:#081926!important}.swal2-popup{background-color:#fff!important}.swal2-container.swal2-center.swal2-backdrop-show{background-color:#00000085!important}.file-upload-button{background-color:#fff!important;border:2px solid #20638D!important;color:#20638d!important;width:95%!important;height:50px!important;font-family:Montserrat-Bold!important;font-size:14px!important;text-transform:uppercase!important;border-radius:10px!important}.file-upload-button-full{background-color:#fff!important;border:2px solid #20638D!important;color:#20638d!important;width:100%!important;height:80px!important;font-family:Montserrat-Bold!important;font-size:14px!important;text-transform:uppercase!important;border-radius:10px!important}.file-upload-button:hover,.file-upload-button-full:hover{background-color:#afd2e8!important}.dtsp-nameButton,.dtsp-countButton{display:none!important}.detail-dialog-buttonSecondaryCondensed{background-color:#fff!important;border:2px solid #20638D!important;color:#20638d!important;border-radius:10px!important;font-family:Montserrat-Bold!important;font-size:14px!important;text-transform:none!important;width:20%!important;height:40px!important}.detail-dialog-buttonSecondaryCondensed:hover{background-color:#afd2e8!important}.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label{font-family:Montserrat-Bold!important;font-size:14px!important}.remuneraciones-grid{display:grid;grid-template-columns:repeat(var(--tarjetas-por-fila, 3),1fr);gap:15px;font-family:Arial,sans-serif;margin:20px}.remuneracion-card{border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-bottom:15px;background-color:#f9f9f9;box-shadow:0 2px 3px #0000001a;font-size:.85rem;max-width:100%;transition:transform .2s;cursor:pointer}.remuneracion-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 6px 16px #0000002e;background-color:#f1f7fa;border-color:#025543}.remuneracion-card.no-aplicado{border-color:#333}.no-aplicado .remuneracion-header{background-color:#333;color:#fff}.no-aplicado .remuneracion-table td{background-color:#f0f0f0}.no-aplicado .section-header{background-color:#555!important;color:#fff}.remuneracion-card.aplicado{border-color:#a0d9a3}.aplicado .remuneracion-header{background-color:#a0d9a3;color:#000}.aplicado .remuneracion-table td{background-color:#d9f0db}.aplicado .section-header{background-color:#a0d9a3!important;color:#000}.remuneracion-header{background-color:#343a40;color:#fff;padding:8px;text-align:center;font-weight:700;font-size:.9rem;margin-bottom:10px}.remuneracion-table{width:100%;border-collapse:collapse;margin-bottom:8px;font-size:.8rem}.remuneracion-table td{padding:4px 6px;border:1px solid #e0e0e0}.section-header{background-color:#343a40;color:#fff;font-size:.8rem;padding:4px;text-align:center;font-weight:700}.amount{text-align:right}.inscrito{color:#4caf50;font-weight:700}.no-inscrito{color:#f44336;font-weight:700}.boton-container{padding:6px;text-align:center;margin-top:10px}.boton-container button{font-size:.8rem;padding:5px 10px}.boton-aplicar{width:100%;padding:5px;background-color:#28a745;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:.8rem}.boton-aplicar:hover{background-color:#45a049}.boton-aplicar:disabled{background-color:#6c757d;cursor:default}.boton-perfil-container{margin-bottom:10px}.boton-ver-perfil{width:100%;padding:5px;background-color:#090a0a;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:.8rem;margin-bottom:5px}.boton-ver-perfil:hover{background-color:#23272b}.boton-ver-perfil:disabled{background-color:#6c757d;cursor:not-allowed}.controles{margin-bottom:15px}.selector-tarjetas{margin-left:10px;padding:3px}.cargando-mensaje{text-align:center;padding:20px;font-size:16px;color:#666}.info-planilla{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;margin-bottom:20px}.info-planilla h3{color:#333;font-size:18px;margin-top:0;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:8px}.info-planilla-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.info-planilla-item{display:flex;flex-direction:column}.info-label{font-weight:700;font-size:12px;color:#666;margin-bottom:3px}.info-value{font-size:14px;color:#333}.total-remuneracion{font-weight:700;color:#28a745;font-size:1.1em;background-color:#f8f9fa;padding:4px 8px;border-radius:4px;border:2px solid #28a745}.total-operarios{font-weight:700;color:#007bff;font-size:1.1em;background-color:#f8f9fa;padding:4px 8px;border-radius:4px;border:2px solid #007bff}.resumen-table-container{margin-top:8px}.resumen-table{width:100%;border-collapse:collapse;background-color:#f8f9fa;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.resumen-table td{padding:8px 12px;border:1px solid #dee2e6}.resumen-label{font-weight:600;color:#495057;background-color:#e9ecef;width:40%}.resumen-value{text-align:right;font-weight:700;font-size:1.1em}.valor-por-operario{color:#6f42c1;font-size:1em}.monto-remuneraciones{color:#fd7e14;font-size:1em}.subtotal{color:#dc3545;font-size:1.1em;font-weight:700}.iva{color:#17a2b8;font-size:1em}.monto-total{color:#28a745;font-size:1.2em;font-weight:700;background-color:#d4edda;border:2px solid #28a745;border-radius:4px;padding:6px 10px}.resumen-row{cursor:help;transition:background-color .2s ease}.resumen-row:hover{background-color:#e3f2fd}.resumen-value{position:relative}.estado-activo{color:#4caf50;font-weight:700}@media (max-width: 900px){.info-planilla-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.info-planilla-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.remuneraciones-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.remuneraciones-grid{grid-template-columns:1fr}}.cuenta-bancaria-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:5px;padding:2px 0;border-bottom:1px dotted #eee}.cuenta-bancaria-container:last-child{margin-bottom:0;border-bottom:none}.cuenta-bancaria-container span{flex-grow:1;padding-right:10px}.boton-descargar-pdf,.boton-exportar-planilla{display:flex;align-items:center;gap:8px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:14px;transition:background-color .3s}.boton-descargar-pdf:hover,.boton-exportar-planilla:hover{background-color:#45a049}.boton-descargar-pdf{margin-left:10px}.boton-exportar-planilla{margin-left:auto}.controles-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.boton-copiar{background:none;border:none;color:#000;cursor:pointer;font-size:.8rem;padding:0 5px}.boton-copiar:hover{color:#060606}.cuenta-bancaria-container{display:flex;align-items:center;padding:4px 0}.pdf-container{max-width:none;background-color:#fff}.pdf-content{padding:20px}.pdf-content table{border-collapse:collapse;width:100%;border:1px solid #333}.pdf-content td,.pdf-content th{border:1px solid #ddd;padding:8px}.pdf-content .section-header,.pdf-content .remuneracion-header{background-color:#333;color:#fff;font-weight:700;text-align:center;padding:8px}.pdf-content .remuneracion-header{font-size:16px;margin-bottom:15px;border-radius:4px}.pdf-content .section-header{color:#fff;padding:6px}.pdf-content .inscrito{color:#4caf50;font-weight:700}.pdf-content .no-inscrito{color:#f44336;font-weight:700}.pdf-content .remuneracion-card{border:2px solid #333;border-radius:6px;box-shadow:0 4px 8px #0000001a;overflow:hidden}.pdf-content .remuneracion-table{margin-bottom:20px;box-shadow:0 2px 5px #0000001a}.pdf-content .remuneracion-header{background-color:#343a40;color:#fff;padding:12px 10px;font-size:18px;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:20px}.pdf-content .section-header{background-color:#343a40;color:#fff;padding:8px;font-weight:700;font-size:14px;text-align:center;border-bottom:2px solid #000}.pdf-content .remuneracion-table td{padding:5px 8px;line-height:1.2;font-size:10px}.pdf-content .amount{font-family:Courier New,monospace;font-weight:700;color:#333}.pdf-content .inscrito{color:#4caf50;font-weight:700;background-color:#4caf501a;padding:3px 6px;border-radius:3px}.pdf-content .no-inscrito{color:#f44336;font-weight:700;background-color:#f443361a;padding:3px 6px;border-radius:3px}.pdf-content .remuneracion-table tr:nth-child(2n) td{background-color:#f9f9f9}.pdf-content .remuneracion-table tr:hover td{background-color:#f0f0f0}.search-bar{margin-bottom:20px;width:100%}.search-container{display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.search-type{display:flex;gap:20px;margin-bottom:10px}.search-type label{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px}.search-input-container{display:flex;width:100%}.search-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:14px}.search-button{background:#343a40;color:#fff;border:none;border-radius:0 4px 4px 0;padding:0 15px;cursor:pointer}.search-button:hover{background:#23272b}.sin-resultados{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:20px;text-align:center;color:#6c757d;font-size:16px;margin:20px 0}.controles-filtros-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;justify-content:space-between;align-items:flex-start}@media (max-width: 768px){.controles-filtros-container{flex-direction:column}.search-bar{width:100%}.controles{margin-bottom:15px}}.planilla-info-container{width:100%;margin-bottom:24px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e8eaed;overflow:hidden}.planilla-info-header{background:#f8f9fa;padding:20px 32px 16px;border-bottom:1px solid #e8eaed}.planilla-info-title{font-size:1.25rem;font-weight:700;color:#1a1a1a;letter-spacing:.3px;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;margin:0}.planilla-info-content{padding:32px;background:#fff}.planilla-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;width:100%;position:relative}.planilla-info-item{display:flex;flex-direction:column;gap:6px;position:relative;padding-right:12px;padding-bottom:12px}.planilla-info-item:not(:last-child):after{content:"";position:absolute;right:0;top:10%;bottom:10%;width:1px;background:linear-gradient(to bottom,transparent,#e5e7eb,transparent)}.planilla-info-item:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent,#e5e7eb,transparent)}@media (min-width: 1200px){.planilla-info-grid{grid-template-columns:repeat(4,1fr)}.planilla-info-item:nth-child(4n):after{display:none}.planilla-info-item:nth-last-child(-n+4):before{display:none}}@media (max-width: 1199px) and (min-width: 768px){.planilla-info-grid{grid-template-columns:repeat(3,1fr)}.planilla-info-item:nth-child(3n):after{display:none}.planilla-info-item:nth-last-child(-n+3):before{display:none}}@media (max-width: 767px) and (min-width: 480px){.planilla-info-grid{grid-template-columns:repeat(2,1fr)}.planilla-info-item:nth-child(2n):after{display:none}.planilla-info-item:nth-last-child(-n+2):before{display:none}}@media (max-width: 479px){.planilla-info-grid{grid-template-columns:1fr}.planilla-info-item:after{display:none}.planilla-info-item:last-child:before{display:none}}.planilla-info-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#6b7280;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;margin:0}.planilla-info-value{font-size:.9rem;font-weight:500;color:#374151;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;margin:0;word-break:break-word}.planilla-info-value.bold{font-weight:600}.planilla-info-value.link{color:#2563eb;text-decoration:underline;cursor:pointer;transition:color .2s ease}.planilla-info-value.link:hover{color:#1d4ed8}.planilla-info-value.success{color:#059669;font-weight:600}.planilla-info-value.secondary{color:#6b7280;font-style:italic}.planilla-info-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;height:24px;width:fit-content}.planilla-info-chip.primary{background-color:#dbeafe;color:#1e40af}.planilla-info-chip.success{background-color:#dcfce7;color:#166534}.planilla-info-chip.error{background-color:#fee2e2;color:#991b1b}@media (max-width: 1200px){.planilla-info-grid{gap:20px}.planilla-info-content{padding:24px}.planilla-info-header{padding:16px 24px 12px}}@media (max-width: 768px){.planilla-info-grid{gap:16px}.planilla-info-content{padding:20px}.planilla-info-header{padding:12px 20px 8px}.planilla-info-title{font-size:1.1rem}}@media (max-width: 480px){.planilla-info-content{padding:16px}.planilla-info-header{padding:10px 16px 6px}.planilla-info-title{font-size:1rem}}.employees-section{width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;margin-bottom:24px}.employees-header{padding:20px 24px 16px;border-bottom:1px solid #e0e0e0}.employees-title{font-size:1.1rem;font-weight:700;color:#424242;margin:0;display:flex;align-items:center;gap:8px}.employees-count{background:#1976d2;color:#fff;padding:4px 12px;border-radius:16px;font-size:.8rem;font-weight:600}.employees-content{padding:24px}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%}.employee-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;height:100%}.employee-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.employee-name{font-size:1rem;font-weight:700;color:#1976d2;margin-bottom:8px;text-align:center}.employee-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.employee-detail-item{display:flex;flex-direction:column;gap:4px}.employee-detail-label{font-size:.75rem;color:#666;text-transform:uppercase;font-weight:600}.employee-detail-value{font-size:.875rem;font-weight:700}.employee-detail-value.success{color:#2e7d32}.employee-detail-value.primary{color:#1976d2}.employee-detail-value.error{color:#d32f2f}.employee-actions{margin-top:16px;text-align:center}.btn-details{background:transparent;border:1px solid #1976d2;color:#1976d2;padding:6px 16px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-details:hover{background:#1976d2;color:#fff}.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:20px}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{padding:20px 24px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.2rem;font-weight:700;color:#424242;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background:#f5f5f5}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.btn{padding:8px 16px;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:#1976d2;color:#fff}.btn-primary:hover{background:#1565c0}.btn-outlined{background:transparent;border:1px solid #1976d2;color:#1976d2}.btn-outlined:hover{background:#1976d2;color:#fff}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.error-alert{background:#ffebee;color:#c62828;padding:16px;border-radius:8px;border:1px solid #ffcdd2;margin-bottom:24px}.info-alert{background:#e3f2fd;color:#1565c0;padding:16px;border-radius:8px;border:1px solid #bbdefb;margin-bottom:24px}.main-container{width:100%;min-height:100vh;padding:24px;background:#f5f5f5}.content-container{width:100%;max-width:none;padding:0}.employees-table-container{display:flex;flex-direction:column;gap:20px;width:100%}.employee-table-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.employee-table-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.employee-table-header{background:#f8f9fa;padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.employee-table-title{font-size:1.1rem;font-weight:700;color:#1976d2;margin:0}.btn-ver-detalle{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #1976d24d}.btn-ver-detalle:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-1px);box-shadow:0 4px 8px #1976d266}.btn-ver-detalle:active{transform:translateY(0);box-shadow:0 2px 4px #1976d24d}.employee-table-content{padding:0}.employee-table-row{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #f0f0f0;position:relative}.employee-table-row:last-child{border-bottom:none}.employee-table-row:nth-child(2n){background-color:#fafafa}.employee-table-label{flex:0 0 200px;font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.employee-table-value{flex:1;font-size:.9rem;font-weight:500;color:#333;word-break:break-word}@media (max-width: 768px){.employee-table-header{flex-direction:column;gap:12px;align-items:flex-start}.employee-table-row{flex-direction:column;align-items:flex-start;gap:4px;padding:16px 20px}.employee-table-label{flex:none;font-size:.8rem;color:#888}.employee-table-value{flex:none;font-size:.875rem;font-weight:600;color:#333}.btn-ver-detalle{width:100%;padding:10px 16px;font-size:.9rem}}@media (max-width: 480px){.employee-table-header,.employee-table-row{padding:12px 16px}.employee-table-label{font-size:.75rem}.employee-table-value{font-size:.8rem}}.employees-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.employee-card{background:#fff;border:2px solid #e8e8e8;border-radius:10px;overflow:hidden;box-shadow:0 3px 8px #00000014;transition:all .3s ease;min-height:240px;display:flex;flex-direction:column}.employee-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px);border-color:#d0d0d0}.employee-card-header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid #404040}.employee-card-title{font-size:.85rem;font-weight:700;margin:0;color:#fff;letter-spacing:.4px}.btn-ver-detalle{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:4px 8px;border-radius:4px;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.2px}.btn-ver-detalle:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px);box-shadow:0 2px 6px #0003}.btn-ver-detalle:active{transform:translateY(0)}.employee-card-content{padding:12px 14px;flex:1;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#fafafa,#fff)}.employee-info-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #f0f0f0;position:relative}.employee-info-row:last-child{border-bottom:none}.employee-info-row:nth-child(2n){background-color:#00000005;margin:0 -14px;padding:4px 14px}.employee-info-label{flex:0 0 70px;font-size:.6rem;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.6px;position:relative}.employee-info-label:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:1px;height:10px;background:linear-gradient(180deg,#1a1a1a,#404040);border-radius:.5px}.employee-info-value-container{flex:1;display:flex;align-items:center;gap:6px;padding:2px 0}.employee-info-value{flex:1;font-size:.7rem;font-weight:500;color:#1a1a1a;word-break:break-word;line-height:1.2;padding:1px 0}.btn-copy{background:#1a1a1a;border:1px solid #333;cursor:pointer;padding:2px 4px;border-radius:3px;font-size:.55rem;color:#fff;transition:all .2s ease;flex-shrink:0;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}.btn-copy:hover{background:#333;border-color:#555;transform:scale(1.05);box-shadow:0 1px 4px #0003}.btn-copy:active{transform:scale(.95);background:#000}@media (max-width: 1200px){.employees-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.employees-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.employees-grid{grid-template-columns:1fr;gap:12px}.employee-card{min-height:auto}.employee-card-header{flex-direction:column;gap:6px;align-items:flex-start;padding:10px 12px}.employee-card-title{font-size:.8rem}.btn-ver-detalle{width:100%;padding:6px 10px;font-size:.7rem}.employee-card-content{padding:12px;gap:6px}.employee-info-row{flex-direction:column;align-items:flex-start;gap:2px;padding:4px 0}.employee-info-row:nth-child(2n){margin:0 -12px;padding:4px 12px}.employee-info-label{flex:none;font-size:.55rem;width:100%}.employee-info-label:after{display:none}.employee-info-value-container{flex:none;width:100%;gap:4px}.employee-info-value{flex:none;font-size:.65rem}.btn-copy{font-size:.5rem;padding:2px 3px;min-width:18px;height:18px}}@media (max-width: 480px){.employee-card-header{padding:8px 10px}.employee-card-content{padding:10px}.employee-info-label{font-size:.5rem}.employee-info-value{font-size:.6rem}.btn-copy{font-size:.45rem;min-width:16px;height:16px}}.employee-detail-modal{max-width:900px;width:90%;max-height:90vh;overflow-y:auto}.employee-detail-section{margin-bottom:24px}.employee-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.employee-detail-left{flex:1}.company-name{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:12px}.employee-basic-info{font-size:.9rem;color:#333;line-height:1.6}.employee-basic-info div{margin-bottom:4px}.employee-detail-right{flex:1;text-align:right}.document-title{font-size:1.2rem;font-weight:700;color:#1a1a1a;margin-bottom:8px}.document-id{font-size:.8rem;color:#666;margin-bottom:12px;font-family:monospace}.employee-specific-info{font-size:.9rem;color:#333;line-height:1.6}.employee-specific-info div{margin-bottom:4px}.compensation-summary{margin-bottom:24px}.summary-table{width:100%;border-collapse:collapse;border:1px solid #e0e0e0;margin-bottom:16px}.summary-table th{background:#f8f9fa;padding:12px 8px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#333;text-align:center;border:1px solid #e0e0e0;letter-spacing:.5px}.summary-table td{padding:12px 8px;font-size:.85rem;font-weight:600;text-align:center;border:1px solid #e0e0e0;color:#1a1a1a}.actions-section h3{font-size:1rem;font-weight:700;color:#1a1a1a;margin-bottom:8px}.employee-name-repeat{font-size:.9rem;color:#666;margin-bottom:16px;font-style:italic}.actions-table{width:100%;border-collapse:collapse;border:1px solid #e0e0e0}.actions-table th{background:#f8f9fa;padding:10px 8px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#333;text-align:left;border:1px solid #e0e0e0;letter-spacing:.3px}.actions-table td{padding:8px;font-size:.8rem;border:1px solid #e0e0e0;color:#333}.actions-table .positive{color:#2e7d32;font-weight:700;text-align:center}.actions-table .negative{color:#d32f2f;font-weight:700;text-align:center}.employee-detail-footer{margin-top:24px;padding-top:16px;border-top:1px solid #e0e0e0}.footer-info{font-size:.8rem;color:#666;margin-bottom:8px;font-family:monospace}.disclaimer{font-size:.75rem;color:#d32f2f;font-style:italic;line-height:1.4}.btn-cerrar{background:#666;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cerrar:hover{background:#555;transform:translateY(-1px)}.btn-cerrar:active{transform:translateY(0)}@media (max-width: 768px){.employee-detail-modal{width:95%;max-height:95vh}.employee-detail-header{flex-direction:column;gap:16px;align-items:flex-start}.employee-detail-right{text-align:left}.summary-table th,.summary-table td{padding:8px 4px;font-size:.7rem}.actions-table th,.actions-table td{padding:6px 4px;font-size:.7rem}.company-name{font-size:1.2rem}.document-title{font-size:1rem}}@media (max-width: 480px){.employee-detail-modal{width:98%}.summary-table,.actions-table{font-size:.65rem}.btn-cerrar{width:100%;padding:12px}}