:root{--terracota:#aa5639;--terracota-oscuro:#8c4530;--dorado:#b57841;--beige:#d3b9af;--fondo:#efefef;--texto:#3a2a20;--gris:#8a7d75;--borde:#e4ddd8;--tarjeta:#fff;--suave:#f6f3f1;--rojo:#dc2626;--bien-bg:#dcfce7;--bien-texto:#166534;--bien-punto:#22c55e;--atencion-bg:#fef9c3;--atencion-texto:#854d0e;--atencion-punto:#eab308;--riesgo-bg:#fef2f2;--riesgo-texto:#dc2626;--riesgo-punto:#ef4444}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,sans-serif}a{color:inherit}.contenedor{max-width:1080px;margin:0 auto;padding:32px 20px 80px}.encabezado{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;flex-wrap:wrap;gap:8px}.encabezado h1{font-size:22px;margin:0;color:var(--terracota)}.encabezado .usuario{font-size:13px;color:var(--gris)}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;padding:14px 16px}.tarjeta .etiqueta{font-size:12px;color:var(--gris);text-transform:uppercase;letter-spacing:.03em}.tarjeta .valor{font-size:20px;font-weight:600;margin-top:4px}.valor.negativo{color:var(--rojo)}.alerta{background:var(--riesgo-bg);border:1px solid var(--riesgo-punto);color:var(--riesgo-texto);border-radius:10px;padding:14px 16px;font-size:14px}.alerta,.seccion{margin-bottom:20px}.seccion{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;padding:18px 20px}.seccion h2{font-size:15px;margin:0 0 12px;color:var(--terracota)}.tabla-envoltorio{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--borde)}th{color:var(--gris);font-weight:500;font-size:12px;text-transform:uppercase}@keyframes destacar-fila{0%,60%{background:var(--atencion-bg)}to{background:transparent}}.fila-resaltada{animation:destacar-fila 3s ease-out}.formulario{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px;align-items:end}.campo label{display:block;font-size:12px;color:var(--gris);margin-bottom:4px}.campo input,.campo select{width:100%;padding:8px;border:1px solid var(--borde);border-radius:6px;font-size:14px}button{background:var(--terracota);color:#fff;border:none;border-radius:6px;padding:9px 16px;font-size:14px;cursor:pointer}button:hover{background:var(--terracota-oscuro)}button:disabled{background:var(--gris);cursor:not-allowed}.mensaje-error{color:var(--rojo);font-size:13px;margin-top:8px}.login-caja{max-width:360px;margin:80px auto;background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;padding:28px}.login-caja h1{font-size:18px;color:var(--terracota);margin-top:0}.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--fondo);color:var(--gris);border:1px solid var(--borde)}.pill.real{color:var(--dorado);border-color:var(--dorado)}.nav-superior{display:flex;gap:4px;margin:-8px 0 20px}.nav-superior a{font-size:13px;text-decoration:none;color:var(--gris);padding:6px 12px;border-radius:999px}.nav-superior a.activo{color:var(--terracota);background:var(--beige);font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:24px}@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.kpi-grid{grid-template-columns:1fr}}.kpi{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:16px 18px}.kpi .kpi-etiqueta{font-size:12px;color:var(--gris);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.kpi .kpi-valor{font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.01em}.kpi .kpi-valor.negativo{color:var(--rojo)}.kpi .kpi-sub{font-size:12.5px;color:var(--gris);margin-top:6px}.panel-alertas{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.alerta-item{display:flex;gap:12px;align-items:flex-start;background:var(--suave);border-radius:10px;padding:12px 16px}.alerta-item .semaforo-punto{width:10px;height:10px;min-width:10px;border-radius:50%;margin-top:5px;background:var(--gris)}.alerta-item .alerta-titulo{font-weight:600;font-size:13.5px;margin-bottom:2px;color:var(--texto)}.alerta-item .alerta-detalle{font-size:13px;color:var(--gris);line-height:1.45}.alerta-item.critica{background:var(--riesgo-bg)}.alerta-item.critica .semaforo-punto{background:var(--riesgo-punto)}.alerta-item.critica .alerta-titulo{color:var(--riesgo-texto)}.alerta-item.advertencia{background:var(--atencion-bg)}.alerta-item.advertencia .semaforo-punto{background:var(--atencion-punto)}.alerta-item.advertencia .alerta-titulo{color:var(--atencion-texto)}.alerta-item.ok{background:var(--bien-bg)}.alerta-item.ok .semaforo-punto{background:var(--bien-punto)}.alerta-item.ok .alerta-titulo{color:var(--bien-texto)}.alerta-item.info{background:var(--suave);border:1px solid var(--borde)}.alerta-item.info .semaforo-punto{background:var(--gris)}.alerta-item.info .alerta-titulo{color:var(--texto)}.alerta-prioridad{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-right:6px}.grafico-caja{padding-bottom:6px}.grafico-caja .grafico-subtitulo{font-size:12.5px;color:var(--gris);margin:-8px 0 14px}.grafico-caja svg{width:100%;height:auto;display:block;overflow:visible}.grid-dos-columnas{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:760px){.grid-dos-columnas{grid-template-columns:1fr}}.agenda{display:flex;flex-direction:column}.agenda-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--borde)}.agenda-item:last-child{border-bottom:none}.agenda-fecha{width:56px;flex-shrink:0;font-size:12px;color:var(--gris);text-align:center;line-height:1.3}.agenda-fecha strong{display:block;font-size:16px;color:var(--texto)}.agenda-detalle{flex:1 1;min-width:0}.agenda-categoria{font-size:13.5px;font-weight:500}.agenda-monto{font-size:13.5px;font-weight:600;white-space:nowrap}.agenda-monto.ingreso{color:var(--bien-texto)}.agenda-monto.egreso{color:var(--riesgo-texto)}.boton-fantasma{background:transparent;color:var(--texto);border:1px solid var(--borde)}.boton-fantasma:hover{background:var(--suave)}