:root{--fondo:#f6f7f9;--panel:#fff;--borde:#e4e7ec;--texto:#1d2433;--suave:#667085;--acento:#3b5bdb;--acento-claro:#edf1ff;--rojo:#d92d20;--rojo-claro:#fef3f2;--performanze:#3b5bdb;--honimunn:#c2410c;--abogueo:#0f766e;--subdiagonal:#7c3aed;--personal:#be185d;--empresa:#0e7490}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}.app{min-height:100vh;display:flex}.contenido{flex:1;max-width:1200px;padding:40px 48px}.sidebar{background:var(--panel);border-right:1px solid var(--borde);flex-direction:column;flex-shrink:0;width:230px;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;padding:0 10px 24px;font-size:18px;font-weight:700;display:flex}.sidebar-cabecera{justify-content:space-between;align-items:center;display:flex}.boton-menu{display:none}.logo-punto{background:var(--acento);border-radius:4px;width:12px;height:12px}nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:var(--suave);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.nav-item:hover{background:var(--fondo);color:var(--texto)}.nav-item.activo{background:var(--acento-claro);color:var(--acento);font-weight:600}.nav-icono{text-align:center;width:20px}.sidebar nav{min-height:0;overflow-y:auto}.pronto{color:var(--suave);background:var(--fondo);border-radius:6px;margin-left:auto;padding:2px 6px;font-size:11px}.sidebar-pie{color:var(--suave);margin-top:auto;padding:0 10px;font-size:12px}.cabecera{margin-bottom:24px}.cabecera.fila{justify-content:space-between;align-items:center;display:flex}.cabecera h1{margin:0;font-size:28px}.supertitulo{color:var(--suave);margin:0 0 4px}.supertitulo:first-letter{text-transform:uppercase}h2{margin:0 0 12px;font-size:16px}.tarjetas-resumen{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.resumen{background:var(--panel);border:1px solid var(--borde);color:var(--suave);border-radius:12px;padding:16px 18px}.resumen .cifra{color:var(--texto);font-size:28px;font-weight:700;display:block}.resumen.alerta{background:var(--rojo-claro);border-color:#fecdca}.resumen.alerta .cifra{color:var(--rojo)}.form-tarea{background:var(--panel);border:1px solid var(--borde);border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:10px;display:flex}.input-titulo{flex:1;min-width:220px}input,select{border:1px solid var(--borde);background:#fff;border-radius:8px;padding:8px 10px}input:focus,select:focus{outline:2px solid var(--acento-claro);border-color:var(--acento)}.boton-primario{background:var(--acento);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 16px;font-weight:600}.boton-primario:hover{filter:brightness(1.1)}.boton-sec{border:1px solid var(--borde);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;display:inline-block}.boton-icono{cursor:pointer;opacity:0;background:0 0;border:0;padding:4px}.filtros{color:var(--suave);align-items:center;gap:16px;margin-bottom:16px;font-size:14px;display:flex}.filtros label{align-items:center;gap:6px;display:flex}.filtros .check input{width:auto}.selector-vista{background:var(--panel);border:1px solid var(--borde);border-radius:10px;padding:3px;display:flex}.selector-vista button{cursor:pointer;color:var(--suave);background:0 0;border:0;border-radius:7px;padding:6px 14px}.selector-vista button.activo{background:var(--acento-claro);color:var(--acento);font-weight:600}.bloque{margin-bottom:28px}.lista{background:var(--panel);border:1px solid var(--borde);border-radius:12px;margin:0;padding:0;list-style:none}.fila-tarea{border-bottom:1px solid var(--borde);flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;display:flex}.fila-tarea:last-child{border-bottom:0}.fila-tarea:hover .boton-icono{opacity:.7}.fila-tarea input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--acento)}.titulo-tarea{flex:1;min-width:160px}.fila-tarea.hecha .titulo-tarea{color:var(--suave);text-decoration:line-through}.fecha{color:var(--suave);text-align:right;min-width:64px;font-size:13px}.fecha.vencida{color:var(--rojo);font-weight:600}.vacio{color:var(--suave);padding:12px 2px}.chip{background:var(--fondo);color:var(--suave);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:12px}.area-performanze{color:var(--performanze);background:#edf1ff}.area-honimunn{color:var(--honimunn);background:#fff4ed}.area-abogueo{color:var(--abogueo);background:#ecfdf5}.area-subdiagonal{color:var(--subdiagonal);background:#f5f0ff}.area-personal{color:var(--personal);background:#fdf2f8}.area-empresa{color:var(--empresa);background:#ecfeff}.prioridad-alta{color:var(--rojo);background:var(--rojo-claro)}.prioridad-media{color:#b54708;background:#fffaeb}.prioridad-baja{color:var(--suave)}.en-curso{color:var(--acento);background:var(--acento-claro)}.areas{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.area-caja{border:1px solid var(--borde);border-radius:12px;padding:14px 16px;font-size:14px}.area-caja .cifra{font-size:24px;font-weight:700;display:block}.area-caja:hover{filter:brightness(.97)}.kanban{grid-auto-columns:250px;grid-auto-flow:column;align-items:start;gap:14px;padding-bottom:12px;display:grid;overflow-x:auto}.columna{background:#eef0f4;border:2px dashed #0000;border-radius:12px;min-height:300px;padding:12px}.columna.sobre{border-color:var(--acento);background:var(--acento-claro)}.columna header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.columna h3{margin:0;font-size:14px}.contador{color:var(--suave);background:#fff;border-radius:10px;padding:2px 8px;font-size:12px}.tarjeta{background:var(--panel);border:1px solid var(--borde);cursor:grab;border-radius:10px;margin-bottom:8px;padding:12px}.tarjeta:active{cursor:grabbing}.tarjeta p{margin:0 0 10px}.tarjeta-pie{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tarjeta-pie .fecha{min-width:0;margin-left:auto}.proximamente{text-align:center;color:var(--suave);padding:80px 20px}.proximamente h1{color:var(--texto);margin:12px 0 6px}.proximamente .nota{max-width:460px;margin:24px auto;font-size:14px}.icono-grande{font-size:56px}@media (max-width:900px){.app{flex-direction:column}.sidebar{z-index:10;width:100%;height:auto;padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));border-right:0;border-bottom:1px solid var(--borde);position:sticky;top:0}.sidebar .logo{padding:0}.boton-menu{border:1px solid var(--borde);background:var(--panel);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;max-width:60%;padding:7px 12px;font-size:14px;display:block;overflow:hidden}.sidebar nav,.sidebar .sidebar-pie{display:none}.sidebar.abierto nav{grid-template-columns:1fr 1fr;gap:2px;max-height:70vh;margin-top:10px;display:grid;overflow-y:auto}.sidebar.abierto .sidebar-pie{padding:10px 10px 4px;display:block}.contenido{padding:24px 18px}.areas,.tarjetas-resumen{grid-template-columns:1fr}}.login{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-caja{background:var(--panel);border:1px solid var(--borde);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:32px;display:flex}.login-caja .logo{justify-content:center;padding:0 0 12px;font-size:22px}.login-caja .boton-primario{padding:10px}.login-error,.aviso-error{color:var(--rojo);background:var(--rojo-claro);border-radius:8px;margin:0 0 16px;padding:8px 12px;font-size:14px}.login-error{margin:0}.boton-salir{color:var(--suave);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.boton-salir:hover{color:var(--texto);text-decoration:underline}.selector-mes{align-items:center;gap:8px;display:flex}.selector-mes .boton-sec{padding:6px 12px}.nombre-mes{text-align:center;min-width:150px;font-weight:600}.boton-enlace{color:var(--acento);cursor:pointer;background:0 0;border:0;padding:4px}.boton-enlace:hover{text-decoration:underline}.boton-peligro{color:var(--rojo);cursor:pointer;background:#fff;border:1px solid #fecdca;border-radius:8px;padding:8px 14px}.boton-peligro:hover{background:var(--rojo-claro)}.bloque h2{align-items:center;gap:8px;display:flex}.grupo-area{margin-bottom:12px}.subtitulo-area{border-radius:6px;margin:0 0 6px;padding:2px 8px;font-size:13px;display:inline-block}.fila-objetivo{border-bottom:1px solid var(--borde)}.fila-objetivo:last-child,.fila-objetivo .fila-tarea{border-bottom:0}.fila-objetivo:hover .boton-icono{opacity:.7}.fila-objetivo.hecha .titulo-tarea{color:var(--suave);text-decoration:line-through}.contador-meta{color:var(--suave);align-items:center;gap:6px;font-size:13px;display:flex}.cifra-meta{text-align:center;font-variant-numeric:tabular-nums;min-width:40px}.boton-mini{border:1px solid var(--borde);cursor:pointer;background:#fff;border-radius:7px;width:26px;height:26px;padding:0;line-height:1}.boton-mini:hover{background:var(--acento-claro);border-color:var(--acento)}.barra{background:var(--fondo);border-radius:4px;flex:1;height:8px;display:block;overflow:hidden}.barra.mini{flex:none;width:70px;height:6px}.barra-relleno{background:var(--acento);border-radius:4px;height:100%;transition:width .2s;display:block}.fila-objetivo.hecha .barra-relleno{background:#12b76a}.boton-chip{cursor:pointer;border:0}.boton-chip:hover{background:var(--acento-claro);color:var(--acento)}.chip-objetivo{color:#b54708;background:#fffaeb}.objetivo-tareas{padding:4px 14px 14px 42px}.objetivo-tareas .form-tarea{margin-bottom:10px}.campo-meta{color:var(--suave);align-items:center;gap:6px;font-size:14px;display:flex}.campo-meta input{width:70px}.boton-primario:disabled{opacity:.5;cursor:not-allowed}.volver{color:var(--suave);margin-bottom:8px;font-size:14px;display:inline-block}.volver:hover{color:var(--acento)}.meses{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mes-caja{background:var(--panel);border:1px solid var(--borde);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.mes-caja:hover{border-color:var(--acento)}.mes-caja.actual{border:2px solid var(--acento)}.mes-caja.vacia{background:0 0;border-style:dashed}.mes-nombre{justify-content:space-between;align-items:center;font-weight:600;display:flex}.mes-caja .cifra{font-size:24px;font-weight:700}.mes-caja .barra{flex:none}.mes-dato{color:var(--suave);font-size:13px}.barra-relleno.completa{background:#12b76a}@media (max-width:900px){.meses{grid-template-columns:repeat(2,1fr)}.cabecera.fila{flex-wrap:wrap;gap:10px}.selector-mes{flex-wrap:wrap}}.pendientes-anterior{margin-top:32px}.pendientes-anterior h2{color:var(--rojo)}.pendientes-anterior .contador{background:var(--rojo-claro);color:var(--rojo)}.nota-pendientes{color:var(--suave);margin:-6px 0 10px;font-size:14px}.pendientes-anterior .lista{background:var(--rojo-claro);border-color:#fecdca}.pendientes-anterior .fila-objetivo{border-color:#fecdca}.pendientes-anterior .titulo-tarea{color:var(--rojo);font-weight:500}.pendientes-anterior input[type=checkbox]{accent-color:var(--rojo)}.emoji-proposito{text-align:center;width:26px;margin-right:4px;display:inline-block}.pestanas{flex-flow:wrap;gap:6px;margin:-8px 0 18px;display:flex}.pestanas button{border:1px solid var(--borde);background:var(--panel);cursor:pointer;color:var(--suave);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;display:flex}.pestanas button.activo{background:var(--acento-claro);border-color:var(--acento);color:var(--acento);font-weight:600}.input-etiquetas{width:200px}.input-notas{font:inherit;border:1px solid var(--borde);resize:vertical;border-radius:8px;flex-basis:100%;padding:8px 10px;font-size:14px}.boton-notas{cursor:pointer;background:0 0;border:0;padding:0 0 0 6px;font-size:13px}.notas-tarea{background:var(--fondo);color:var(--suave);white-space:pre-wrap;border-radius:8px;flex-basis:100%;margin:4px 0 0 28px;padding:10px 12px;font-size:14px}.etiqueta-0{color:#3b5bdb;background:#edf1ff}.etiqueta-1{color:#c2410c;background:#fff4ed}.etiqueta-2{color:#0f766e;background:#ecfdf5}.etiqueta-3{color:#7c3aed;background:#f5f0ff}.etiqueta-4{color:#be185d;background:#fdf2f8}.etiqueta-5{color:#a16207;background:#fefce8}.etiqueta-6{color:#0e7490;background:#ecfeff}.etiqueta-7{color:#4d7c0f;background:#f7fee7}.pendientes-anterior.arriba{margin-top:0}.subtitulo-pendiente{color:var(--rojo);margin:8px 0 6px;font-size:13px}.subtitulo-pendiente a:hover{text-decoration:underline}.mes-caja.incompleta{border-color:#fecdca}.mes-dato .falta{color:var(--rojo);font-weight:600}