*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;min-height:100%;background:#0f172a}
body{overflow-x:hidden}
.main-content{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0!important;margin:0;background:#0f172a}
.mobile-app{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#0f172a;position:relative;overflow:hidden}
.app-header{width:100%;padding:14px 15px;background:#1e293b;border-bottom:1px solid #334155;font-weight:bold;color:#fff;font-size:1.37rem;text-align:center;flex-shrink:0}
#pantalla-inicio{width:100%;flex:1;padding:15px;overflow-y:auto;overflow-x:hidden;min-height:0}
.billetera-flash{width:100%;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #38bdf8;border-radius:12px;padding:12px;margin-bottom:15px;box-shadow:0 4px 15px rgba(56,189,248,.15)}
.billetera-titulo{font-size:1.08rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;text-align:center;font-weight:bold}
.saldos-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:8px}
.saldo-box{min-width:0;background:#0f172a;padding:9px 6px;border-radius:6px;border:1px solid #334155;text-align:center}
.saldo-label{font-size:.94rem;color:#94a3b8;display:block;margin-bottom:2px}
.saldo-real{font-size:1.37rem;font-weight:bold;color:#22c55e;white-space:nowrap}
.saldo-credito{font-size:1.37rem;font-weight:bold;color:#f59e0b;white-space:nowrap}
.saldo-total{width:100%;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:9px;text-align:center}
.saldo-total-valor{font-size:1.58rem;font-weight:bold;color:#38bdf8;white-space:nowrap}
.titulo-seccion{margin:15px 0 10px;font-size:1.22rem;color:#fff;font-weight:bold}
#contenedor-oferta-flash{width:100%;border:1px solid #38bdf8;border-radius:12px;padding:10px;max-height:380px;overflow-y:auto;overflow-x:hidden;background:#0f172a;scrollbar-width:thin;scrollbar-color:#334155 #0f172a}
#contenedor-oferta-flash::-webkit-scrollbar{width:5px}
#contenedor-oferta-flash::-webkit-scrollbar-track{background:#0f172a;border-radius:10px}
#contenedor-oferta-flash::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}
#contenedor-oferta-flash::-webkit-scrollbar-thumb:hover{background:#38bdf8}
.lista-recargas{width:100%;display:flex;flex-direction:column;gap:8px}
.recarga-item{width:100%;min-width:0;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.recarga-info{min-width:0;flex:1;overflow:hidden}
.recarga-remitente{font-size:1.08rem;color:#22c55e;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recarga-fecha{font-size:.94rem;color:#94a3b8;display:block;margin-top:3px;white-space:nowrap}
.recarga-metodo{font-size:.86rem;color:#64748b;display:block;margin-top:2px}
.recarga-monto{text-align:right;flex-shrink:0}
.recarga-monto-valor{font-size:1.22rem;font-weight:bold;color:#fff;display:block;white-space:nowrap}
.recarga-estado{font-size:.86rem;background:rgba(56,189,248,.1);color:#38bdf8;padding:2px 4px;border-radius:3px;display:inline-block;margin-top:3px}
.bottom-nav{width:100%;background:#020617;border-top:1px solid #334155;padding:9px 0;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:.94rem;color:#94a3b8;flex-shrink:0;z-index:10;padding-bottom:max(9px,env(safe-area-inset-bottom))}
.nav-item{cursor:pointer;min-width:0;line-height:1.4}
.nav-item.active{color:#38bdf8;font-weight:bold}
@media(max-width:360px){
#pantalla-inicio{padding:10px}
.billetera-flash{padding:10px}
.saldo-real,.saldo-credito{font-size:1.22rem}
.saldo-total-valor{font-size:1.44rem}
#contenedor-oferta-flash{padding:8px}
.recarga-item{padding:8px}
.recarga-remitente{font-size:1.01rem}
.recarga-monto-valor{font-size:1.15rem}
}
@media(min-width:768px){
.mobile-app{max-width:600px;margin:0 auto;min-height:100vh}
}