:root{--fondo: #f4f6f8;--tarjeta: #ffffff;--tinta: #1e2a32;--tinta-suave: #5c6b76;--primario: #0e7c66;--primario-oscuro: #0a5d4d;--acento: #f0b429;--peligro: #c0392b;--borde: #dde4e9;--sistema: #eef2ff;--sistema-tinta: #4338ca;--humano: #ecfdf5;--humano-tinta: #047857}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--fondo);color:var(--tinta)}.app{min-height:100vh;display:flex;flex-direction:column}.cabecera{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:var(--tinta);color:#fff}.cabecera h1{margin:0;font-size:20px}.cabecera .sub{font-weight:400;font-size:14px;color:#b8c4cc}.lema{margin:2px 0 0;font-size:12px;color:#b8c4cc}.acciones-cabecera{display:flex;gap:8px;align-items:center}.panel-motor{border-left:4px solid var(--sistema-tinta)}.fila-motor{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.fila-motor label{margin:6px 0}.cuerpo{display:flex;flex:1;min-height:0}.lateral{width:250px;padding:14px;background:#e9eef2;border-right:1px solid var(--borde);flex-shrink:0}.lista-proyectos{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.item-proyecto{width:100%;text-align:left;padding:8px 10px;border:1px solid var(--borde);border-radius:8px;background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px}.item-proyecto.activo{border-color:var(--primario);box-shadow:0 0 0 2px #0e7c6640}.item-proyecto .nombre{font-weight:600;font-size:13px}.principal{flex:1;padding:20px;max-width:900px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:18px 20px;margin-bottom:16px}.tarjeta h2{margin:0 0 6px;font-size:17px}.tarjeta h3{margin:14px 0 6px;font-size:15px}.cabecera-proyecto{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ayuda{color:var(--tinta-suave);font-size:13px;margin:4px 0 10px}.ayuda code{background:#f0f3f5;padding:1px 6px;border-radius:4px}label{display:block;font-size:13px;font-weight:600;margin:10px 0}input[type=text],input:not([type]),textarea,select{display:block;width:100%;margin-top:4px;padding:8px 10px;border:1px solid var(--borde);border-radius:8px;font:inherit;font-weight:400}input[type=range]{width:220px;display:block;margin-top:6px}button{font:inherit;border-radius:8px;cursor:pointer;border:1px solid transparent;padding:8px 14px}button:disabled{opacity:.45;cursor:not-allowed}.primario{background:var(--primario);color:#fff;font-weight:600}.primario:hover:not(:disabled){background:var(--primario-oscuro)}.secundario{background:#fff;border-color:var(--borde);color:var(--tinta)}.secundario.peligro{color:var(--peligro)}.ancho{width:100%}.badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}.badge-sintetico{background:var(--acento);color:#5c4400}.badge-sistema{background:var(--sistema);color:var(--sistema-tinta)}.badge-humano{background:var(--humano);color:var(--humano-tinta)}.badge-mejor{background:var(--acento);color:#5c4400}.chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:#eef1f4;color:var(--tinta-suave);text-transform:capitalize}.chip.grande{font-size:12px;padding:4px 12px}.chip-equipo-propuesto{background:var(--sistema);color:var(--sistema-tinta)}.chip-equipo-aprobado{background:var(--humano);color:var(--humano-tinta)}.chip-cerrado{background:#e2e8f0;color:#334155}.chip-accion-propuesta{background:var(--sistema);color:var(--sistema-tinta)}.chip-accion-aprobacion{background:var(--humano);color:var(--humano-tinta)}.chip-accion-cierre{background:#fef3c7;color:#92400e}.lista-roles{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}.fila-rol{display:grid;grid-template-columns:220px 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--borde);border-radius:8px}.nombre-rol{font-weight:600}.habilidades{font-size:12px;color:var(--tinta-suave)}.motivo{font-size:11px;color:var(--sistema-tinta);font-style:italic}.agregar-rol{display:flex;gap:8px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.agregar-rol select{width:auto;margin:0}.input-rol-nuevo{width:280px!important;margin:0!important;display:inline-block!important}.rol-matching{border-top:1px solid var(--borde);padding-top:10px;margin-top:10px}.rol-matching h3{margin:0 0 6px}.candidatos{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:4px}.candidato{border:1px solid transparent;border-radius:8px;padding:4px 8px}.candidato.elegido{border-color:var(--primario);background:#f0faf7}.candidato label{display:flex;gap:10px;align-items:center;font-weight:400;margin:0;cursor:pointer}.candidato input{width:auto;margin:0}.nombre-persona{flex:1;font-size:14px}.tarifa{font-size:11px;color:var(--tinta-suave);margin-left:6px}.desglose{font-size:12px;color:var(--tinta-suave);font-variant-numeric:tabular-nums}.equipo-final{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.tablero{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;align-items:start}.columna-tablero{background:#eef1f4;border-radius:12px;padding:10px}.columna-tablero h4{margin:0 0 2px;font-size:13.5px}.conteo-columna{background:#fff;border-radius:999px;padding:1px 8px;font-size:11px}.pista-columna{font-size:11px;color:var(--tinta-suave);margin:2px 0 8px}.tarjeta-tablero{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer}.tarjeta-tablero:hover{border-color:var(--primario)}.meta-tablero{font-size:11.5px;color:var(--tinta-suave)}.barra-progreso{height:5px;background:#e5eaee;border-radius:999px;overflow:hidden}.barra-relleno{display:block;height:100%;background:var(--primario);border-radius:999px}.badge-alerta{font-size:11px;font-weight:700;color:#92400e;background:#fef3c7;border-radius:999px;padding:2px 8px;align-self:flex-start}.fila-fechas{display:flex;gap:14px}.fila-fechas label{flex:0 0 auto}.fila-fechas input[type=date]{width:auto}.fila-fechas.compacta label{margin:4px 0 0;font-size:11.5px;color:var(--tinta-suave)}.fila-fechas.compacta input[type=date]{padding:3px 6px;font-size:12px;margin-top:2px}.gantt{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px 0}.gantt-eje{display:flex;justify-content:space-between;font-size:11px;color:var(--tinta-suave);padding-left:210px}.gantt-fila{display:grid;grid-template-columns:200px 1fr;gap:10px;align-items:center}.gantt-nombre{text-align:right;font-size:12.5px;background:none;border:none;padding:2px 0;cursor:pointer;color:var(--tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-nombre:hover{color:var(--primario);text-decoration:underline}.gantt-pista{position:relative;height:18px;background:#eef1f4;border-radius:6px}.gantt-barra{position:absolute;top:2px;bottom:2px;border-radius:5px}.gantt-roles{background:var(--sistema-tinta)}.gantt-equipo{background:var(--acento)}.gantt-marcha{background:var(--primario)}.gantt-cerrado{background:#94a3b8}.gantt-overlay{position:absolute;left:210px;right:0;top:0;bottom:0;pointer-events:none;z-index:2}.gantt-hoy{position:absolute;top:0;bottom:0;width:2px;background:var(--peligro)}.gantt-leyenda{display:inline-block;width:12px;height:10px;border-radius:3px;vertical-align:middle}.entrada-glosario{padding:12px 20px}.entrada-glosario h3{margin:0 0 4px}.glosario-cliente{margin:2px 0;font-size:14px}.glosario-tecnico{margin:2px 0;font-size:12.5px;color:var(--tinta-suave)}.hero{border-left:4px solid var(--primario)}.pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0 16px}.pilar{border:1px solid var(--borde);border-radius:10px;padding:10px 12px;background:#fafcfd}.pilar h4{margin:0 0 6px}.pilar p{margin:0;font-size:12.5px;color:var(--tinta-suave)}.tabla-erres{width:100%;border-collapse:collapse;font-size:13px}.tabla-erres th,.tabla-erres td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--borde)}.planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.plan{border:1px solid var(--borde);border-radius:12px;padding:14px 16px}.plan-ent{border-color:var(--sistema-tinta)}.plan .precio{font-weight:700;color:var(--primario-oscuro)}.plan ul{padding-left:4px;list-style:none;font-size:13px;display:flex;flex-direction:column;gap:5px}.pasos-onboarding{font-size:14px;display:flex;flex-direction:column;gap:6px}.nav-lateral{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.nav-lateral button{padding:8px 6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nube-skills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}.chip-skill{font-size:12px;padding:3px 10px;border-radius:999px;cursor:pointer;border:1px solid var(--borde);background:#fff;color:var(--tinta)}.chip-skill.activo{background:var(--primario);color:#fff;border-color:var(--primario)}.chip-skill .conteo{opacity:.65;font-size:11px;margin-left:3px}.lista-personas{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.tarjeta-persona{border:1px solid var(--borde);border-radius:10px;padding:10px 12px}.fila-persona{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.skills-persona{display:flex;flex-wrap:wrap;gap:4px}.disp-libre{background:var(--humano);color:var(--humano-tinta)}.disp-parcial{background:#fef3c7;color:#92400e}.disp-ocupado{background:#fee2e2;color:#991b1b}.grupo-equipo{border-top:1px solid var(--borde);padding-top:8px;margin-top:8px}.lista-sugerencias{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.sugerencia{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--borde);border-left:4px solid var(--sistema-tinta);border-radius:8px;padding:8px 10px;background:#fafbff}.sugerencia .mensaje{flex:1;min-width:220px;font-size:13px}.acciones-sugerencia{display:flex;gap:6px}.historial ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.commit{display:flex;gap:8px;align-items:center;font-size:13px;padding:6px 8px;border:1px solid var(--borde);border-radius:8px;background:#fafcfd;flex-wrap:wrap}.hash{background:#eef1f4;padding:1px 6px;border-radius:4px;font-size:12px}.commit .mensaje{flex:1;min-width:200px}.commit .fecha{font-size:11px;color:var(--tinta-suave)}.lista-admin{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:6px}.fila-admin{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--borde);border-radius:8px;padding:8px 10px;background:#fafcfd}.fila-admin strong{min-width:140px}.fila-admin .habilidades{flex:1;min-width:180px;font-size:12px;color:var(--tinta-suave)}.fila-admin .acciones-sugerencia{margin-left:auto}.fila-admin.inactiva{opacity:.55;background:#f4f4f5}.chip-inactivo{background:#e4e4e7;color:#52525b}.ayuda-inline{font-size:12.5px;color:var(--tinta-suave);flex:1;min-width:200px}.form-admin{border:1px solid var(--borde);border-left:4px solid var(--primario);border-radius:10px;padding:12px 14px;margin-top:10px;background:#fafbff;display:flex;flex-direction:column;gap:8px}.form-admin h4{margin:0}.quitar-chip{border:none;background:transparent;cursor:pointer;font-weight:700;color:#991b1b;padding:0 2px;font-size:13px}.acceso-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f0f6f9,#e7f0ea);padding:20px}.acceso-tarjeta{width:100%;max-width:420px;display:flex;flex-direction:column;gap:10px}.acceso-tarjeta h1{margin:0}.error-acceso{color:#991b1b;font-size:13.5px;margin:0}