:root{--azul: #1d4ed8;--azul-osc: #1e40af;--azul-claro: #eff6ff;--texto: #1f2937;--texto-suave: #6b7280;--borde: #e5e7eb;--fondo: #f8fafc;--gris-panel: #f1f5f9;--blanco: #ffffff;--verde: #16a34a;--ambar: #d97706;--rojo: #dc2626;--radio: 12px;--sombra: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--sombra-md: 0 10px 24px -12px rgba(15, 23, 42, .25);--ancho-sidebar: 224px;--alto-topbar: 58px;--alto-navbar: 64px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--texto)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--fondo);-webkit-text-size-adjust:100%}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{min-height:100vh}.contenido{padding:calc(var(--alto-topbar) + 1rem) 1.25rem 1.5rem;max-width:1120px;margin:0 auto}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--alto-topbar);display:flex;align-items:center;gap:.75rem;padding:0 1rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--borde)}.topbar-marca{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;letter-spacing:-.3px;cursor:pointer;flex:none}.topbar-marca b{color:var(--azul)}.topbar-buscar{flex:1;max-width:440px;display:flex;align-items:center;gap:.5rem;height:38px;padding:0 .9rem;border:1px solid var(--borde);border-radius:999px;background:var(--fondo);color:var(--texto-suave);font-size:.9rem;overflow:hidden;white-space:nowrap}.topbar-buscar:hover{border-color:var(--azul);color:var(--texto)}.topbar-buscar .ph{overflow:hidden;text-overflow:ellipsis}.topbar-salir{flex:none;display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--borde);background:var(--blanco);color:var(--texto-suave);padding:.4rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600}.topbar-salir:hover{color:var(--rojo);border-color:var(--rojo)}.sidebar{position:fixed;top:var(--alto-topbar);left:0;bottom:0;width:var(--ancho-sidebar);background:var(--blanco);border-right:1px solid var(--borde);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.7rem .95rem;border-radius:999px;color:var(--texto-suave);font-weight:600;font-size:.95rem;transition:background .18s ease,color .18s ease}.nav-item .icono{font-size:1.25rem;line-height:1;transition:transform .18s ease}.sidebar .nav-item:hover{background:var(--fondo);color:var(--texto)}.sidebar .nav-item.activo{background:var(--azul-claro);color:var(--azul)}.sidebar .nav-item.activo:before{content:"";position:absolute;left:.35rem;top:50%;transform:translateY(-50%);width:3px;height:55%;border-radius:999px;background:var(--azul)}.sidebar .nav-item.activo .icono{transform:scale(1.08)}.con-sidebar{margin-left:var(--ancho-sidebar)}.bottom-nav{display:none}.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.titulo-pagina{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1rem}.cab-pagina{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.cab-pagina .titulo-pagina{margin-bottom:0}.cab-seccion{display:flex;justify-content:flex-end;margin-bottom:1rem}.placeholder{color:var(--texto-suave);font-size:.95rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;color:inherit}.kpis-compacto{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:1rem}.kpi{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.15rem}.kpi-num{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;color:var(--azul)}.kpi-lbl{font-size:.78rem;color:var(--texto-suave);font-weight:600}a.kpis:hover .kpi{border-color:#1d4ed859}.subtabs{display:flex;width:fit-content;max-width:100%;gap:2px;padding:3px;background:var(--gris-panel);border-radius:999px;margin-bottom:1.25rem;overflow-x:auto;scrollbar-width:none}.subtabs::-webkit-scrollbar{display:none}.subtab{border:none;background:transparent;padding:.5rem 1.1rem;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--texto-suave);cursor:pointer;white-space:nowrap;flex-shrink:0}.subtab.activo{background:var(--blanco);color:var(--azul);box-shadow:var(--sombra)}.pipeline{display:flex;gap:.75rem;overflow-x:auto;padding:.25rem 0 .75rem;-webkit-overflow-scrolling:touch}.col{flex:0 0 250px;display:flex;flex-direction:column;background:var(--gris-panel);border-radius:14px;padding:.6rem}.col-cab{border-top:3px solid var(--borde);padding:.7rem .4rem .6rem;margin:-.6rem -.6rem .5rem;border-radius:14px 14px 0 0}.col-titulo{display:flex;align-items:center;gap:.45rem;font-weight:700;font-size:.9rem}.col-titulo .punto{width:9px;height:9px;border-radius:50%;flex:none}.col-cuenta{margin-left:auto;background:var(--blanco);border:1px solid var(--borde);color:var(--texto-suave);border-radius:999px;font-size:.72rem;font-weight:700;padding:.05rem .5rem}.col-suma{font-size:.78rem;font-weight:700;color:var(--texto-suave);margin-top:.25rem;padding-left:.15rem}.col-cards{display:flex;flex-direction:column;gap:.5rem;min-height:12px}.col-vacia{text-align:center;color:var(--texto-suave);font-size:.85rem;margin:.5rem 0}.card{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;box-shadow:var(--sombra);padding:.6rem .65rem;display:flex;flex-direction:column;gap:.25rem}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.4rem}.card-titulo{font-weight:700;font-size:.9rem;color:var(--azul);line-height:1.25}.card-sub{margin:0;font-size:.8rem;color:var(--texto-suave)}.card-meta{margin:.1rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.76rem;color:var(--texto-suave)}.card-eur{font-weight:700;color:var(--verde)}.card-mover{display:flex;justify-content:space-between;gap:.4rem;margin-top:.35rem}.mover{flex:1;border:1px solid var(--borde);background:var(--fondo);color:var(--azul);border-radius:8px;font-size:1.1rem;line-height:1;padding:.25rem 0}.mover:hover:not(:disabled){background:var(--azul-claro)}.mover:disabled{opacity:.35;cursor:default}.buscador-grande{width:100%;padding:.9rem 1rem;font-size:1rem;border:1px solid var(--borde);border-radius:var(--radio);outline:none}.buscador-grande:focus{border-color:var(--azul)}.res-grupo{font-size:.95rem;color:var(--texto-suave);margin-bottom:.5rem}.res-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem}.res-item:hover{border-color:var(--azul)}.res-flecha{color:var(--texto-suave);font-size:1.3rem}.btn-primario{background:var(--azul);color:var(--blanco);border:none;padding:.6rem 1rem;border-radius:var(--radio);font-weight:600;font-size:.95rem;white-space:nowrap;cursor:pointer}.btn-primario:hover{background:var(--azul-osc)}.btn-primario:disabled{opacity:.6;cursor:default}.btn-sec,.btn-sec-claro{background:var(--azul-claro);color:var(--azul);border:1px solid var(--borde);padding:.5rem .85rem;border-radius:var(--radio);font-weight:600;font-size:.9rem;white-space:nowrap;cursor:pointer}.btn-sec:hover,.btn-sec-claro:hover{background:#dbe7ff;border-color:var(--azul)}.btn-sec:disabled,.btn-sec-claro:disabled{opacity:.6;cursor:default}.btn-icono{background:transparent;border:none;font-size:1.1rem;padding:.2rem;border-radius:8px;cursor:pointer}.btn-icono:hover{background:var(--fondo)}.campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.campo{width:100%;padding:.7rem .85rem;font-size:1rem;border:1px solid var(--borde);border-radius:var(--radio);outline:none;font-family:inherit}.campo:focus{border-color:var(--azul)}.cal-cabecera{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.cal-nav{width:38px;height:38px;border:1px solid var(--borde);background:var(--blanco);border-radius:var(--radio);font-size:1.4rem;line-height:1;color:var(--azul)}.cal-nav:hover{background:var(--azul-claro)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dias{margin-bottom:4px}.cal-dia-nombre{text-align:center;font-size:.75rem;font-weight:600;color:var(--texto-suave);padding:.25rem 0}.cal-celda{aspect-ratio:1 / 1;border:1px solid var(--borde);background:var(--blanco);border-radius:8px;padding:.25rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px}.cal-celda.vacia{border:none;background:transparent}.cal-celda.hoy{border-color:var(--azul)}.cal-celda.sel{background:var(--azul-claro);border-color:var(--azul)}.cal-numero{font-size:.85rem;font-weight:600}.cal-puntos{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.cal-punto{width:6px;height:6px;border-radius:50%}.barra-fila{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}.barra-etiqueta{flex:0 0 110px;font-size:.8rem;color:var(--texto-suave);text-align:right}.barra-pista{flex:1;background:var(--fondo);border-radius:999px;height:18px;overflow:hidden}.barra-relleno{height:100%;border-radius:999px;min-width:2px}.barra-valor{flex:0 0 auto;font-size:.8rem;font-weight:600}.pagina{animation:pagina-in .28s cubic-bezier(.22,1,.36,1)}@keyframes pagina-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn-primario,.btn-sec,.btn-sec-claro,.btn-icono,.subtab,.mover,.topbar-salir,.topbar-buscar{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .12s ease,box-shadow .18s ease}.btn-primario:active:not(:disabled),.btn-sec:active:not(:disabled),.btn-sec-claro:active:not(:disabled),.mover:active:not(:disabled),.cal-nav:active{transform:scale(.96)}.subtab:active{transform:scale(.97)}.card,.kpi,.res-item{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover,a.res-item:hover{transform:translateY(-2px);box-shadow:var(--sombra-md)}.card:active{transform:scale(.99)}a.kpis:hover .kpi{transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.pagina{animation:none}*{transition:none!important}}@media (max-width: 768px){.sidebar{display:none}.con-sidebar{margin-left:0}.contenido{padding:calc(var(--alto-topbar) + .75rem) 1rem calc(var(--alto-navbar) + 1rem)}.topbar-marca span{display:none}.topbar-buscar{max-width:none}.topbar-salir .txt{display:none}.topbar-salir{padding:.4rem .6rem}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--alto-navbar);background:var(--blanco);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);z-index:50}.bottom-nav .nav-item{flex:1;flex-direction:column;gap:.2rem;padding:.45rem 0;border-radius:0;font-size:.72rem;justify-content:center;color:var(--texto-suave)}.bottom-nav .nav-item .icono{padding:.2rem 1.1rem;border-radius:999px;background:transparent;transition:background .2s ease,transform .2s ease}.bottom-nav .nav-item .etq{transition:color .2s ease,font-weight .2s ease}.bottom-nav .nav-item.activo{background:transparent;color:var(--azul)}.bottom-nav .nav-item.activo .icono{background:var(--azul-claro);transform:translateY(-1px)}}