.lettering{margin:200px}.lettering p{font-size:100px;font-weight:700;text-align:center;margin-top:20px}.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}}