:root,[data-tema=claro]{--fondo:#f4f5f7;--panel:#fff;--panel2:#eceef1;--borde:#d8dbe0;--texto:#14171c;--suave:#5c636e;--tenue:#8b929c;--verde:#157347;--verde-fondo:#e3f5ea;--amarillo:#8a6100;--amarillo-fondo:#fdf3d8;--gris-fondo:#eceef1;--acento:#0b5ed7;--peligro:#b02a37}[data-tema=oscuro]{--fondo:#0f1115;--panel:#181b21;--panel2:#21252d;--borde:#2e333c;--texto:#f0f2f5;--suave:#a8b0bb;--tenue:#737b86;--verde:#5ddc9a;--verde-fondo:#14311f;--amarillo:#ffd166;--amarillo-fondo:#33290c;--gris-fondo:#21252d;--acento:#6aa8ff;--peligro:#ff8a90}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;-webkit-text-size-adjust:100%}.envoltorio{max-width:820px;margin:0 auto;padding:14px 14px 80px}header.barra{display:flex;align-items:center;gap:10px;padding:14px 4px;flex-wrap:wrap}header.barra h1{font-size:21px;margin:0;flex:1 1;letter-spacing:-.3px}header.barra .quien{color:var(--tenue);font-size:14px}.boton,button{font:inherit;cursor:pointer;border-radius:12px;border:1px solid var(--borde);background:var(--panel);color:var(--texto);padding:12px 14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px}.boton:active,button:active{transform:scale(.98)}.boton.principal{background:var(--acento);border-color:var(--acento);color:#fff;font-weight:600}.boton.pequeno{min-height:38px;padding:7px 11px;font-size:15px;border-radius:10px}.resumen{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:6px 0 20px}.cifra{background:var(--panel);border:1px solid var(--borde);border-radius:14px;padding:14px 12px}.cifra .etiqueta{font-size:12.5px;color:var(--suave);text-transform:uppercase;letter-spacing:.4px}.cifra .valor{font-size:25px;font-weight:700;margin-top:5px;letter-spacing:-.6px}.cifra.verde .valor{color:var(--verde)}.cifra.amarillo .valor{color:var(--amarillo)}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:16px;padding:15px;margin-bottom:13px}.tarjeta.pagada{opacity:.5}.tarjeta .cliente{font-size:19px;font-weight:650;line-height:1.25}.tarjeta .total{font-size:31px;font-weight:750;margin:6px 0 2px;letter-spacing:-1px}.tarjeta .lineas{margin:9px 0 0;padding:0;list-style:none}.tarjeta .lineas li{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;background:var(--panel2);border-radius:9px;margin-bottom:5px;font-size:15px}.tarjeta .lineas .nota{color:var(--suave);font-size:13.5px}.acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pastilla{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600}.pastilla.verde{background:var(--verde-fondo);color:var(--verde)}.pastilla.amarillo{background:var(--amarillo-fondo);color:var(--amarillo)}.pastilla.abierto{background:var(--gris-fondo);color:var(--suave)}.aviso{border-radius:12px;padding:12px 14px;margin:10px 0;font-size:15px;line-height:1.45}.aviso.rojo{background:var(--panel);border:1px solid var(--peligro);color:var(--peligro)}.aviso.gris{background:var(--panel2);border:1px solid var(--borde);color:var(--suave)}input[type=date],input[type=password],input[type=search],input[type=text]{font:inherit;width:100%;padding:12px;border-radius:12px;border:1px solid var(--borde);background:var(--panel);color:var(--texto);min-height:48px}label{display:block;font-size:14.5px;color:var(--suave);margin:12px 0 5px}.entrar{max-width:380px;margin:8vh auto;padding:0 18px}.centro{text-align:center}@media (max-width:520px){.resumen{grid-template-columns:1fr}.cifra{display:flex;align-items:baseline;justify-content:space-between}.cifra .valor{margin:0}}