:root{--navy-900:#0a1f52;--navy-800:#0e2c72;--navy-700:#123a94;--accent:#ffb020;--success:#1a9e5c;--danger:#d64545;--bg:#f3f5fb;--card:#fff;--text:#10193a;--text-muted:#6b7391;--border:#e6e9f5;--radius-lg:20px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.shell{max-width:460px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;padding-bottom:88px}.topbar{background:linear-gradient(160deg,var(--navy-800),var(--navy-900));color:#fff;padding:20px 20px 40px;border-radius:0 0 28px 28px}.topbar h1{font-size:18px;font-weight:600;margin:0}.card{background:var(--card);border-radius:var(--radius-lg);padding:18px;box-shadow:0 8px 24px -12px rgba(10,31,82,.18);border:1px solid var(--border)}.balance-card{margin:-28px 16px 0;position:relative;z-index:2}.btn-primary{background:var(--navy-800);color:#fff;border:none;border-radius:var(--radius-md);padding:14px 20px;font-weight:600;font-size:15px;cursor:pointer;width:100%;transition:background .15s ease,transform .1s ease}.btn-primary:hover{background:var(--navy-700)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:#b7bede;cursor:not-allowed}.input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;font-size:15px;background:#f8f9fd;color:var(--text)}.input:focus{outline:2px solid var(--navy-700);outline-offset:1px}.label{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px;display:block}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.pill-success{background:#e5f7ee;color:var(--success)}.pill-pending{background:#fff5e0;color:#b8790f}.pill-danger{background:#fce9e9;color:var(--danger)}.bottom-nav{position:fixed;bottom:0;margin:0 auto;left:50%;transform:translateX(-50%);width:100%;max-width:460px;background:#fff;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:10}.nav-indicator{position:absolute}.nav-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:11px;color:var(--text-muted);font-weight:600;transition:color .2s ease,transform .15s ease}.nav-item:active{transform:scale(.92)}.nav-icon{display:flex;transition:transform .25s cubic-bezier(.34,1.5,.4,1)}.nav-item.active{color:var(--navy-800)}.nav-item.active .nav-icon{transform:translateY(-1px) scale(1.08)}.section-title{font-size:15px;font-weight:700;margin:24px 16px 12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;padding:0 16px}.grid-icon{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--text);text-align:center}.icon-circle{width:48px;height:48px;border-radius:14px;background:#eef1fb;font-size:20px}.center-page,.icon-circle{display:flex;align-items:center;justify-content:center}.center-page{min-height:100vh;padding:24px;background:var(--bg)}.error-text{color:var(--danger);font-size:13px;margin-top:6px}@media (prefers-reduced-motion:no-preference){@keyframes shellEnter{0%{opacity:0}to{opacity:1}}@keyframes cardPopIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconPopIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.shell{animation:shellEnter .35s cubic-bezier(.22,1,.36,1) both}.card{animation:cardPopIn .4s cubic-bezier(.22,1,.36,1) both}.card:first-of-type{animation-delay:0ms}.card:nth-of-type(2){animation-delay:40ms}.card:nth-of-type(3){animation-delay:80ms}.card:nth-of-type(4){animation-delay:.12s}.card:nth-of-type(5){animation-delay:.16s}.card:nth-of-type(6){animation-delay:.2s}.card:nth-of-type(n+7){animation-delay:.24s}.grid-icon{animation:iconPopIn .35s cubic-bezier(.34,1.4,.4,1) both}.grid-icon:first-child{animation-delay:60ms}.grid-icon:nth-child(2){animation-delay:90ms}.grid-icon:nth-child(3){animation-delay:.12s}.grid-icon:nth-child(4){animation-delay:.15s}.grid-icon:nth-child(5){animation-delay:.18s}.grid-icon:nth-child(6){animation-delay:.21s}.grid-icon:nth-child(7){animation-delay:.24s}.grid-icon:nth-child(8){animation-delay:.27s}.grid-icon:nth-child(n+9){animation-delay:.3s}}