:root{font-family:Inter,Noto Sans Thai,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#07121d;background:#eef3f0;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:linear-gradient(145deg,#eef4f2,#e6eeec)}button{border:0;font:inherit;color:inherit;background:none;cursor:pointer}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.phone-screen{position:relative;width:min(390px,100vw);height:min(844px,100vh);overflow:hidden;border-radius:0;background:#fbfbf8;box-shadow:0 30px 90px #0a221d33}.hero-panel{position:relative;min-height:342px;padding-bottom:64px;color:#fff;background:radial-gradient(circle at 16% 72%,rgba(8,111,97,.32),transparent 33%),radial-gradient(circle at 88% 10%,rgba(110,199,223,.09),transparent 26%),linear-gradient(145deg,#131f2a,#07111b 56%,#0f1b24);border-bottom-left-radius:46px;border-bottom-right-radius:46px;overflow:hidden}.hero-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,transparent 0 58%,rgba(255,255,255,.06) 58% 59%,transparent 59%),linear-gradient(130deg,transparent 0 64%,rgba(255,255,255,.05) 64% 65%,transparent 65%),linear-gradient(130deg,transparent 0 70%,rgba(255,255,255,.035) 70% 71%,transparent 71%);opacity:.5;pointer-events:none}.topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:40px 30px 16px}.topbar h1{margin:0;font-size:34px;font-weight:820;letter-spacing:-.02em;color:#fff}.top-actions{display:flex;align-items:center;gap:16px}.icon-button{position:relative;display:grid;place-items:center;width:36px;height:36px;color:#fff}.icon-button:active,.action:active,.transaction-row:active,.nav-item:active{transform:translateY(1px)}.balance-block{position:relative;z-index:1;padding:24px 30px 0}.balance-label{display:flex;align-items:center;gap:10px;color:#f6f8f89e;font-size:16px;font-weight:680;letter-spacing:.01em}.eye-button{display:grid;place-items:center;color:#fff}.balance-number{margin-top:17px;margin-left:-4px;font-size:52px;line-height:1;font-weight:820;letter-spacing:-.055em;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.18)}.balance-number.hidden{letter-spacing:-.02em}.wallet-status{display:flex;align-items:center;gap:8px;margin-top:15px;color:#eef2f2c7;font-size:16px;font-weight:650}.wallet-status span:first-child{color:#e9c998}.status-dot{width:7px;height:7px;border-radius:50%;background:#1cd3a4;box-shadow:0 0 0 4px #1cd3a41f}.secure-row{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin:24px 30px 0;padding:0;border-top:0;color:#f6f8f9c7;text-align:left;font-size:14px;font-weight:560}.secure-row svg:first-child{color:#74dce0}.secure-row span{display:flex;flex-direction:column}.secure-row strong{color:#fff;font-size:16px;font-weight:760}.secure-row small{margin-top:2px;color:#f6f8f999;font-size:13px;font-weight:520}.action-dock{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:center;gap:10px;margin:-48px 38px 14px;padding:14px 16px 12px;border-radius:999px;background:#fffffff0;box-shadow:0 20px 48px #0b19172e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.action{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(14,27,37,.11);border-radius:999px;color:#16202a;background:#ffffffb8;box-shadow:none;font-size:16px;font-weight:760;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.action:hover{border-color:#056b583d;box-shadow:0 18px 34px #20272217}.action-primary{min-height:96px;transform:translateY(-22px);color:#08776e;background:transparent;border-color:transparent;box-shadow:none}.action-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:#08776e;background:#eeeae1}.action-primary .action-icon{width:72px;height:72px;color:#fff;background:linear-gradient(145deg,#14b9b3,#08776e);border:8px solid #ffffff;box-shadow:0 16px 34px #09857c47}.activity-card{margin:0 14px 10px;overflow:hidden;border:1px solid rgba(14,27,37,.08);border-radius:22px;background:#ffffffd1;box-shadow:0 16px 34px #17211c14}.section-title{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px}.section-title h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em}.section-title button{display:inline-flex;align-items:center;gap:2px;color:#075f50;font-size:14px;font-weight:700}.transactions{border-top:1px solid rgba(14,27,37,.065)}.transaction-row{width:100%;min-height:58px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:7px 18px;text-align:left;border-bottom:1px solid rgba(14,27,37,.065)}.transaction-row:last-child{border-bottom:0}.transaction-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#1463a8;background:#e9f2ff}.transaction-icon.positive{color:#076a59;background:#dff4eb}.transaction-copy,.transaction-meta{display:flex;flex-direction:column;min-width:0}.transaction-copy strong{color:#101922;font-size:15px;font-weight:800}.transaction-copy small,.transaction-meta small{color:#747b82;font-size:12px;font-weight:520;margin-top:4px}.transaction-meta{align-items:flex-end}.transaction-meta strong{color:#101922;font-size:15px;font-weight:800}.transaction-meta .amount-positive{color:#067153}.safety-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 14px;padding:12px 18px;border:1px solid rgba(14,27,37,.08);border-radius:22px;background:#ffffffd1;box-shadow:0 14px 28px #17211c0f}.safety-illustration{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#23bdc0,#08776e)}.safety-copy{display:flex;flex-direction:column;min-width:0}.safety-copy strong{color:#101922;font-size:15px;font-weight:820}.safety-copy small{margin-top:3px;color:#7a8289;font-size:12px;line-height:1.35}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:72px;display:grid;grid-template-columns:repeat(5,1fr);align-items:start;padding:10px 12px 0;border-top:1px solid rgba(14,27,37,.08);border-radius:18px 18px 0 0;background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -16px 36px #1a221e14}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:#3c444a;font-size:12px;font-weight:650}.nav-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:14px}.nav-item.active{color:#075f50}.nav-item.active .nav-icon{color:#fff;background:#075f50}.nav-item.featured{transform:translateY(-20px)}.nav-item.featured .nav-icon{width:52px;height:52px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#0b7564,#02473e);box-shadow:0 14px 28px #03504647}.toast{position:absolute;left:28px;right:28px;bottom:108px;z-index:4;padding:12px 14px;border-radius:16px;color:#fff;background:#06121ceb;box-shadow:0 14px 34px #06121c3d;text-align:center;font-size:14px;font-weight:650;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:430px){.page-shell{padding:0}.phone-screen{width:100vw;height:100vh;min-height:760px;box-shadow:none}}@media(max-height:780px){.topbar{padding-top:20px}.hero-panel{min-height:360px}.quick-actions{padding-top:16px;padding-bottom:14px}.action{min-height:92px}.transaction-row{min-height:68px}}