:root{--ink: #1c1917;--muted: #78716c;--line: #e7e5e4;--bg: #f5f5f4;--paper: #fff;--accent: #c2410c;--ok: #166534;--bad: #b91c1c;--late: #b45309;--blue: #1d4ed8;color:var(--ink);background:var(--bg);font-family:system-ui,Segoe UI,sans-serif;font-size:15px;line-height:1.4}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}h1,h2,p{margin:0}h1{font-size:64px;line-height:.9;letter-spacing:-.04em}h2{font-size:18px;letter-spacing:-.02em}.app{min-height:100vh}.tope{height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:#1c1917;color:#fff;position:sticky;top:0;z-index:5}.marca{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:750;font-size:16px}.logo{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent);font-size:13px;font-weight:800}.tope nav{display:flex;gap:4px;background:#ffffff14;padding:4px;border-radius:10px}.tope nav a{color:#d6d3d1;text-decoration:none;padding:7px 14px;border-radius:8px;font-weight:700}.tope nav a.activo{background:#fff;color:var(--ink)}.contenido{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:20px 0 48px;display:grid;gap:16px;min-width:0}.hero{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px 24px 16px;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"titulo nums filtros" "nota nota nota";gap:18px 28px;align-items:center}.hero-titulo{grid-area:titulo}.hero-titulo p:first-child{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.hero-titulo p:last-child{margin-top:8px;color:var(--muted)}.hero-nums{grid-area:nums;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hero-nums a,.avance-hero{display:grid;gap:2px;text-decoration:none;background:#fafaf9;border-radius:12px;padding:10px 12px;min-width:0}.hero-nums strong{font-size:28px;letter-spacing:-.03em}.hero-nums span{color:var(--muted);font-size:13px;font-weight:700}.hero-nums .malo strong{color:var(--bad)}.hero-nums .luego strong{color:var(--late)}.avance-hero{position:relative;overflow:hidden}.avance-hero i{position:absolute;left:0;bottom:0;height:4px;background:var(--ok);border-radius:99px}.hero-filtros{grid-area:filtros;display:grid;gap:8px;min-width:180px}.hero-nota{grid-area:nota;color:var(--muted);font-size:13px}.aviso{color:var(--bad);font-weight:700}.ahora{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.ahora article{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}.ahora header{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px;border-bottom:1px solid var(--line)}.ahora header span{font-size:13px;font-weight:800;color:var(--muted)}.ahora header strong{font-size:22px}.hoy header strong{color:var(--blue)}.atraso header strong{color:var(--bad)}.luego header strong{color:var(--late)}.ahora ul{list-style:none;margin:0;padding:6px;display:grid}.ahora li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px;border-radius:8px;min-width:0}.ahora li:hover{background:#fafaf9}.ahora a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;font-weight:700}.ahora b{flex:none;background:#f5f5f4;border-radius:99px;padding:2px 8px;font-size:12px}.hoy b{background:#eff6ff;color:var(--blue)}.atraso b{background:#fef2f2;color:var(--bad)}.luego b{background:#fff7ed;color:var(--late)}.vacio{color:var(--muted);font-weight:500}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.kpis article{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}.kpis span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.kpis strong{display:block;margin-top:2px;font-size:26px;letter-spacing:-.03em}.kpis .ok strong{color:var(--ok)}.kpis .tarde strong{color:var(--late)}.tarjeta{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;min-width:0}.tarjeta.sin-relleno{padding:0;overflow:hidden}.tarjeta-cabeza{padding:16px 16px 8px;display:grid;gap:2px}.tarjeta-cabeza p,.grafica>p,.nota{color:var(--muted);font-size:13px}.pagina{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.pagina h1{font-size:34px}.sobre{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.graficas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:8px}.grafica{height:250px;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px}.grafica.ancha{grid-column:1 / -1;height:280px}.grafica canvas{width:100%!important;height:100%!important}.tabla{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:14px;min-width:680px}th,td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}thead th{background:#fafaf9;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;position:sticky;top:0}tbody tr:hover{background:#fafaf9}.num{text-align:right;font-variant-numeric:tabular-nums}.tenue{color:var(--muted)}.fuerte{font-weight:750;white-space:nowrap}.comentario{max-width:240px;color:var(--muted)}.avance{display:flex;align-items:center;gap:8px}.barra{flex:1;height:7px;background:#f5f5f4;border-radius:99px;overflow:hidden;min-width:60px}.barra span{display:block;height:100%;background:var(--ok)}.avance small{width:40px;color:var(--muted)}table a{color:var(--accent);font-weight:750;text-decoration:none}.acciones-fila{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}.pie-tabla{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 14px;color:var(--muted)}label{display:grid;gap:4px;font-size:12px;font-weight:800;color:var(--muted);min-width:0}.filtros{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:10px;align-items:end}label.crece{grid-column:span 2}input,select,textarea{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff}textarea{height:auto;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid #fdba74;border-color:var(--accent)}.btn{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-weight:750;background:#fff;cursor:pointer}.btn.primario{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.pequeno{height:32px;padding:0 10px;font-size:13px}.btn:disabled{opacity:.4;cursor:default}.segmento{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.segmento button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 12px;font-weight:750;cursor:pointer;color:var(--muted)}.segmento button.activo{background:var(--ink);color:#fff;border-color:var(--ink)}.badge{display:inline-flex;border-radius:99px;padding:3px 8px;font-size:12px;font-weight:750;background:#f5f5f4;color:var(--muted)}.a_tiempo,.realizado{background:#f0fdf4;color:var(--ok)}.tarde{background:#fff7ed;color:var(--late)}.vencido{background:#fef2f2;color:var(--bad)}.ventana{background:#eff6ff;color:var(--blue)}.fila-vencido{box-shadow:inset 3px 0 0 var(--bad)}.fila-tarde{box-shadow:inset 3px 0 0 var(--late)}.fila-ok{box-shadow:inset 3px 0 0 var(--ok)}td.vacio{color:var(--muted);text-align:center;padding:28px}.swal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.swal-grid label{font-weight:700;color:var(--ink)}.swal-grid .ancho{grid-column:1 / -1}@media(max-width:980px){.hero{grid-template-columns:1fr;grid-template-areas:"titulo" "nums" "filtros" "nota"}.hero-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis,.ahora,.filtros{grid-template-columns:1fr 1fr}label.crece{grid-column:1 / -1}h1{font-size:52px}}@media(max-width:640px){.tope{padding:0 12px}.contenido{width:calc(100% - 20px)}.kpis,.ahora,.graficas,.hero-nums{grid-template-columns:1fr}.pagina{display:grid}}