.e8{--accent-50:#f2fbe6;--accent-100:#e2f6c8;--accent-200:#caed97;--accent-300:#b0e267;--accent-400:#9bd748;--accent-500:#86c72f;--accent-600:#66a01c;--accent-700:#4a7614;--accent-contrast:#14300c;--sh-accent:0 8px 24px #86c72f4d;--deep:#14401f;--bg:#f1f3ef;--surface:#fff;--surface-2:#f3f5f0;--surface-3:#e7eae2;--line:#eceee8;--ink:#15201a;--ink-2:#5c6a60;--ink-3:#97a39b;box-shadow:var(--sh-3);font-family:var(--font-ui);color:var(--ink);background:#f6f7f4;border-radius:26px;padding:22px 26px 26px;position:absolute;inset:30px 40px;overflow:hidden}.e8__ico{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-2);transition:background var(--t-base) var(--e-smooth), color var(--t-base) var(--e-smooth), transform var(--t-fast) var(--e-out);border-radius:50%;place-items:center;display:grid;position:relative}.e8__ico svg{width:16px;height:16px}.e8__ico:hover{background:var(--surface-2);color:var(--ink);transform:translateY(-2px)}.e8__ico--sm{background:var(--surface-2);border:0;width:28px;height:28px}.e8__ico--sm svg{width:14px;height:14px}.e8__ico[data-v=dark]{color:var(--deep);background:#14401f24;border-color:#0000}.e8__ico b{border:2px solid var(--surface);border-radius:var(--r-full);background:var(--deep);min-width:20px;height:18px;font-family:var(--font-display);color:#fff;place-items:center;padding:0 5px;font-size:9.5px;font-weight:700;display:grid;position:absolute;top:-3px;right:-4px}.e8__chip{border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);height:26px;color:var(--ink-2);padding:0 12px;font-size:11px;font-weight:500}.e8__face{width:38px;height:38px;font-family:var(--font-display);color:#fff;background:linear-gradient(150deg,#e9c08a,#b98146);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.e8__top{align-items:center;gap:20px;display:flex}.e8__who{font-family:var(--font-display);letter-spacing:-.026em;align-items:center;gap:11px;font-size:19px;font-weight:600;display:inline-flex}.e8__nav{border-radius:var(--r-full);background:var(--surface-2);gap:2px;margin:0 auto;padding:4px;display:inline-flex;position:relative}.e8__navMark{border-radius:var(--r-full);background:var(--accent-300);height:calc(100% - 8px);transition:transform var(--t-base) var(--e-spring), width var(--t-base) var(--e-spring);position:absolute;top:4px;left:0}.e8__nav button{z-index:1;border-radius:var(--r-full);color:var(--ink-2);transition:color var(--t-base) var(--e-smooth);background:0 0;border:0;padding:8px 18px;font-size:12.5px;font-weight:500;position:relative}.e8__nav button[data-active=true]{color:var(--accent-contrast);font-weight:600}.e8__topRight{gap:10px;display:flex}.e8__card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);transition:box-shadow var(--t-base) var(--e-out), transform var(--t-base) var(--e-out);flex-direction:column;padding:18px 20px;display:flex;position:absolute}.e8__card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.e8__card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.e8__card h3{font-family:var(--font-display);letter-spacing:-.022em;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.e8__card h3 i{background:var(--surface-2);width:24px;height:24px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.e8__card h3 i svg{width:13px;height:13px}.e8__bal{width:680px;height:300px;top:108px;left:26px}.e8__ccy{border-radius:var(--r-full);background:var(--surface-2);gap:3px;padding:3px;display:inline-flex}.e8__ccy button{border-radius:var(--r-full);height:26px;color:var(--ink-2);transition:background var(--t-base) var(--e-smooth);background:0 0;border:0;padding:0 12px;font-size:11px;font-weight:600}.e8__ccy button[data-active=true]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.e8__acct{text-align:right}.e8__acct i{color:var(--ink-3);font-size:10px;font-style:normal;display:block}.e8__acct b{letter-spacing:.04em;font-size:12px}.e8__bal .ui-label{margin-top:26px}.e8__balFig{letter-spacing:-.042em;align-items:center;gap:12px;margin:6px 0 0;font-size:48px;font-weight:600;display:flex}.e8__eye{background:var(--surface-2);width:30px;height:30px;color:var(--ink-2);transition:background var(--t-fast) var(--e-smooth);border:0;border-radius:50%;place-items:center;display:grid}.e8__eye svg{width:15px;height:15px}.e8__eye:hover{background:var(--surface-3)}.e8__balBtns{gap:9px;margin-top:auto;display:flex}.e8__balBtns button{border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);height:42px;color:var(--ink);transition:transform var(--t-fast) var(--e-out);align-items:center;gap:8px;padding:0 20px;font-size:12.5px;font-weight:600;display:inline-flex}.e8__balBtns button svg{width:15px;height:15px}.e8__balBtns button[data-v=ink]{background:var(--deep);color:#fff;border-color:#0000}.e8__balBtns button:hover{transform:translateY(-2px)}.e8__more{justify-content:center;width:42px;padding:0!important}.e8__balGo{background:var(--accent-300);width:54px;height:54px;color:var(--accent-contrast);transition:transform var(--t-base) var(--e-spring);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:20px;right:20px}.e8__balGo svg{width:20px;height:20px}.e8__bal:hover .e8__balGo{transform:rotate(45deg)scale(1.06)}.e8__rewards{border-radius:var(--r-lg);background:linear-gradient(158deg, var(--accent-300) 0%, var(--accent-400) 54%, var(--accent-500) 100%);height:300px;color:var(--accent-contrast);box-shadow:var(--sh-accent);flex-direction:column;padding:18px 20px;display:flex;position:absolute;top:108px;left:726px;right:26px;overflow:hidden}.e8__star{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#ffffff2e;width:190px;height:190px;animation:26s linear infinite e8Turn;position:absolute;top:6%;right:4%}@keyframes e8Turn{to{transform:rotate(360deg)}}.e8__rewards header{justify-content:space-between;align-items:center;display:flex}.e8__prio{border-radius:var(--r-full);background:var(--deep);color:#fff;letter-spacing:.02em;align-items:center;gap:8px;height:34px;padding:0 6px 0 16px;font-size:12px;font-weight:700;display:inline-flex}.e8__prio i{background:#fff3;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.e8__prio i svg{width:12px;height:12px}.e8__rewLabel{opacity:.74;margin-top:32px;font-size:11.5px}.e8__rewFig{letter-spacing:-.04em;align-items:center;gap:12px;margin:6px 0 0;font-size:42px;font-weight:600;display:flex}.e8__rewFig .ui-pill{color:var(--accent-contrast);background:#ffffff57}.e8__rewTiles{gap:12px;margin-top:auto;display:flex}.e8__rewTiles span{border-radius:var(--r-md);background:#fff6;flex:1;align-items:center;gap:9px;padding:13px 15px;font-size:11.5px;display:flex}.e8__rewTiles i{background:#14401f24;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.e8__rewTiles i svg{width:13px;height:13px}.e8__rewTiles b{margin-left:auto;font-size:14px;font-weight:700}.e8__spend{width:400px;top:428px;bottom:26px;left:26px}.e8-donut{place-items:center;margin:14px auto 10px;display:grid;position:relative}.e8-donut svg{width:100%;height:100%;position:absolute;inset:0}.e8-donut__t{fill:none;stroke:var(--surface-3)}.e8-donut__f{fill:none;stroke:var(--accent-400);transition:stroke-dashoffset var(--t-draw) var(--e-out)}.e8-donut__mid{text-align:center}.e8-donut__mid b{letter-spacing:-.03em;font-size:22px;font-weight:600;display:block}.e8-donut__mid i{color:var(--accent-600);font-size:11px;font-style:normal}.e8__note{color:var(--ink-2);text-align:center;font-size:11px}.e8__note b{color:var(--ink)}.e8__legend{grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:auto;display:grid}.e8__legend span{color:var(--ink-3);align-items:center;gap:7px;font-size:11px;display:flex}.e8__legend i{background:var(--surface-3);border-radius:50%;width:8px;height:8px}.e8__legend span[data-on]{color:var(--ink)}.e8__legend span[data-on] i{background:var(--accent-400)}.e8__legend b{margin-left:auto;font-weight:600}.e8__earn{width:440px;top:428px;bottom:26px;left:446px}.e8__goal{color:var(--ink-2);align-items:center;gap:8px;font-size:11px;display:inline-flex}.e8__goalTrack{border-radius:var(--r-full);background:var(--surface-3);width:60px;height:5px;display:block;overflow:hidden}.e8__goalTrack u{background:var(--accent-500);width:72%;height:100%;display:block}.e8__earnFig{letter-spacing:-.038em;margin:14px 0 2px;font-size:34px;font-weight:600}.e8-splits{flex-direction:column;gap:13px;margin:16px 0 0;padding:0;list-style:none;display:flex}.e8-splits li{transition:opacity var(--t-base) var(--e-smooth)}.e8-splits li[data-dim=true]{opacity:.42}.e8-splits__top{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.e8-splits__top b{color:var(--ink-2);font-size:11.5px;font-weight:500}.e8-splits__top i{font-size:12px;font-style:normal;font-weight:600}.e8-splits__track{border-radius:var(--r-full);background:var(--surface-2);height:7px;display:block;position:relative}.e8-splits__fill{border-radius:var(--r-full);background:var(--surface-3);width:0;transition:width var(--t-slow) var(--e-out);transition-delay:calc(var(--i) * 80ms);position:absolute;inset:0 auto 0 0}.e8-splits__fill[data-in=true]{width:var(--w)}.e8-splits__fill[data-hi=true]{background:var(--accent-400)}.e8-splits__knob{border-radius:var(--r-full);background:var(--deep);color:#fff;opacity:0;transition:left var(--t-slow) var(--e-out), opacity var(--t-base) var(--e-smooth) .6s;padding:1px 7px;font-size:9.5px;font-weight:700;position:absolute;top:-4px;left:0;transform:translate(-50%)}.e8-splits__knob[data-in=true]{left:var(--w);opacity:1}.e8__tx{inset:428px 26px 26px 906px}.e8-tx{flex-direction:column;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.e8-tx li{border:1px solid var(--line);border-radius:var(--r-md);transition:background var(--t-fast) var(--e-smooth);align-items:center;gap:10px;padding:10px 12px;display:flex}.e8-tx li:hover{background:var(--surface-2)}.e8-tx__m{width:32px;height:32px;font-family:var(--font-display);color:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.e8-tx__m[data-i="0"]{background:linear-gradient(150deg,#94b8f0,#3f5a84)}.e8-tx__m[data-i="1"]{background:linear-gradient(150deg,#9bd78a,#3d7a52)}.e8-tx__m[data-i="2"]{background:linear-gradient(150deg,#4a4a52,#15151a)}.e8-tx__m[data-i="3"]{background:linear-gradient(150deg,#e9c08a,#b98146)}.e8-tx__t{min-width:0}.e8-tx__t b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.e8-tx__t i{color:var(--accent-600);font-size:10.5px;font-style:normal}.e8-tx__a{color:var(--accent-600);margin-left:auto;font-size:12.5px;font-weight:600}.e8-tx__a[data-neg=true]{color:var(--bad-fg)}.e8-tx__acts{gap:6px;margin-left:auto;display:flex}.e8-tx__acts button{border:1px solid var(--line);background:var(--surface);width:26px;height:26px;color:var(--ink-3);transition:background var(--t-fast) var(--e-smooth), color var(--t-fast) var(--e-smooth);border-radius:50%;place-items:center;display:grid}.e8-tx__acts button svg{width:12px;height:12px}.e8-tx__acts button[data-v=ok]{background:var(--accent-300);color:var(--accent-contrast);border-color:#0000}.e8-tx__acts button:hover{background:var(--surface-3);color:var(--ink)}
