:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#f4f7f6}body{margin:0;display:flex;place-items:flex-start;min-width:320px;min-height:100vh;width:100%}#root{width:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f4f7f6}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px clamp(15px,4vw,40px);min-height:70px;width:100%;box-sizing:border-box;background-color:#f1f1f1d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003;position:sticky;top:0;z-index:1000;transition:all .3s ease}.btn-Cerrar-Seccion{display:flex;align-items:center;gap:5px;background-color:#0115ce;color:#1026e9;border:none;padding:8px 18px;border-radius:4px;font-weight:700;cursor:pointer;margin-left:10px}.btn-Cerrar-Seccion:hover{background-color:#181cdb;transition:.2s}.nav-brand{margin:0;color:#fff;text-align:center;width:160px;padding:0}.nav-links{display:flex;gap:clamp(15px,3vw,30px);flex-wrap:wrap;justify-content:center}.nav-link{color:#050404;text-decoration:none;font-weight:500;font-size:1.1rem;transition:color .2s ease-in-out;padding:5px 0}.nav-link:hover{color:#0070ba}.app-container{padding:0;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.page-container{padding:10px;box-sizing:border-box}.flex-layout{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start}.form-wrapper{flex:1 1 350px;max-width:450px}.table-wrapper{flex:2 1 600px;min-width:320px}@media(max-width:768px){.navbar{flex-direction:column;justify-content:center;gap:12px;padding:15px}.nav-brand{font-size:1.3rem}.nav-links{gap:15px;width:100%}.nav-link{font-size:.95rem}.form-wrapper{max-width:100%}}.form-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:25px;border-radius:16px;box-shadow:0 8px 32px #1f26870d;border:1px solid rgba(255,255,255,.5);max-width:500px;width:100%;box-sizing:border-box}.form-title{margin:0 0 20px;font-size:1.2rem;color:#1e293b;border-bottom:2px solid rgba(226,232,240,.6);padding-bottom:10px;font-weight:600}.employee-form{display:flex;flex-direction:column;gap:18px}.form-row{display:flex;gap:15px;flex-wrap:wrap}.input-group{display:flex;flex-direction:column;flex:1;gap:6px;min-width:180px}.input-label{font-size:.85rem;color:#64748b;font-weight:600}.form-input{padding:12px 14px;border-radius:10px;background:#fffc;border:1px solid rgba(203,213,225,.6);font-size:1rem;color:#1e293b;outline:none;width:100%;box-sizing:border-box;transition:all .2s ease}.form-name{width:70%}.form-input:hover{border-color:#93c5fd}.form-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.input-date{position:relative;cursor:pointer}.input-date::-webkit-calendar-picker-indicator{background-color:#f1f5f9cc;padding:6px;cursor:pointer;border-radius:6px;border:1px solid rgba(226,232,240,.8);transition:all .2s ease;color:#2563eb}.input-date::-webkit-calendar-picker-indicator:hover{background-color:#e0f2fe;border-color:#bae6fd;transform:scale(1.05)}.input-select{cursor:pointer;font-weight:500;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232563eb%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 14px top 50%;background-size:12px auto;padding-right:40px}.input-select option{padding:15px;font-size:1.05rem;font-weight:500;background-color:#fff;color:#1e293b}.opt-ninguno{font-style:italic;color:#94a3b8!important}.opt-dia{color:#1e293b!important}.dias-estudio-container{display:flex;gap:8px;width:100%;justify-content:space-between}.btn-dia-estudio{flex:1;background:#fff9;border:1px solid rgba(203,213,225,.6);color:#64748b;padding:10px 0;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn-dia-estudio:hover{background:#ffffffe6;border-color:#93c5fd;color:#3b82f6}.btn-dia-estudio.selected{background-color:#eff6ffe6;border-color:#2563eb;color:#2563eb;box-shadow:0 2px 5px #2563eb26;transform:translateY(-1px)}.texto-seleccion-dias{font-size:.75rem;color:#94a3b8;margin-top:4px;font-style:italic;min-height:15px}.checkbox-container{display:flex;justify-content:center;margin-top:5px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:#1e293b;padding:12px 20px;background-color:#f8fafc99;border-radius:10px;width:100%;box-sizing:border-box;border:1px solid rgba(203,213,225,.6);transition:all .2s ease}.checkbox-label:hover{background-color:#f1f5f9e6;border-color:#93c5fd}.form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.ticket-section{background-color:#f8fafc99;padding:7px;border-radius:12px;border:1px dashed rgba(203,213,225,.8);margin-top:5px}.ticket-title{margin:0 0 12px;font-size:.9rem;color:#475569;text-align:center;font-weight:600}.input-number{padding:10px 12px;border-radius:10px;background:#fffc;border:1px solid rgba(203,213,225,.6);font-size:1.2rem;text-align:center;font-weight:700;color:#0f172a;width:100%;box-sizing:border-box;transition:all .2s ease}.input-number:hover{border-color:#93c5fd}.input-number:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26;outline:none}.btn-submit{background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.3);color:#fff;padding:14px 18px;border-radius:10px;cursor:pointer;font-weight:700;font-size:1rem;margin-top:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0f172a33}.btn-submit:hover:not(:disabled){background:#2563ebf2;border-color:#60a5fa99;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-submit:disabled{background:#94a3b880;border-color:#94a3b833;color:#f1f5f9;cursor:not-allowed;box-shadow:none}.input-datalist{cursor:text}.input-datalist::-webkit-calendar-picker-indicator{color:#2563eb;cursor:pointer;opacity:.6;transition:.2s}.input-datalist::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}.novedades-dashboard-container{width:100%;padding:clamp(10px,2vw,20px);box-sizing:border-box;background-color:#f8fafc;height:calc(100vh - 85px);overflow:hidden;display:flex;flex-direction:column}.novedades-top-flex{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;flex:1}.novedades-calendar-card,.novedades-form-card{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:16px;box-shadow:0 10px 25px -5px #0f172a0d;padding:clamp(15px,3vw,25px);box-sizing:border-box;display:flex;flex-direction:column}.novedades-calendar-card{flex:2 1 600px;min-width:280px}.novedades-form-card{flex:1 1 350px;min-width:280px;overflow-y:auto}.novedades-card-title{margin:0 0 20px;font-size:1.3rem;color:#0f172a;border-bottom:2px solid #e2e8f0;padding-bottom:12px;font-weight:700;flex-shrink:0}.novedades-iframe-wrapper{width:100%;flex:1;overflow:hidden;border-radius:12px;background-color:#fff;border:1px solid #e2e8f0;display:flex}.novedades-iframe{width:100%;height:100%;border:0}.novedades-form{display:flex;flex-direction:column;gap:15px}.novedades-row{display:flex;gap:15px;flex-wrap:wrap}.novedades-input-group{display:flex;flex-direction:column;flex:1 1 130px;gap:6px}.novedades-label{font-size:.85rem;color:#475569;font-weight:700}.novedades-input{padding:12px 14px;border-radius:10px;background:#fff;border:1px solid #cbd5e1;color:#0f172a;font-size:.95rem;font-weight:500;outline:none;width:100%;box-sizing:border-box;transition:all .2s ease}.novedades-input:hover{border-color:#94a3b8}.novedades-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.novedades-textarea{resize:vertical;min-height:80px;max-height:150px;font-family:inherit;line-height:1.5}select.novedades-input{cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232563eb%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 14px top 50%;background-size:12px auto;padding-right:40px}.novedades-btn-submit{background:#0f172a;border:1px solid #0f172a;color:#fff;padding:14px;border-radius:10px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .2s ease;box-shadow:0 4px 10px #0f172a26;margin-top:10px}.novedades-btn-submit:hover:not(:disabled){background:#1e293b;transform:translateY(-2px);box-shadow:0 6px 15px #0f172a40}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2a0f0f99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-novedades-wide{background:#fff;border-radius:3px;width:95vw;max-width:1200px;height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0f172a40;overflow:hidden;padding:20px 20px 0}.modal-header-novedades{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.modal-title-novedades{margin:0;color:#0f172a;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:10px}.btn-close-modal{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;transition:.2s;display:flex}.btn-close-modal:hover{background-color:#f1f5f9;color:#dc2626}.novedades-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:15px;flex-shrink:0}.novedades-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filter-item{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px}.filter-icon{color:#64748b}.novedades-select{border:none;outline:none;background:transparent;font-size:.85rem;font-weight:600;color:#334155;cursor:pointer}.sort-buttons{display:flex;gap:4px;background:transparent;border:none;padding:0}.btn-sort{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;color:#475569;cursor:pointer;transition:.2s}.btn-sort:hover{background:#f1f5f9}.btn-sort.active{background:#e0f2fe;border-color:#7dd3fc;color:#0284c7}.btn-delete-all{display:flex;align-items:center;gap:6px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s}.btn-delete-all:hover{background:#fee2e2;border-color:#fca5a5}.novedades-table-wrapper{overflow-y:auto;overflow-x:auto;flex:1;background:#fff}.novedades-table{width:100%;border-collapse:collapse;min-width:800px}.novedades-thead-sticky th{position:sticky;top:0;z-index:10;background-color:#f8fafc;padding:16px 15px;text-align:left;color:#475569;font-size:.8rem;font-weight:700;text-transform:uppercase;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 4px #00000005}.novedades-tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.novedades-tr:hover{background-color:#f8fafc}.novedades-td{padding:14px 15px;font-size:.9rem;color:#1a1a1a;vertical-align:middle}.novedades-date-text{font-size:.85rem;color:#64748b;line-height:1.4;display:inline-block}.novedades-td-desc{max-width:300px}.novedades-desc-text{font-size:.85rem;color:#475569;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novedades-no-desc{color:#cbd5e1;font-style:italic;font-size:.85rem}.novedades-btn-delete{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#94a3b8;transition:.2s;display:inline-flex;justify-content:center;align-items:center}.novedades-btn-delete:hover{color:#ef4444;background-color:#fef2f2}.modal-footer-novedades{padding:16px 24px;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;flex-shrink:0}.novedades-tag{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-block}.tag-vacaciones{background-color:#e0f2fe;color:#0284c7;border:1px solid #bae6fd}.tag-estudio{background-color:#f3e8ff;color:#7e22ce;border:1px solid #e9d5ff}.tag-incapacidad{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.tag-otro{background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0}@media(max-width:768px){.novedades-dashboard-container{height:auto;overflow:visible}.novedades-top-flex{flex-direction:column}.novedades-iframe{height:400px}.novedades-toolbar,.novedades-filters{flex-direction:column;align-items:stretch}.sort-buttons{justify-content:center}.btn-delete-all{justify-content:center;margin-top:10px}}.calendario-wrapper-global{height:calc(100dvh - 85px);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;overflow:hidden;background-color:#f4f7f6;padding:20px}.calendario-card-blanca{background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;flex:1;min-height:0;box-shadow:0 4px 12px #0000000d}.saas-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0;flex-shrink:0;flex-wrap:wrap;gap:15px}.saas-title{margin:0;color:#1a1a1a;font-size:1.5rem;font-weight:600}.saas-subtitle{margin:4px 0 0;color:#2d4970;font-size:.9rem}.saas-header-acciones{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.btn-outline{background-color:#fff;border:1px solid #cbd5e1;color:#334155;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-outline:hover{background-color:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-outline-primary{background-color:#0f172a;color:#fff;border-color:#0f172a;font-weight:600}.btn-outline-primary:hover{background-color:#1e293b;border-color:#1e293b;box-shadow:0 4px 10px #0f172a33}.saas-pagination{display:flex;align-items:center;gap:15px;border-left:2px solid #e2e8f0;padding-left:20px}.btn-page{background-color:#fff;border:1px solid #393c3f;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:700;color:#1a1a1a;transition:.2s}.btn-page:hover{background-color:#161718;color:#fff}.table-scroll-container{flex:1;overflow:auto;width:100%}.saas-table{width:100%;border-collapse:collapse}.saas-thead-sticky th{position:sticky;top:0;z-index:3;background-color:#f8fafc;padding:18px 15px;border-bottom:2px solid #e2e8f0;text-align:center}.th-dia-nombre{color:#334155;font-weight:700;font-size:.9rem;text-transform:uppercase}.th-dia-fecha{color:#64748b;font-size:.8rem;margin-top:2px}.th-hoy{background-color:#f0f9ff!important;box-shadow:inset 0 -3px #0f172a!important}.saas-tr{border-bottom:1px solid #f1f5f9;transition:background-color .1s}.saas-tr:hover{background-color:#f8fafc}.saas-td{padding:15px;text-align:center;width:20px}.cell-hover{cursor:pointer}.cell-hover:hover{background-color:#f1f5f9}.td-disabled{cursor:not-allowed;opacity:.8}.td-disabled:hover{background-color:transparent}.th-empleado,.td-empleado{text-align:left!important;position:sticky;left:0;background-color:#fff;z-index:2;border-right:1px solid #e2e8f0;min-width:220px}.saas-thead-sticky .th-empleado{z-index:4}.saas-tfoot-sticky .td-empleado{z-index:5}.saas-tr:hover .td-empleado{background-color:#f8fafc}.td-emp-name{font-weight:600;color:#1a1a1a;font-size:1rem}.td-emp-role{color:#64748b;font-size:.8rem;margin-top:2px;display:block}.btn-add-asign{border:1px dashed #cbd5e1;color:#94a3b8;padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:500;display:inline-block}.cell-hover:hover .btn-add-asign{background-color:#fff;border-color:#0f172a;color:#0f172a}.badge-asig{padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block}.asig-pres{background-color:#e1f5fe;color:#0288d1;border:1px solid #b3e5fc}.asig-rem{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.badge-novedad{display:inline-block;background-color:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600}.saas-tfoot-sticky{position:sticky;bottom:0;z-index:4;box-shadow:0 -4px 10px #ff00000d}.saas-tfoot-sticky td{background-color:#fff;border-top:0px solid #e2e8f0;padding:5px 15px;outline:solid rgb(233,233,233) 1px;border-radius:5%}.footer-label{font-weight:700;color:#1a1a1a;font-size:.9rem}.footer-number{font-weight:700;color:#0f172a;font-size:1.1rem}.text-remoto{color:#2e7d32}.footer-cupo-max{font-size:.8rem;color:#94a3b8;font-weight:500}.cupo-lleno{color:#e74c3c}.dashboard-cards-container{display:flex;gap:20px;margin-top:5px;flex-shrink:0;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.dashboard-cards-container::-webkit-scrollbar{display:none}.dash-card{flex:1;min-width:220px;background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 6px #00000005}.dash-card-icon{width:48px;height:48px;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:1.5rem}.bg-blue{background-color:#e1f5fe;color:#0288d1}.bg-orange{background-color:#fff3e0;color:#ef6c00}.bg-red{background-color:#fcebeb;color:#e74c3c}.bg-green{background-color:#e8f5e9;color:#2e7d32}.dash-card-info{display:flex;flex-direction:column}.dash-card-title{font-size:.75rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dash-card-value{font-size:1.5rem;font-weight:700;color:#1a1a1a;line-height:1}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1a1a1a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:350px;display:flex;flex-direction:column;gap:15px;box-shadow:0 20px 25px -5px #0000001a;box-sizing:border-box}.modal-input{padding:12px;border-radius:8px;border:1px solid #cbd5e1;font-size:1.1rem;text-align:center;font-weight:700;color:#0f172a;width:100%;box-sizing:border-box}.btn-menu-opcion{padding:12px;background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;color:#334155;transition:.2s}.btn-menu-opcion:hover{background-color:#f1f5f9;border-color:#cbd5e1}.active-pres{background-color:#e1f5fe;border-color:#0288d1;color:#0288d1}.active-rem{background-color:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.btn-opcion-delete{color:#e74c3c;border-color:transparent}.btn-opcion-delete:hover{background-color:#fcebeb;border-color:#e74c3c}.btn-cancelar{background:none;border:none;color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;padding:10px;transition:.2s}.btn-cancelar:hover{color:#1a1a1a;text-decoration:underline}.toast-notification{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(100px);padding:14px 24px;border-radius:8px;color:#fff;font-weight:600;z-index:10000;opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;gap:12px;align-items:center;box-shadow:0 10px 15px -3px #00000026;pointer-events:none}.toast-notification.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.calendario-wrapper-global{padding-bottom:80px}.btn-flotante-limpiar{position:fixed;bottom:30px;right:30px;z-index:999;display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;color:#dc2626;background-color:#fff;border:1px solid #fca5a5;border-radius:50px;box-shadow:0 4px 15px #dc262626;cursor:pointer;transition:all .2s ease}.btn-flotante-limpiar:hover{background-color:#fef2f2;transform:translateY(-3px);box-shadow:0 6px 20px #dc262640}@media(max-width:768px){.btn-flotante-limpiar{bottom:20px;right:20px;width:56px;height:56px;padding:0;border-radius:50%;justify-content:center;gap:0;box-shadow:0 6px 15px #dc26264d}.texto-btn-limpiar{display:none}}.toast-notification.success{background-color:#2ecc71;border-bottom:4px solid #27ae60}.toast-notification.error{background-color:#e74c3c;border-bottom:4px solid #c0392b}@media(max-width:768px){.calendario-wrapper-global{padding:10px;gap:10px}.saas-header{padding:15px;flex-direction:column;align-items:stretch}.saas-header-textos{text-align:center}.saas-title{font-size:1.3rem}.saas-header-acciones{width:100%;justify-content:stretch}.btn-outline{flex:1;justify-content:center;padding:10px}.saas-pagination{border-left:none;padding-left:0;width:100%;justify-content:space-between;margin-top:5px}.saas-thead-sticky th{padding:12px 8px}.saas-td{padding:10px 8px}.th-empleado,.td-empleado{min-width:150px}.toast-notification{width:85%;text-align:center;justify-content:center}}.modal-edit-overlay{position:fixed;inset:0;background-color:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-edit-content{background:#fdfdfde3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:30px;border-radius:16px;width:90%;max-width:500px;box-shadow:0 10px 40px #0f172a26;border:1px solid rgba(255,255,255,.5);max-height:90vh;overflow-y:auto}.modal-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid rgba(226,232,240,.8);padding-bottom:10px}.modal-edit-title{margin:0;color:#1e293b;font-size:1.4rem;font-weight:600}.btn-modal-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#94a3b8;transition:color .2s}.btn-modal-close:hover{color:#ef4444}.modal-edit-form{display:flex;flex-direction:column;gap:15px}.modal-row{display:flex;gap:15px;flex-wrap:wrap}.modal-input-group{display:flex;flex-direction:column;flex:1;gap:5px;min-width:180px}.modal-label{font-size:.85rem;color:#64748b;font-weight:600}.modal-input{padding:10px 12px;border-radius:8px;background:#ffffffe6;border:1px solid rgba(203,213,225,.8);font-size:1rem;color:#1e293b;outline:none;width:100%;box-sizing:border-box;transition:all .2s ease}.modal-input:hover{border-color:#93c5fd}.modal-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.req-star{color:#ef4444;margin-left:2px}.opcional-text{font-weight:400;color:#94a3b8;font-size:.75rem}.modal-input-datalist::-webkit-calendar-picker-indicator{cursor:pointer;color:#2563eb;opacity:.6;transition:.2s}.modal-input-datalist::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}.modal-input-date{cursor:pointer}.modal-input-date::-webkit-calendar-picker-indicator{background-color:#f1f5f9cc;padding:5px;cursor:pointer;border-radius:6px;border:1px solid rgba(226,232,240,.8);color:#2563eb;transition:.2s}.modal-input-date::-webkit-calendar-picker-indicator:hover{background-color:#e0f2fe;border-color:#bae6fd;transform:scale(1.05)}.modal-input-select{cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232563eb%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto;padding-right:35px}.modal-input-select option{padding:12px;font-size:1rem;color:#1e293b}.modal-dias-container{display:flex;gap:8px;width:100%}.modal-btn-dia{flex:1;background:#fffc;border:1px solid rgba(203,213,225,.8);color:#64748b;padding:8px 0;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.modal-btn-dia:hover{background-color:#f1f5f9;border-color:#93c5fd;color:#3b82f6}.modal-btn-dia.selected{background-color:#eff6ffe6;border-color:#2563eb;color:#2563eb}.modal-texto-dias{font-size:.75rem;color:#94a3b8;margin-top:4px;font-style:italic;min-height:15px}.modal-checkbox-container{display:flex;justify-content:center;margin-top:5px}.modal-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:#1e293b;padding:10px;background-color:#f8fafccc;border-radius:8px;border:1px solid rgba(226,232,240,.8);width:100%;justify-content:center;transition:.2s}.modal-checkbox-label:hover{border-color:#93c5fd;background-color:#f1f5f9e6}.modal-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.modal-ticket-section{background-color:#f8fafccc;padding:15px;border-radius:10px;border:1px dashed rgba(203,213,225,.8)}.modal-ticket-title{margin:0 0 10px;font-size:.9rem;color:#475569;text-align:center;font-weight:600}.modal-input-number{padding:10px 12px;border-radius:8px;background:#ffffffe6;border:1px solid rgba(203,213,225,.8);font-size:1.1rem;text-align:center;font-weight:700;color:#0f172a;width:100%;box-sizing:border-box;transition:.2s}.modal-input-number:hover{border-color:#93c5fd}.modal-input-number:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.modal-actions-container{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.modal-right-actions{display:flex;gap:10px}.modal-btn-delete{padding:10px 15px;cursor:pointer;border:none;border-radius:8px;background-color:#fee2e2cc;color:#fd0000;font-weight:700;transition:.2s}.modal-btn-delete:hover{background-color:#fecaca;transform:scale(1.05)}.modal-btn-cancel{padding:10px 18px;cursor:pointer;border:none;border-radius:8px;background-color:#f1f5f9cc;color:#64748b;font-weight:700;transition:.2s}.modal-btn-cancel:hover{background-color:#e2e8f0;color:#1e293b}.modal-btn-save{padding:10px 18px;cursor:pointer;border:none;border-radius:8px;background-color:#0f172ad9;color:#fff;font-weight:700;transition:.3s ease;box-shadow:0 4px 10px #0f172a33;border:1px solid rgba(59,130,246,.3)}.modal-btn-save:hover:not(:disabled){background-color:#2563ebf2;border-color:#60a5fa99;transform:translateY(-2px);box-shadow:0 6px 15px #2563eb66}.modal-btn-save:disabled{background-color:#cbd5e1;color:#f8fafc;cursor:not-allowed;box-shadow:none}.modal-left-actions{display:flex;gap:8px}.modal-btn-delete{padding:10px 12px;cursor:pointer;border:none;border-radius:8px;background-color:#ff0000fd;color:#fff;font-weight:700;transition:.2s}.modal-btn-delete:hover{background-color:#ec0000a9;transform:scale(1.05)}.modal-btn-toggle{padding:10px 15px;cursor:pointer;border:none;border-radius:8px;font-weight:700;transition:all .2s ease;font-size:.9rem}.btn-deactivate{background-color:#ffc3c3cc;color:#000;border:1px solid rgba(253,187,116,0)}.btn-deactivate:hover{background-color:#ffedd5;transform:scale(1.02)}.btn-activate{background-color:#00aa3ccc;color:#fff;border:1px solid rgba(0,0,0,0)}.btn-activate:hover{background-color:#00ff59;transform:scale(1.02)}.badge-inactivo{font-size:.8rem;background-color:red;color:#fff;padding:4px 8px;border-radius:6px;vertical-align:middle;margin-left:8px}@media(max-width:600px){.modal-edit-content{padding:20px 15px;width:95%;max-height:85vh}.modal-edit-title{font-size:1.2rem}.modal-row{flex-direction:column;gap:12px}.modal-input-group{min-width:100%}.modal-actions-container{flex-direction:column-reverse;gap:15px;margin-top:20px}.modal-left-actions,.modal-right-actions{width:100%;display:flex;flex-direction:column;gap:10px}.modal-btn-delete,.modal-btn-toggle,.modal-btn-cancel,.modal-btn-save{width:100%;text-align:center;padding:12px;font-size:1rem}}.modal-avatar-edit-section{display:flex;justify-content:center;margin-bottom:25px}.modal-avatar-circle{position:relative;width:110px;height:110px;border-radius:50%;background-color:#f1f5f9;border:4px solid #ffffff;box-shadow:0 4px 12px #00000014;overflow:visible}.modal-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.modal-avatar-upload-btn{position:absolute;bottom:5px;right:5px;background-color:#fff;color:#64748b;border:none;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s ease;z-index:2}.modal-avatar-upload-btn:hover{background-color:#f1f5f9;color:#1e293b;transform:scale(1.1)}.modal-avatar-upload-btn:disabled{cursor:not-allowed;opacity:.6}.badge-inactivo{color:#ef4444;font-size:.85rem;font-weight:500}.empleados-card{background-color:#fff;padding:25px;border-radius:20px;box-shadow:0 10px 30px #0000000a;border:1px solid #f1f5f9;width:100%;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}.empleados-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:20px}.header-left .title{margin:0;font-size:1.4rem;color:#0f172a;display:flex;align-items:center;gap:10px}.header-left .subtitle{font-size:.85rem;color:#64748b;margin-top:4px}.header-filters{display:flex;gap:12px;align-items:center}.search-wrapper,.filter-wrapper{position:relative;display:flex;align-items:center}.search-input,.filter-select{padding:10px 12px 10px 40px;border-radius:12px;border:1px solid #e2e8f0;font-size:.9rem;outline:none;transition:all .2s ease;background-color:#f8fafc;color:#1e293b}.filter-select{padding-left:15px;cursor:pointer;appearance:none;background-image:url(data:image/svg+xml,...);min-width:160px}.search-input:focus,.filter-select:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 4px #3b82f61a}.input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.table-container{max-height:635px;overflow-y:auto;border-radius:12px;border:1px solid #f1f5f9}.empleados-table{width:100%;border-collapse:separate;border-spacing:0;min-width:500px}.empleados-table th{position:sticky;top:0;background-color:#f8fafc;padding:16px;text-align:left;color:#475569;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9;z-index:10}.row-empleado{cursor:pointer;transition:all .2s}.row-empleado:hover{background-color:#f1f5f9!important;transform:translateY(-1px)}.row-empleado td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.badge-dept{background:#eff6ff;color:#1d4ed8;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600}.badge-pico{background:#fff7ed;color:#c2410c;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.badge-key{background:#fefce8;color:#a16207;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.tickets-pill{display:flex;gap:4px}.pill-r{background:#f0fdf4;color:#15803d;padding:4px 8px;border-radius:6px;font-weight:700;font-size:.75rem}.pill-p{background:#f0f9ff;color:#0369a1;padding:4px 8px;border-radius:6px;font-weight:700;font-size:.75rem}.td-nombre{max-width:220px}.td-depto{max-width:150px}.text-truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.badge-dept{background:#eff6ff;color:#1d4ed8;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;box-sizing:border-box}@media(max-width:768px){.empleados-header{flex-direction:column;align-items:flex-start}.header-filters{width:100%;flex-direction:column}.search-wrapper,.filter-wrapper{width:100%}.search-input,.filter-select{width:100%;box-sizing:border-box}.empleados-table{min-width:100%}.empleados-table thead{display:none}.empleados-table,.empleados-table tbody,.empleados-table tr,.empleados-table td{display:block;width:100%;box-sizing:border-box}.row-empleado{margin-bottom:15px;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000005}.row-empleado td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:12px 15px;border-bottom:1px solid #f1f5f9}.row-empleado td:last-child{border-bottom:none}.row-empleado td:before{content:attr(data-label);font-weight:700;font-size:.75rem;color:#64748b;text-transform:uppercase;margin-right:15px;text-align:left}.td-nombre,.td-depto{max-width:100%}.td-nombre div{text-align:right}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f1f5f9;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:20px 20px}.auth-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0f172a14;width:100%;max-width:400px;border:1px solid #e2e8f0}.auth-header{text-align:center;margin-bottom:30px}.auth-logo-placeholder{font-size:3rem;margin-bottom:10px}.auth-title{margin:0;font-size:1.8rem;color:#636874;font-family:Arial,Helvetica,sans-serif}.auth-subtitle{margin:5px 0 0;color:#64748b;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-error{background-color:#fef2f2;color:#dc2626;padding:10px;border-radius:8px;font-size:.85rem;text-align:center;border:1px solid #fca5a5}.auth-input-group{display:flex;flex-direction:column;gap:8px}.auth-label{font-size:.85rem;font-weight:600;color:#475569}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-icon{position:absolute;left:12px;color:#94a3b8}.auth-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #cbd5e1;border-radius:10px;font-size:1rem;outline:none;transition:all .2s;box-sizing:border-box}.auth-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.auth-btn-submit{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;background-color:#0070ba;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:.2s;margin-top:10px}.auth-btn-submit:hover:not(:disabled){background-color:#0f172a;transform:translateY(-2px)}.auth-btn-submit:disabled{background-color:#94a3b8;cursor:not-allowed}