body{margin:0}#root{min-height:100svh}:root{--azul:#1e3a5f;--azul-claro:#2f5d8a;--gris-borde:#d7dde3;--gris-fondo:#f4f6f8;--rojo:#c0392b;--verde:#1e7e34;--gris-medio:#8a97a6}*{box-sizing:border-box}body{background:var(--gris-fondo);color:#1c2530;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.page{justify-content:center;min-height:100vh;padding:32px 16px;display:flex}.contenedor{flex-direction:column;gap:16px;width:100%;max-width:880px;display:flex}.card{background:#fff;border-radius:12px;width:100%;padding:32px;box-shadow:0 2px 10px #00000012}.nav-secundaria{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.nav-secundaria a{color:var(--azul-claro);font-size:.85rem;text-decoration:none}.nav-secundaria a:hover{text-decoration:underline}.encabezado h1{color:var(--azul);margin:0 0 4px;font-size:1.6rem}.encabezado p{color:#5a6675;margin:0 0 24px}.grid-2{grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:8px;display:grid}.campo{flex-direction:column;gap:4px;display:flex}.campo-full{grid-column:1/-1}.etiqueta{color:#3b4652;font-size:.85rem;font-weight:600}input,select,textarea{border:1px solid var(--gris-borde);background:#fff;border-radius:6px;padding:9px 10px;font-family:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--azul-claro);outline:none;box-shadow:0 0 0 2px #2f5d8a26}.error{color:var(--rojo);font-size:.8rem}.gastos{border-top:1px solid var(--gris-borde);margin-top:20px;padding-top:16px}.gastos-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.gastos-header h2{color:var(--azul);margin:0;font-size:1.1rem}.renglon-gasto{background:var(--gris-fondo);border-radius:8px;grid-template-columns:24px 1fr 1fr 1fr 1fr 32px;align-items:start;gap:12px;margin-bottom:10px;padding:12px;display:grid}.renglon-numero{color:#8b98a5;padding-top:8px;font-weight:700}.btn-quitar{color:var(--rojo);cursor:pointer;background:0 0;border:none;padding-top:6px;font-size:1.1rem}.btn-quitar:disabled{opacity:.3;cursor:not-allowed}.total{text-align:right;color:var(--azul);margin-top:8px;font-size:1.05rem}.acciones{justify-content:flex-end;margin-top:24px;display:flex}.btn-primario{background:var(--azul);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600}.btn-primario:disabled{opacity:.6;cursor:not-allowed}.btn-secundario{color:var(--azul);border:1px solid var(--azul);cursor:pointer;background:#fff;border-radius:6px;padding:7px 14px;font-size:.85rem;font-weight:600}.aviso-error{color:var(--rojo);background:#fdecea;border:1px solid #f5c6cb;border-radius:6px;margin-top:16px;padding:10px 14px;font-size:.9rem}.confirmacion{text-align:center}.confirmacion h1{color:var(--verde)}.confirmacion .folio{margin:12px 0;font-size:1.3rem}.confirmacion .ayuda{color:#5a6675;font-size:.9rem}.avisos{margin:16px 0}.aviso-ok{color:var(--verde);font-size:.9rem}.encabezado-panel{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.encabezado-panel p{color:#5a6675;margin:0}.panel-aprobador h2{color:var(--azul);margin:20px 0 10px;font-size:1.05rem}.solicitud-item{border:1px solid var(--gris-borde);border-radius:8px;margin-bottom:12px;padding:14px 16px}.solicitud-resuelta{background:var(--gris-fondo)}.solicitud-resumen{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.solicitud-fecha{color:#5a6675;margin-left:auto;font-size:.85rem}.solicitud-detalle p{margin:8px 0 0;font-size:.9rem}.lista-gastos{margin:8px 0 0;padding-left:18px;font-size:.9rem}.comentario-rechazo{border:1px solid var(--gris-borde);resize:vertical;border-radius:6px;width:100%;min-height:40px;margin-top:10px;padding:8px 10px;font-family:inherit;font-size:.85rem}.solicitud-acciones{gap:10px;margin-top:10px;display:flex}.btn-rechazar{color:var(--rojo);border:1px solid var(--rojo);cursor:pointer;background:#fff;border-radius:8px;padding:9px 20px;font-size:.9rem;font-weight:600}.btn-rechazar:disabled,.solicitud-acciones .btn-primario:disabled{opacity:.5;cursor:not-allowed}.estatus-ok{color:var(--verde);font-weight:700}.estatus-mal{color:var(--rojo);font-weight:700}.tabs{border-bottom:1px solid var(--gris-borde);flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.tab-btn{color:#5a6675;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:16px;padding:10px 4px;font-size:.92rem;font-weight:600}.tab-btn-activo{color:var(--azul);border-bottom-color:var(--azul)}.etiqueta-area{background:var(--gris-fondo);border:1px solid var(--gris-borde);color:#5a6675;border-radius:999px;padding:2px 10px;font-size:.78rem}.tabla-scroll{overflow-x:auto}table.tabla-usuarios{border-collapse:collapse;width:100%;font-size:.88rem}table.tabla-usuarios th,table.tabla-usuarios td{text-align:left;border-bottom:1px solid var(--gris-borde);white-space:nowrap;padding:8px 10px}table.tabla-usuarios th{color:#5a6675;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.fila-inactiva{opacity:.5}.reset-password{gap:6px;display:flex}.reset-password input{width:140px;padding:6px 8px}.filtros-graficas{margin-bottom:8px}.kpis{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.kpi-card{background:var(--gris-fondo);border:1px solid var(--gris-borde);border-radius:10px;flex-direction:column;gap:2px;min-width:150px;padding:14px 22px;display:flex}.kpi-valor{color:var(--azul);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.kpi-etiqueta{color:#5a6675;text-transform:uppercase;letter-spacing:.03em;font-size:.78rem}.grafica-barras{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.grafica-barra-fila{grid-template-columns:minmax(90px,150px) 1fr minmax(110px,150px);align-items:center;gap:12px;font-size:.85rem;display:grid}.grafica-barra-etiqueta{color:#3a4552;white-space:normal;line-height:1.2}.grafica-barra-pista{background:var(--gris-borde);border-radius:6px;height:14px;overflow:hidden}.grafica-barra-relleno{border-radius:6px;height:100%;transition:width .3s}.grafica-barra-valor{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.grafica-barra-cantidad{color:var(--gris-medio);font-size:.75rem}.grafica-linea-contenedor{margin-bottom:28px}.grafica-linea{width:100%;height:180px;display:block}.grafica-linea-area{fill:#2f5d8a26;stroke:none}.grafica-linea-trazo{fill:none;stroke:var(--azul-claro);stroke-width:2px}.grafica-linea-punto{fill:var(--azul-claro)}.grafica-linea-etiquetas{color:#5a6675;justify-content:space-between;margin-top:4px;font-size:.7rem;display:flex}@media (width<=640px){.grid-2{grid-template-columns:1fr}.grafica-barra-fila{grid-template-columns:1fr;gap:4px}.grafica-barra-valor{text-align:left}.renglon-gasto{grid-template-columns:1fr;padding-top:36px;position:relative}.renglon-numero{display:none}.btn-quitar{padding:4px 8px;font-size:1.3rem;position:absolute;top:8px;right:8px}}