.dashboard{min-height:100vh;background:#f6f8fb;padding-bottom:88px;overflow-y:auto}.top-area{background:var(--ink);color:#fff;padding:22px 21px 65px;border-radius:0 0 30px 30px}.topbar{display:flex;align-items:center;justify-content:space-between}.hello small{display:block;color:#9ba8bb;font-size:11px;margin-bottom:2px}.hello strong{font:700 16px Manrope,sans-serif}.top-actions{display:flex;gap:9px}.round-btn{width:39px;height:39px;border:1px solid #ffffff1f;background:#ffffff12;border-radius:13px;color:white;display:grid;place-items:center;position:relative}.round-btn .icon{width:19px}.notification-dot{position:absolute;width:7px;height:7px;background:var(--coral);border:2px solid var(--ink);border-radius:50%;right:8px;top:8px}.balance-card{margin:23px 0 0;background:linear-gradient(135deg,#ff8e6d,#ff5e54);border-radius:23px;padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 38px #ff615245}.balance-card:after{content:"";position:absolute;width:160px;height:160px;border:28px solid #ffffff14;border-radius:50%;right:-75px;top:-65px}.balance-label{font-size:11px;opacity:.84;display:flex;align-items:center;gap:7px}.balance-value{font:800 27px Manrope,sans-serif;letter-spacing:-1px;margin:6px 0 20px}.balance-meta{border-top:1px solid #ffffff30;padding-top:14px;display:flex;justify-content:space-between;position:relative;z-index:1}.balance-meta div{display:flex;align-items:center;gap:8px}.balance-meta .icon{width:17px}.balance-meta small{display:block;opacity:.72;font-size:9px}.balance-meta strong{font-size:11px}.content{padding:0 19px 22px;margin-top:-43px}.quick-card{background:white;border-radius:21px;padding:18px 14px 15px;box-shadow:0 12px 35px #18263d17;display:grid;grid-template-columns:repeat(4,1fr);gap:17px 5px;position:relative}.service{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--ink);font-size:9.5px;padding:0}.service-icon{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:#fff0ec;color:#f46858}.service-icon .icon{width:20px}.service:nth-child(2) .service-icon{background:#edf4ff;color:#4c7fe4}.service:nth-child(3) .service-icon{background:#fff7dc;color:#e3a927}.service:nth-child(4) .service-icon{background:#f3edff;color:#8d65d8}.service:nth-child(5) .service-icon{background:#ebf9f2;color:#2aa878}.service:nth-child(6) .service-icon{background:#e8f8f8;color:#239da0}.service:nth-child(7) .service-icon{background:#eaf7ff;color:#3d9ed4}.service:nth-child(8) .service-icon{background:#f0f2f5;color:#657187}.section-head{display:flex;align-items:center;justify-content:space-between;margin:23px 2px 12px}.section-head h2{font:800 15px Manrope,sans-serif;margin:0;letter-spacing:-.4px}.section-head button{border:0;background:none;color:var(--coral);font-size:10px;font-weight:700}.promo{background:linear-gradient(120deg,#192a48,#28446c);border-radius:20px;padding:18px;color:white;position:relative;overflow:hidden;min-height:125px}.promo:after{content:"25GB";font:800 44px Manrope,sans-serif;color:#ffffff0f;position:absolute;right:-3px;bottom:-10px}.promo small{color:#ff9b7e;font-size:8px;font-weight:800;letter-spacing:1.2px}.promo h3{font:700 16px/1.3 Manrope,sans-serif;margin:6px 0 5px;width:220px}.promo p{font-size:10px;color:#aebbd0;margin:0 0 13px}.promo button{background:white;color:var(--ink);border:0;border-radius:10px;padding:8px 12px;font-size:9px;font-weight:800}.transactions{display:flex;flex-direction:column;gap:9px}.transaction{background:white;border:1px solid #edf0f4;border-radius:16px;padding:12px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.trx-icon{width:40px;height:40px;border-radius:13px;background:#edf4ff;color:#4b7ede;display:grid;place-items:center}.trx-icon .icon{width:18px}.transaction:nth-child(2) .trx-icon{background:#fff6dc;color:#daa31e}.transaction:nth-child(3) .trx-icon{background:#f2edff;color:#8b67d1}.trx-main strong{display:block;font-size:11px;margin-bottom:3px}.trx-main span{display:block;color:#8b96a7;font-size:8.5px}.trx-side{text-align:right}.trx-side strong{display:block;font-size:10px}.trx-side span{color:var(--green);font-size:8px}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:71px;background:#fffffff5;border-top:1px solid #e8edf2;display:flex;justify-content:space-around;align-items:center;padding-bottom:max(4px,env(safe-area-inset-bottom));z-index:10}.nav-item{border:0;background:none;color:#9ca7b6;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8px;min-width:55px}.nav-item .icon{width:20px}.nav-item.active{color:var(--coral);font-weight:700}.nav-main{width:49px;height:49px;background:var(--coral);border-radius:17px;color:white;display:grid;place-items:center;transform:translateY(-12px);box-shadow:0 9px 22px #ff66584d}.nav-main .icon{width:23px}@media(min-width:520px){.dashboard{min-height:100%;height:100%}}