:root{--azul:#0b5394;--azul-osc:#073763;--gris:#f4f6f9;--texto:#1f2937;--error:#b91c1c;--ok:#047857;--borde:#d1d5db}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.shell{min-height:100vh}.shell--login{background:linear-gradient(135deg, var(--azul) 0%, var(--azul-osc) 100%);justify-content:center;align-items:center;padding:1rem;display:flex}.shell--panel{background:var(--gris)}.card{background:#fff;border-radius:14px;width:100%;max-width:380px;padding:2rem 1.75rem;box-shadow:0 12px 40px #00000040}.titulo{text-align:center;color:var(--azul-osc);margin:0;font-size:1.5rem}.subtitulo{text-align:center;color:#6b7280;margin:.25rem 0 1.5rem;font-size:.9rem}.campo{margin-bottom:1rem;display:block}.campo span{margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.campo input,.campo textarea,.campo select{border:1px solid var(--borde);border-radius:8px;width:100%;padding:.65rem .75rem;font-family:inherit;font-size:1rem}.campo select{cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") right .7rem center no-repeat;padding-right:2rem}.campo textarea{resize:vertical}.campo input:focus,.campo textarea:focus,.campo select:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px #0b539426}.campo input[type=file]{cursor:pointer;background:#f9fafb;padding:.45rem .6rem}.campo input[type=file]::file-selector-button{background:var(--azul);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:6px;margin-right:.75rem;padding:.4rem .85rem;font-size:.85rem;font-weight:600;transition:background .15s}.campo input[type=file]::file-selector-button:hover{background:var(--azul-osc)}.boton{background:var(--azul);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.7rem;font-size:1rem;font-weight:600;transition:background .15s}.boton:hover{background:var(--azul-osc)}.boton:disabled{opacity:.6;cursor:not-allowed}.boton--secundario{background:#6b7280;margin-top:1rem}.boton--secundario:hover{background:#4b5563}.mensaje{text-align:center;min-height:1.2em;margin:.9rem 0 0;font-size:.88rem}.mensaje--error{color:var(--error)}.mensaje--ok{color:var(--ok)}.panel{min-height:100vh}.topbar{color:#fff;background:linear-gradient(135deg,#065f46 0%,#047857 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.85rem 1.25rem;display:flex}.topbar__brand strong{font-size:1.05rem;display:block}.topbar__brand span{opacity:.85;font-size:.8rem}.topbar__user{align-items:center;gap:.9rem;font-size:.9rem;display:flex}.topbar .boton--secundario{margin-top:0}.contenido{max-width:1000px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.layout{align-items:flex-start;display:flex}.sidebar{border-right:1px solid var(--borde);background:#fff;flex-shrink:0;align-self:stretch;width:220px;min-height:calc(100vh - 64px);padding:1.25rem .75rem}.sidebar nav{flex-direction:column;gap:.25rem;display:flex;position:sticky;top:1rem}.nav-item{text-align:left;color:#374151;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:.6rem;padding:.6rem .7rem;font-size:.92rem;display:flex}.nav-item:hover{background:#f3f4f6}.nav-item--activo{color:#047857;background:#ecfdf5;font-weight:600}.nav-item svg{flex-shrink:0;width:18px;height:18px}.layout .contenido{flex:1;margin:0}@media (max-width:760px){.layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--borde);width:100%;min-height:auto;padding:.75rem}.sidebar nav{flex-direction:row;position:static}.nav-item{flex:1;justify-content:center}}.seccion-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.seccion-head h2,.seccion-head h3{color:#064e3b;margin:0}.seccion-sub{color:#6b7280;margin:.15rem 0 0;font-size:.88rem}.aviso{color:var(--ok);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin:0 0 1rem;padding:.7rem .9rem;font-size:.9rem}.aviso--error{color:var(--error);background:#fef2f2;border-color:#fecaca}.cargando{color:#6b7280;text-align:center;padding:1.5rem 0}.boton--sm{width:auto;padding:.45rem .9rem;font-size:.88rem}.boton--ghost{color:#047857;background:#fff;border:1px solid #a7f3d0}.boton--ghost:hover{background:#ecfdf5}.boton--peligro{background:#dc2626}.boton--peligro:hover{background:#b91c1c}.boton-icono{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;flex-shrink:0;width:2rem;height:2rem;font-size:.9rem}.boton-icono:hover{background:#fecaca}.link-volver{color:#047857;cursor:pointer;background:0 0;border:none;margin-bottom:.75rem;padding:0;font-size:.9rem}.link-volver:hover{text-decoration:underline}.grid-cronogramas{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.cron-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:1.1rem;display:flex}.cron-card__top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.cron-card__mes{color:#047857;font-size:.9rem;font-weight:600}.cron-card h3{color:#111827;margin:0 0 .4rem;font-size:1rem}.cron-card p{color:#6b7280;margin:0 0 .8rem;font-size:.85rem}.cron-card__acciones{gap:.5rem;margin-top:auto;display:flex}.chip{border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.chip--ok{color:#166534;background:#dcfce7}.chip--off{color:#6b7280;background:#f3f4f6}.panel-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.fila{flex-wrap:wrap;gap:.75rem;display:flex}.fila .campo{flex:180px}.fila--acciones{align-items:center;margin-top:.5rem}.fila--acciones .boton{width:auto}.campo--check{flex-direction:row;flex:none;align-items:center;gap:.5rem;display:flex}.campo--check input{width:auto}.campo--check span{margin:0}.areas-bloque{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin:.5rem 0 1rem;padding:1rem 0}.area-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:.6rem;margin-bottom:.9rem;padding:.9rem;display:flex}.area-item__head{align-items:center;gap:.5rem;display:flex}.area-item__head .area-nombre{flex:1}.area-item input{border:1px solid var(--borde);font:inherit;border-radius:8px;padding:.5rem .65rem}.area-item select{border:1px solid var(--borde);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:.5rem .65rem}.area-dias{flex-wrap:wrap;gap:.4rem;display:flex}.dia-check{border:1px solid var(--borde);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.8rem;display:inline-flex}.dia-check input{width:auto}.cron-render__mes{color:#047857;text-transform:capitalize;font-size:.8rem;font-weight:600;display:inline-block}.cron-render h2{color:#064e3b;margin:.3rem 0 .5rem}.cron-render__excerpt{color:#6b7280;margin:0 0 1.5rem}.cron-render h3{color:#111827;margin-bottom:.25rem}.tabla-wrap{border:1px solid #e5e7eb;border-radius:12px;margin-top:.5rem;overflow-x:auto}.tabla-rol{border-collapse:collapse;width:100%;font-size:.85rem}.tabla-rol th{text-align:left;color:#6b7280;background:#f9fafb;padding:.7rem 1rem;font-weight:600}.tabla-rol td{vertical-align:top;border-top:1px solid #f3f4f6;padding:.8rem 1rem}.area-badge{color:#fff;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.area-nota{color:#9ca3af;margin-top:.35rem;font-size:.75rem}.dia-pill{color:#047857;background:#ecfdf5;border:1px solid #d1fae5;border-radius:6px;margin:0 .15rem .15rem 0;padding:.1rem .45rem;font-size:.72rem;font-weight:500;display:inline-block}.calendario{grid-template-columns:repeat(7,1fr);gap:.4rem;margin-top:.5rem;display:grid}.cal-dow{text-align:center;color:#9ca3af;padding:.2rem 0;font-size:.72rem;font-weight:600}.cal-blank{min-height:4.5rem}.cal-cell{background:#fafafa;border:1px solid #f3f4f6;border-radius:8px;flex-direction:column;min-height:4.5rem;padding:.3rem;display:flex}.cal-num{color:#9ca3af;font-size:.72rem;font-weight:600}.cal-areas{flex-direction:column;gap:.2rem;margin-top:.2rem;display:flex;overflow:hidden}.cal-area{color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:.1rem .3rem;font-size:.62rem;font-weight:500;line-height:1.2;overflow:hidden}.indicaciones{color:#374151;padding-left:1.1rem;font-size:.9rem}.indicaciones li{margin-bottom:.3rem}@media (max-width:520px){.calendario{gap:.2rem}.cal-cell,.cal-blank{min-height:3.2rem}}.subida-progreso{margin-top:.85rem}.subida-progreso__cab{color:#6b7280;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.8rem;display:flex}.subida-progreso__cab strong{color:#374151;font-weight:600}.barra-progreso{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.barra-progreso__relleno{background:linear-gradient(90deg,#059669,#047857);border-radius:999px;height:100%;transition:width .2s}.barra-progreso__relleno--indeterminado{animation:1.1s ease-in-out infinite barra-indeterminada;width:40%!important}@keyframes barra-indeterminada{0%{margin-left:-40%}to{margin-left:100%}}.lista-barra{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.busqueda{flex:260px;position:relative}.busqueda svg{color:#9ca3af;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.busqueda input{border:1px solid var(--borde);border-radius:8px;width:100%;padding:.6rem .75rem .6rem 2.4rem;font-family:inherit;font-size:.95rem}.busqueda input:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px #0b539426}.lista-conteo{color:#6b7280;white-space:nowrap;font-size:.85rem}.paginacion{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:1.5rem;display:flex}.pag-btn{border:1px solid var(--borde);color:#374151;min-width:2.25rem;height:2.25rem;font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:0 .6rem;font-size:.88rem;transition:all .15s}.pag-btn:hover:not(:disabled){color:#047857;border-color:#047857}.pag-btn:disabled{opacity:.45;cursor:not-allowed}.pag-btn--activo{color:#fff;background:#047857;border-color:#047857;font-weight:600}.pag-btn--activo:hover{color:#fff}.boton--peligro:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db}.modal-fondo{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.15s modal-fade;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:420px;padding:1.75rem 1.5rem 1.5rem;animation:.18s modal-pop;box-shadow:0 20px 60px #0000004d}.modal__icono{color:#dc2626;background:#fef2f2;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto .9rem;display:flex}.modal__icono svg{width:28px;height:28px}.modal__titulo{color:#111827;margin:0 0 .4rem;font-size:1.15rem}.modal__texto{color:#6b7280;margin:0 0 1.3rem;font-size:.92rem;line-height:1.45}.modal__acciones{justify-content:center;gap:.6rem;display:flex}.modal__acciones .boton--secundario{margin-top:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-card{gap:.15rem}.user-card__head{align-items:center;gap:.7rem;margin-bottom:.9rem;display:flex}.user-card__avatar{color:#fff;background:linear-gradient(135deg,#065f46 0%,#047857 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:600;display:flex}.user-card__ident{flex:1;min-width:0}.user-card__ident h3{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;overflow:hidden}.user-card__usuario{color:#6b7280;font-size:.82rem;display:block}.user-card__campo{border-top:1px solid #f3f4f6;flex-direction:column;gap:.1rem;padding:.5rem 0;display:flex}.user-card__label{text-transform:uppercase;letter-spacing:.03em;color:#9ca3af;font-size:.68rem;font-weight:600}.user-card__valor{color:#374151;word-break:break-word;font-size:.88rem}.user-card .cron-card__acciones{margin-top:.9rem}.chip--admin{color:#b91c1c;background:#fee2e2}.user-estado{align-items:center;gap:.4rem;font-size:.88rem;font-weight:500;display:inline-flex}.user-estado__punto{border-radius:999px;width:8px;height:8px}.user-estado--on{color:#047857}.user-estado--on .user-estado__punto{background:#10b981}.user-estado--off{color:#6b7280}.user-estado--off .user-estado__punto{background:#9ca3af}.form-estrecho{max-width:460px}.input-clave{align-items:center;display:flex;position:relative}.input-clave input{flex:1;padding-right:5rem}.input-clave__toggle{color:var(--azul);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .4rem;font-size:.82rem;font-weight:600;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.input-clave__toggle:hover{background:#eef2ff}.clave-pista{color:#6b7280;margin:.35rem 0 0;font-size:.78rem}.clave-pista--ok{color:var(--ok)}.clave-pista--error{color:var(--error)}.modal--form{text-align:left;max-width:440px}.modal--form .modal__titulo{text-align:left;margin-bottom:1.1rem}.modal--form .campo{margin-bottom:.9rem}.modal--form .modal__acciones{justify-content:flex-end;margin-top:1.3rem}.modal--form .modal__acciones .boton{width:auto;padding:.6rem 1.4rem}