:root{--ink: #182220;--muted: #6a7570;--bg: #f3f5f2;--panel: #ffffff;--line: #e1e5e0;--brand: #173058;--brand-dark: #0e1f3d;--brand-soft: #e7ecf5;--sidebar: #101f3c;--sidebar-ink: #c9d4e8;--danger: #d64545;--warn: #e8842c;--radius: 10px;--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:14px;color:var(--ink);background:var(--bg)}h1,h2,h3{font-family:var(--font-display);margin:0}h1{font-size:20px;font-weight:600}h2{font-size:16px;font-weight:600}h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.layout{display:flex;min-height:100vh}.sidebar{width:216px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column;padding:18px 12px;gap:4px;position:sticky;top:0;height:100vh}.logo{font-family:var(--font-display);font-weight:700;font-size:19px;color:#fff;padding:4px 10px 18px;letter-spacing:-.01em}.logo span{color:#6f92c9}.logo small{display:block;font-size:10px;font-weight:500;letter-spacing:.14em;color:#8496b8;text-transform:uppercase;margin-top:2px}.logo-img{width:148px;display:block;margin:2px 0 6px}.login-caja .logo-img{width:200px;margin:0 auto 4px}.nav-link{display:block;padding:9px 10px;border-radius:8px;color:var(--sidebar-ink);font-weight:500;text-decoration:none}.nav-link:hover{background:#ffffff12;text-decoration:none}.nav-link.activo{background:var(--brand);color:#fff}.sidebar-pie{margin-top:auto;font-size:11px;color:#8496b8;padding:0 10px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.contenido{padding:24px;display:flex;flex-direction:column;gap:18px}.usuario-chip{display:flex;align-items:center;gap:10px;cursor:pointer;border:none;background:none;padding:4px;border-radius:8px}.usuario-chip:hover{background:var(--bg)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;font-family:var(--font-display)}.btn{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:500}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn.primario{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primario:hover{background:var(--brand-dark)}.btn.peligro{color:var(--danger)}.btn.peligro:hover{border-color:var(--danger)}.btn.mini{padding:4px 9px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:default}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel-pad{padding:16px}.panel-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.tabla{width:100%;border-collapse:collapse}.tabla th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tabla td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.tabla tbody tr:last-child td{border-bottom:none}.tabla tbody tr.clickeable{cursor:pointer}.tabla tbody tr.clickeable:hover{background:#f8faf8}.tabla-scroll{overflow-x:auto}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;border:1.5px solid;white-space:nowrap}.chip-punto{width:7px;height:7px;border-radius:50%}.tag{display:inline-block;background:var(--brand-soft);color:var(--brand-dark);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:500}.tag.gris{background:#edefec;color:var(--muted)}.campo{display:flex;flex-direction:column;gap:5px}.campo label{font-size:12px;font-weight:600;color:var(--muted)}.campo input,.campo select,.campo textarea{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;width:100%}.campo textarea{resize:vertical;min-height:70px}.grilla-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.form-error{color:var(--danger);font-size:13px}.form-ok{color:var(--brand-dark);font-size:13px}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d2a2673;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{background:var(--panel);border-radius:14px;width:100%;max-width:680px;display:flex;flex-direction:column;box-shadow:0 18px 50px #0d2a2647}.modal.ancho{max-width:860px}.modal-cabecera{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-cuerpo{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-pie{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.cerrar-x{border:none;background:none;font-size:20px;cursor:pointer;color:var(--muted);line-height:1}.tablero{display:flex;gap:12px;align-items:stretch;overflow-x:auto;padding-bottom:8px}.tablero .columna-dia{min-width:225px;width:225px;flex-shrink:0}.separador-finde{flex-shrink:0;width:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#e6e9e5 0,#e6e9e5 8px,#eff1ee 8px,#eff1ee 16px);border:1px dashed #c9cfc9}.separador-finde span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tarjeta-tarea.followup{border-left-color:var(--warn)}.columna-dia{display:flex;flex-direction:column;gap:10px}.columna-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-family:var(--font-display);font-weight:600;font-size:13.5px;padding:0 2px}.columna-titulo .cant{color:var(--muted);font-weight:500;font-size:12px}.columna-titulo.vencidas{color:var(--danger)}.tarjeta-tarea{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:11px 12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;border-left:3px solid var(--brand);transition:box-shadow .12s ease}.tarjeta-tarea:hover{box-shadow:0 4px 14px #0d2a261a}.tarjeta-tarea.vencida{border-left-color:var(--danger)}.tarjeta-tarea.finalizada{border-left-color:#9ab3ad;opacity:.65}.tarjeta-tarea.finalizada .tarea-titulo{text-decoration:line-through}.tarea-titulo{font-weight:600;line-height:1.3}.tarea-meta{display:flex;flex-wrap:wrap;gap:5px;font-size:12px;color:var(--muted)}.columna-vacia{border:1.5px dashed var(--line);border-radius:var(--radius);padding:16px;text-align:center;color:var(--muted);font-size:12.5px}.timeline{display:flex;flex-direction:column;gap:0;max-height:300px;overflow-y:auto}.evento{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.evento:last-child{border-bottom:none}.evento-punto{width:8px;height:8px;border-radius:50%;background:var(--brand);margin-top:5px;flex-shrink:0}.evento-punto.reprogramacion{background:var(--warn)}.evento-punto.finalizada{background:#2e9e5b}.evento-cuerpo{flex:1}.evento-meta{font-size:11.5px;color:var(--muted)}.campana{position:relative;border:none;background:none;cursor:pointer;font-size:18px;padding:6px;border-radius:8px}.campana:hover{background:var(--bg)}.campana .globo{position:absolute;top:0;right:0;background:var(--danger);color:#fff;border-radius:999px;font-size:10px;font-weight:600;padding:1px 5px;min-width:16px}.notif-panel{position:absolute;right:24px;top:54px;width:340px;max-height:420px;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;z-index:40;box-shadow:0 14px 40px #0d2a262e}.notif-item{padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px}.notif-item.no-leida{background:var(--brand-soft)}.notif-item small{color:var(--muted);display:block;margin-top:2px}.login-pantalla{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0b1730,#14294c 60%,#1d3a68);padding:20px}.login-caja{background:var(--panel);border-radius:16px;padding:34px 30px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.login-caja .logo{color:var(--sidebar);padding:0 0 4px}.login-caja .logo span{color:var(--brand)}.login-caja .logo small{color:var(--muted)}.fila{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crece{flex:1}.texto-mudo{color:var(--muted)}.check-linea{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.lista-check{max-height:180px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.buscador{border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-width:220px;background:#fff}.seccion-titulo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kpis{display:flex;gap:12px;flex-wrap:wrap}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 16px}.kpi b{font-family:var(--font-display);font-size:18px;display:block}.kpi span{font-size:12px;color:var(--muted)}@media (max-width: 760px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center}.logo{padding:4px 10px}.sidebar-pie{display:none}.contenido{padding:14px}.notif-panel{right:8px;left:8px;width:auto}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.kanban{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding-bottom:8px}.kanban-col{min-width:240px;width:240px;flex-shrink:0;background:#eceeeb;border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px}.kanban-col.sobre{outline:2px dashed var(--brand);outline-offset:-2px;background:var(--brand-soft)}.kanban-col-titulo{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:12.5px;font-weight:600;padding:0 2px 4px}.kanban-col-titulo .cant{color:var(--muted);font-weight:500}.kanban-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 11px;cursor:grab;display:flex;flex-direction:column;gap:4px;font-size:13px}.kanban-card:active{cursor:grabbing}.kanban-card:hover{box-shadow:0 3px 10px #0d2a261a}.kanban-card b{font-size:13.5px}.vista-toggle{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.vista-toggle button{border:none;background:var(--panel);padding:7px 13px;cursor:pointer;font-weight:500}.vista-toggle button.activo{background:var(--brand);color:#fff}.busqueda-global{position:relative}.busqueda-global input{border:1px solid var(--line);border-radius:8px;padding:8px 12px;width:250px;background:var(--bg)}.busqueda-resultados{position:absolute;top:40px;left:0;width:330px;background:var(--panel);border:1px solid var(--line);border-radius:10px;z-index:60;box-shadow:0 14px 40px #0d2a262e;max-height:380px;overflow-y:auto}.busqueda-grupo{padding:8px 12px 2px;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.busqueda-item{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 12px;cursor:pointer;font-size:13px}.busqueda-item:hover{background:var(--brand-soft)}.grilla-reportes{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.barra-linea{display:grid;grid-template-columns:130px 1fr 60px;gap:10px;align-items:center;padding:5px 0;font-size:13px}.barra-pista{background:#eceeeb;border-radius:99px;height:12px;overflow:hidden}.barra-relleno{height:100%;border-radius:99px;background:var(--brand);min-width:2px}.barra-valor{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}@media (max-width: 760px){.busqueda-global input{width:130px}.busqueda-resultados{width:290px;right:0;left:auto}}