@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{font-family:Poppins,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0d1b3f;background-color:#eef1ff}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#eef1ff}#app{min-height:100vh;display:flex;justify-content:center;padding:2rem 1.25rem 5.5rem}.viewport{width:min(420px,100%);display:flex;flex-direction:column;gap:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between}.profile{display:flex;align-items:center;gap:.9rem}.profile__avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#86a9ff,#5a5dff);color:#fff;font-weight:600;font-size:1.1rem}.profile__info{display:grid;gap:.2rem}.profile__name{font-weight:600;font-size:1.05rem}.profile__meta{font-size:.8rem;color:#6b7a99}.topbar__menu{width:42px;height:42px;border-radius:14px;border:none;background:#fff;box-shadow:0 10px 20px -12px #0d1b3f73;display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:.7rem;cursor:pointer}.topbar__menu span{display:block;height:2px;background:#5a5dff;border-radius:999px}.content{display:flex;flex-direction:column;gap:1.5rem}.balance-card{padding:1.9rem;border-radius:26px;color:#fff;background:linear-gradient(140deg,#7da6ff,#3d5eff);box-shadow:0 28px 40px -30px #162a73d9;display:grid;gap:1rem}.balance-card__header{display:flex;justify-content:space-between;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.9}.balance-card__tag{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;background:#ffffff2e;font-weight:500}.balance-card__currencies{opacity:.8}.balance-card__amount{font-size:clamp(2.4rem,3vw + 1.6rem,3.4rem);font-weight:600;letter-spacing:.01em}.balance-card__meta{display:flex;justify-content:space-between;font-size:.8rem;opacity:.85}.balance-card__trend{font-weight:600}.balance-card__updated{opacity:.75}.balance-card__message{margin:0;font-size:.9rem;line-height:1.5;opacity:.95}.card-dots{display:flex;justify-content:center;gap:.4rem}.card-dots__dot,.card-dots__dot--active{display:none}.actions-section{display:grid;gap:1.2rem}.primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.primary-card{background:#fff;border-radius:22px;padding:1.2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 24px 36px -32px #1b255973;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-card:hover{transform:translateY(-6px);box-shadow:0 28px 42px -26px #1b25598c}.primary-card__icon{font-size:2.2rem}.primary-card__text h3{margin:0;font-size:1rem;font-weight:600;color:#182550}.primary-card__text p{margin:.35rem 0 0;font-size:.78rem;color:#6d7aa6;line-height:1.4}.secondary-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.feature-card{background:#fff;border-radius:24px;padding:1.6rem 1.2rem;text-align:center;box-shadow:0 24px 36px -32px #1b255973;display:grid;gap:.6rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 28px 42px -28px #1b25598c}.feature-card__icon{font-size:1.8rem}.feature-card__title{margin:0;font-size:1rem;font-weight:600}.feature-card__description{margin:0;font-size:.78rem;color:#6d7aa6;line-height:1.4}.detail-card{background:#f6f7ff;border-radius:24px;padding:1.6rem;display:grid;gap:.9rem}.detail-card__header{display:flex;justify-content:space-between;align-items:center}.detail-card__button{border:none;border-radius:20px;padding:.5rem 1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#5d92ff,#354dff);cursor:pointer;box-shadow:0 14px 28px -24px #354dfff2}.detail-card__highlight{margin:0;color:#394680;font-weight:500}.detail-card__text{margin:0;color:#5f6a94;font-size:.85rem;line-height:1.5}.detail-card__tips{margin:0;padding-left:1.1rem;color:#525f8d;display:grid;gap:.35rem;font-size:.82rem}.activity-card{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 24px 36px -32px #1b255973;display:grid;gap:1.2rem}.activity-card__header{display:flex;justify-content:space-between;align-items:center}.activity-card__header h2{margin:0;font-size:1rem;font-weight:600}.activity-card__header button{border:none;background:transparent;color:#5a5dff;font-weight:500;cursor:pointer}.activity-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.activity-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:18px;background:#f3f5ff}.activity-item__icon{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;font-size:1.1rem;background:#5a5dff1a}.activity-item__info{display:grid;gap:.2rem}.activity-item__title{font-weight:600;font-size:.95rem}.activity-item__note{font-size:.78rem;color:#6d7aa6}.activity-item__meta{display:grid;gap:.2rem;justify-items:flex-end}.activity-item__amount{font-weight:600;font-size:.9rem}.activity-item__amount[data-direction=in]{color:#3aa76d}.activity-item__amount[data-direction=out]{color:#e25555}.activity-item__date{font-size:.75rem;color:#7b86ab}.bottom-nav{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);width:min(420px,calc(100% - 2.5rem));background:#fff;border-radius:26px;display:grid;grid-template-columns:repeat(5,1fr);padding:.8rem 1.2rem;gap:.4rem;box-shadow:0 28px 46px -32px #151e4c73}.bottom-nav__item{border:none;background:transparent;display:grid;justify-items:center;gap:.2rem;color:#8a96be;font-size:.75rem;cursor:pointer}.bottom-nav__item span{font-size:1.2rem}.bottom-nav__item--active{color:#3a5bff;font-weight:600}.qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#101a368c;display:grid;place-items:center;padding:1.5rem;z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.qr-modal__content{position:relative;background:#0f172a;color:#e2e8f0;border-radius:22px;padding:2rem 2.2rem;max-width:360px;width:min(90vw,360px);display:grid;gap:1rem;text-align:center;box-shadow:0 30px 90px -45px #0f172af2}.qr-modal__close{position:absolute;top:1rem;right:1.2rem;border:none;background:transparent;color:#94a3b8;font-size:1.8rem;cursor:pointer}.qr-modal__subtitle{margin:0;color:#cbd5f5;font-size:.95rem}.qr-modal__image{width:100%;border-radius:16px;background:#fff;padding:1.2rem}.qr-modal__hint{margin:0;font-size:.9rem;color:#cbd5f5}.qr-modal__loading{margin:1.5rem 0;color:#cbd5f5}.error-text{color:#eaa0a0;font-size:.85rem;margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 480px){#app{padding:1.8rem 1rem 5.5rem}.primary-actions{grid-template-columns:1fr}.secondary-actions{grid-template-columns:repeat(2,1fr)}}