:root{--ink:#08111f;--ink-2:#101b2d;--panel:#122036;--paper:#f7f9fc;--white:#fff;--muted:#64748b;--line:#dbe4ef;--teal:#25c9b7;--teal-dark:#0d9488;--violet:#8b5cf6;--violet-soft:#ede9fe;--mint:#dffaf5;--amber:#f7b955;--danger:#ef4444;--success:#16a34a;--shadow-sm:0 10px 32px rgba(8,17,31,.08);--radius:22px;--radius-sm:14px;--grad:linear-gradient(135deg,var(--teal),var(--violet))}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{line-height:1.1;margin:0 0 12px;letter-spacing:-.03em}h1{font-size:clamp(1.7rem,3vw,2.3rem)}h1,h2{font-weight:800}h2{font-size:1.25rem}h3{font-size:1.02rem;font-weight:700}p{margin:0 0 14px;color:#415069}.muted{color:var(--muted);font-size:.9rem}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:#cfe0f4;padding:22px 16px;display:flex;flex-direction:column;gap:22px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.marca{display:flex;align-items:center;gap:10px;color:var(--white);font-weight:800;font-size:1.05rem;letter-spacing:-.02em}.marca img{width:34px;height:34px;border-radius:10px}.marca small{display:block;font-weight:600;font-size:.68rem;color:#7f93ad;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:4px}.nav a{padding:10px 12px;border-radius:12px;font-weight:600;font-size:.93rem;color:#b9c8dc}.nav a:hover{background:var(--ink-2);color:var(--white)}.nav a.activo{background:var(--panel);color:var(--white);box-shadow:inset 3px 0 0 var(--teal)}.sidebar .pie{margin-top:auto;border-top:1px solid hsla(0,0%,100%,.08);padding-top:14px;display:grid;grid-gap:10px;gap:10px}.chip-usuario{font-size:.85rem;color:#dbe7f6}.chip-usuario b{display:block;color:var(--white)}.contenido{padding:30px clamp(18px,4vw,46px) 60px;max-width:1080px;width:100%}.encabezado{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-bottom:22px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px;margin-bottom:18px}.card.compacta{padding:16px 18px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:14px;gap:14px}.metrica{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;background:var(--white)}.metrica b{font-size:1.5rem;letter-spacing:-.02em}.metrica span{display:block;color:var(--muted);font-size:.82rem;font-weight:600}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--white);font-weight:700;font-size:.92rem;color:var(--ink)}.btn:hover{border-color:#b9c8dc}.btn-primario{background:var(--ink);border-color:var(--ink);color:var(--white)}.btn-primario:hover{background:var(--ink-2)}.btn-acento{background:var(--grad);border:none;color:var(--white)}.btn-peligro{color:var(--danger);border-color:#fecaca}.btn-sm{padding:7px 12px;font-size:.84rem}.badge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.03em;background:#eef2f8;color:#33465f;text-transform:uppercase}.badge.teal{background:var(--mint);color:var(--teal-dark)}.badge.violeta{background:var(--violet-soft);color:#6d28d9}.badge.ambar{background:#fdf1dc;color:#92600a}.badge.rojo{background:#fee2e2;color:#b91c1c}.badge.verde{background:#dcfce7;color:#15803d}.label{display:block;font-weight:700;font-size:.86rem;margin:12px 0 6px}.input,select.input,textarea.input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);color:var(--ink)}.input:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}textarea.input{min-height:96px;resize:vertical}.fila-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:0 16px;gap:0 16px}.tabla{width:100%;border-collapse:collapse;font-size:.92rem}.tabla th{text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}.tabla td{padding:11px 10px;border-bottom:1px solid #eef2f8}.tabla tr:hover td{background:#fbfcfe}.aviso{border-radius:var(--radius-sm);padding:12px 16px;font-size:.92rem;font-weight:600;margin-bottom:16px}.aviso.info{background:var(--violet-soft);color:#5b21b6}.aviso.ok{background:var(--mint);color:var(--teal-dark)}.aviso.error{background:#fee2e2;color:#b91c1c}.vacio{text-align:center;padding:34px 16px;color:var(--muted)}.vacio b{display:block;color:var(--ink);margin-bottom:4px;font-size:1.02rem}.riel{position:relative;margin:6px 0 4px;padding-left:34px}.riel:before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--grad);opacity:.35}.hito{position:relative;padding:10px 0 18px}.hito .nodo{position:absolute;left:-34px;top:12px;width:25px;height:25px;border-radius:50%;background:var(--white);border:3px solid var(--line);display:grid;place-items:center;font-size:.68rem;font-weight:800;color:var(--muted)}.hito.activo .nodo{border-color:var(--teal);color:var(--teal-dark)}.hito.entregado .nodo{border-color:var(--amber);background:#fff7e8;color:#92600a}.hito.aprobado .nodo{border:none;background:var(--grad);color:var(--white)}.hito .cuerpo{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);padding:13px 16px}.hito.activo .cuerpo{border-color:rgba(37,201,183,.55);box-shadow:0 6px 20px rgba(37,201,183,.12)}.hito .meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--muted);font-size:.84rem;margin-top:6px}.hito .acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mensajes{display:grid;grid-gap:10px;gap:10px;max-height:420px;overflow-y:auto;padding:4px 2px}.mensaje{max-width:78%;padding:10px 14px;border-radius:16px;background:#eef2f8;font-size:.93rem}.mensaje small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:2px;font-weight:700}.mensaje.propio{margin-left:auto;background:var(--mint)}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(700px 380px at 85% -10%,rgba(139,92,246,.14),transparent),radial-gradient(700px 380px at 0 110%,rgba(37,201,183,.14),transparent),var(--paper)}.auth .card{width:min(460px,100%);padding:30px}.auth .marca{color:var(--ink);margin-bottom:18px}.auth .marca small{color:var(--muted)}.roles{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.roles label{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:11px 12px;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;gap:8px;align-items:center}.roles input{accent-color:var(--teal-dark)}.roles label:has(input:checked){border-color:var(--teal);background:var(--mint)}@media (max-width:840px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;align-items:center}.sidebar,.sidebar .nav{flex-direction:row;flex-wrap:wrap}.sidebar .pie{margin:0 0 0 auto;border:none;padding:0}}@media (prefers-reduced-motion:no-preference){.btn,.hito .cuerpo,.nav a{transition:all .15s ease}}