:root{--naranja: #FF6A2B;--naranja-oscuro: #C0341A;--naranja-suave: #FFE9DE;--amarillo: #FFD34E;--amarillo-suave: #FFF6DC;--verde: #128C6E;--verde-oscuro: #0C6A52;--verde-suave: #DBF3EC;--rosa: #C64C6E;--ingreso: #128C6E;--ingreso-bg: #DBF3EC;--gasto: #C0341A;--gasto-bg: #FFE1DA;--surface-0: #FFFFFF;--surface-1: #E8E4DC;--surface-2: #F3ECE0;--border: #D8CDBB;--border-strong: #C4B49A;--text: #2A2320;--text-secondary: #6E6258;--text-muted: #A89C8E;--brand: #FF6A2B;--brand-light: #FFE9DE;--ink-800: #128C6E;--ink-700: #0C6A52;--font-body: "Nunito", "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--sombra-suave: 0 2px 12px rgba(192, 52, 26, .06);--sombra-media: 0 6px 20px rgba(192, 52, 26, .1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--surface-1);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,background .15s ease}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--naranja);outline-offset:2px}input{font-family:inherit}.app-shell{max-width:460px;margin:0 auto;min-height:100vh;background:var(--surface-1);display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.aparece{animation:aparecer .35s ease both}@keyframes subir{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-sube{animation:subir .28s cubic-bezier(.16,1,.3,1) both}@keyframes fundir{0%{opacity:0}to{opacity:1}}.modal-fondo{animation:fundir .2s ease both}.tarjeta-toca{transition:transform .14s ease,box-shadow .14s ease;cursor:pointer}.tarjeta-toca:active{transform:scale(.98)}.lista-anim>*{animation:aparecer .4s ease both}.lista-anim>*:nth-child(1){animation-delay:.02s}.lista-anim>*:nth-child(2){animation-delay:.06s}.lista-anim>*:nth-child(3){animation-delay:.1s}.lista-anim>*:nth-child(4){animation-delay:.14s}.lista-anim>*:nth-child(5){animation-delay:.18s}.lista-anim>*:nth-child(6){animation-delay:.22s}.lista-anim>*:nth-child(7){animation-delay:.26s}.lista-anim>*:nth-child(8){animation-delay:.3s}.boton-primario{background:linear-gradient(135deg,var(--naranja),#FF8348);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;box-shadow:0 4px 14px #ff6a2b47;transition:transform .14s ease,box-shadow .14s ease}.boton-primario:active{transform:scale(.97);box-shadow:0 2px 8px #ff6a2b38}.tarjeta-saldo{background:linear-gradient(135deg,#0c6a52,#12a87e);box-shadow:0 8px 24px #128c6e66}@keyframes saltito{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.nav-activo{animation:saltito .3s ease}@keyframes crecer-barra{0%{width:0}}.barra-progreso{animation:crecer-barra .6s cubic-bezier(.16,1,.3,1) both}@media (min-width: 700px){.app-shell{max-width:900px}.contenido-scroll{padding:0 8px}}@media (min-width: 1000px){.app-shell{max-width:1200px;flex-direction:row;align-items:stretch;gap:0}.barra-navegacion{flex-direction:column!important;justify-content:flex-start!important;width:210px;flex-shrink:0;margin:12px 0 12px 12px!important;padding:16px 10px!important;gap:6px!important;align-self:flex-start;position:sticky;top:12px;order:-1}.barra-navegacion button{flex-direction:row!important;justify-content:flex-start!important;width:100%;gap:12px!important;padding:12px 16px!important}.barra-navegacion button span{font-size:14px!important}.contenido-scroll{flex:1;padding:0 20px;max-width:760px;margin:0 auto}}@keyframes flotar-logo{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1.5deg)}to{transform:translateY(0) rotate(0)}}.logo-flotante{animation:flotar-logo 3s ease-in-out infinite;will-change:transform}@keyframes flotar-nombre{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.nombre-flotante{animation:flotar-nombre 3.4s ease-in-out infinite;display:inline-block;will-change:transform}@media (prefers-reduced-motion: reduce){.logo-flotante,.nombre-flotante{animation:none}}body.tema-oscuro{--surface-0: #1E1B18;--surface-1: #141210;--surface-2: #26221E;--border: #3A342E;--border-strong: #4A423A;--text: #F2EDE6;--text-secondary: #B8AFA4;--text-muted: #8A8074;--naranja-suave: #3A2419;--amarillo-suave: #3A3016;--verde-suave: #12362C;--brand-light: #3A2419;--ingreso-bg: #12362C;--gasto-bg: #3A1E18;background:#141210}body.tema-oscuro{background-color:#141210}body.tema-oscuro input:not([type=checkbox]):not([type=radio]):not([type=range]),body.tema-oscuro select,body.tema-oscuro textarea{background:var(--surface-2)!important;border:1px solid var(--border-strong)!important;color:var(--text)!important}body.tema-oscuro input::placeholder,body.tema-oscuro textarea::placeholder{color:var(--text-muted)!important}body.tema-oscuro input:focus,body.tema-oscuro select:focus,body.tema-oscuro textarea:focus{border-color:var(--brand)!important;outline:none}