@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--primary: #e45153;--primary-dark: #c93e42;--primary-light: #fef2f2;--accent: #fcd34d;--accent-dark: #d97706;--text: #1f1f1f;--text-secondary: #4b5563;--muted: #6b7280;--bg: #f8f9fa;--card: #ffffff;--card-border: rgba(0, 0, 0, .07);--card-border-hover: rgba(228, 81, 83, .28);--card-shadow: 0 4px 20px -2px rgba(15, 23, 42, .05), 0 2px 6px -1px rgba(15, 23, 42, .03);--card-shadow-hover: 0 16px 32px -8px rgba(15, 23, 42, .1), 0 4px 12px -2px rgba(15, 23, 42, .04);--shadow: 0 18px 30px rgba(0, 0, 0, .12);--radius: 20px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--pill: 9999px;--page-transition: .26s;--theme-fade: .26s}.theme-dark{--primary: #e45153;--primary-dark: #f87171;--primary-light: rgba(228, 81, 83, .15);--accent: #fcd34d;--accent-dark: #fbbf24;--text: #f1f5f9;--text-secondary: #cbd5e1;--muted: #94a3b8;--bg: #0b1220;--card: #0f172a;--card-border: rgba(255, 255, 255, .08);--card-border-hover: rgba(228, 81, 83, .38);--card-shadow: 0 12px 32px -4px rgba(0, 0, 0, .45);--card-shadow-hover: 0 20px 40px -8px rgba(0, 0, 0, .65);--shadow: 0 22px 36px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html{overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;max-width:100%}body{margin:0;overflow-x:hidden;max-width:100%;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);min-height:100vh;position:relative;transition:background-color var(--theme-fade) ease,color var(--theme-fade) ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/bg-pattern.svg) center/cover no-repeat;pointer-events:none;z-index:-1;transform:translateZ(0)}img,svg{max-width:100%}body.theme-dark{background-color:var(--bg);color:var(--text)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.page-shell{padding:20px 32px 48px;max-width:1240px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.card{position:relative;background:var(--card);border-radius:var(--radius);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .2s ease,background-color var(--theme-fade) ease,color var(--theme-fade) ease}.theme-dark .card{background:linear-gradient(180deg,#131d31,#0f172a);border-color:var(--card-border);box-shadow:var(--card-shadow)}.panel{background:#fffc;border-radius:var(--radius);box-shadow:0 12px 22px #00000014;transition:background-color var(--theme-fade) ease,box-shadow var(--theme-fade) ease,border-color var(--theme-fade) ease,color var(--theme-fade) ease}.section-title{font-size:32px;font-weight:700;color:var(--primary);margin:0 0 8px}.subtitle{margin:0 0 16px;color:var(--muted);font-weight:500}*{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.4) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#9ca3af59;border-radius:9999px;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:#6b728099}.theme-dark *{scrollbar-color:rgba(255,255,255,.2) transparent}.theme-dark *::-webkit-scrollbar-track{background:transparent}.theme-dark *::-webkit-scrollbar-thumb{background:#fff3}.theme-dark *::-webkit-scrollbar-thumb:hover{background:#ffffff61}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:themeFadeOut}::view-transition-new(root){animation-name:themeFadeIn}@keyframes themeFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.995)}}@keyframes themeFadeIn{0%{opacity:0;transform:scale(1.005)}to{opacity:1;transform:scale(1)}}body,.card,.topbar,.modal-panel,.tab-item,.pill,.input,.theme-toggle,.balance-card,.stat-card,.chart-card,.goals-card{transition:background-color .28s cubic-bezier(.4,0,.2,1),color .22s ease,border-color .22s ease,box-shadow .28s ease}.theme-btn-topbar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--card-border, #e5e7eb);background:var(--card, #ffffff);color:var(--text, #1f2937);box-shadow:0 1px 4px #00000014;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,border-color .2s ease,color .2s ease}.theme-btn-topbar:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--primary, #e45153);color:var(--primary, #e45153);transform:translateY(-2px) scale(1.08) rotate(18deg)}.theme-btn-topbar:active{transform:translateY(0) scale(.92) rotate(-18deg)}.theme-dark .theme-btn-topbar{background:#ffffff14;border-color:#ffffff29;color:#f9fafb}.theme-btn-topbar svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.theme-dark .theme-btn-topbar svg{transform:rotate(360deg)}.table-scroll,.table-card,.goals-table-card,.goals-list,.table-responsive,.modal-body{scrollbar-width:none!important;-ms-overflow-style:none!important}.table-scroll::-webkit-scrollbar,.table-card::-webkit-scrollbar,.goals-table-card::-webkit-scrollbar,.goals-list::-webkit-scrollbar,.table-responsive::-webkit-scrollbar,.modal-body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:loadingFadeIn .25s ease-out}@keyframes loadingFadeIn{0%{opacity:0}to{opacity:1}}.loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 38px;border-radius:24px;background:var(--card)!important;box-shadow:0 20px 48px #00000024;border:1px solid var(--border, rgba(0, 0, 0, .08));min-width:280px;max-width:360px;text-align:center;position:relative;overflow:hidden}.theme-dark .loading-card{background:#0f172a!important;border-color:#ffffff1a;box-shadow:0 24px 52px #0009}.loading-mascot-box{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.loading-mascot-logo{width:72px;height:72px;object-fit:contain;animation:mascotLoadingBounce 1.1s cubic-bezier(.28,.84,.42,1) infinite alternate;filter:drop-shadow(0 8px 16px rgba(228,81,83,.28));z-index:2}.loading-mascot-coin{position:absolute;top:-8px;left:50%;margin-left:-12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:3;animation:loadingCoinDrop 1.1s cubic-bezier(.55,.055,.675,.19) infinite}.loading-mascot-shadow{position:absolute;bottom:4px;width:58px;height:8px;border-radius:50%;background:#0000001f;animation:loadingShadowScale 1.1s ease-in-out infinite alternate}.theme-dark .loading-mascot-shadow{background:#00000073}@keyframes mascotLoadingBounce{0%{transform:translateY(0) scale(1)}60%{transform:translateY(-14px) scale(1.03,.98)}to{transform:translateY(0) scale(1.02,.95)}}@keyframes loadingCoinDrop{0%{transform:translateY(-14px) scale(.6);opacity:0}35%{opacity:1;transform:translateY(-3px) scale(1)}85%{transform:translateY(22px) scale(.85);opacity:1}to{transform:translateY(28px) scale(.4);opacity:0}}@keyframes loadingShadowScale{0%{transform:scale(1);opacity:.35}to{transform:scale(.6);opacity:.15}}.loading-progress-bar{width:140px;height:4px;background:#0000000f;border-radius:999px;overflow:hidden;margin:10px 0 12px}.theme-dark .loading-progress-bar{background:#ffffff14}.loading-progress-fill{width:45%;height:100%;background:linear-gradient(90deg,#e45153,#f59e0b);border-radius:999px;animation:loadingProgressBar 1.1s ease-in-out infinite alternate}@keyframes loadingProgressBar{0%{transform:translate(-100%);width:30%}50%{width:60%}to{transform:translate(200%);width:40%}}.loading-text{font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:2px}.loading-subtext{font-size:11.5px;font-weight:500;color:var(--muted)}@keyframes loopCoinDrop{0%{transform:translate3d(0,-50px,0) rotate(0) scale(.6);opacity:0}20%{opacity:1;transform:translate3d(0,-20px,0) rotate(90deg) scale(.9)}65%{opacity:1;transform:translate3d(0,22px,0) rotate(220deg) scale(1)}85%{opacity:.8;transform:translate3d(0,48px,0) rotate(320deg) scale(.55)}to{transform:translate3d(0,65px,0) rotate(360deg) scale(.2);opacity:0}}@keyframes tossCoinArc{0%{transform:translate3d(calc(-50% + var(--coin-offset, 0px)),20px,0) scale(.5) rotate(0);opacity:0}20%{opacity:1}45%{transform:translate3d(calc(-50% + var(--coin-offset, 0px) * .5),-75px,0) scale(1.15) rotate(180deg);opacity:1}80%{transform:translate3d(-50%,10px,0) scale(.85) rotate(320deg);opacity:1}to{transform:translate3d(-50%,35px,0) scale(.2) rotate(420deg);opacity:0}}@keyframes mascotFloat{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-7px,0) rotate(-1.5deg)}}@keyframes mascotSquish{0%{transform:scale(1)}30%{transform:scale(1.16,.84) translateY(6px)}60%{transform:scale(.92,1.08) translateY(-4px)}80%{transform:scale(1.04,.98) translateY(1px)}to{transform:scale(1) translateY(0)}}@keyframes mascotShadowPulse{0%,to{transform:scale(1);opacity:.24}50%{transform:scale(.82);opacity:.14}}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes floatRewardUp{0%{transform:translate3d(calc(-50% + var(--text-offset, 0px)),12px,0) scale(.6);opacity:0}20%{transform:translate3d(calc(-50% + var(--text-offset, 0px)),-15px,0) scale(1.15);opacity:1}75%{transform:translate3d(calc(-50% + var(--text-offset, 0px)),-45px,0) scale(1);opacity:1}to{transform:translate3d(calc(-50% + var(--text-offset, 0px)),-65px,0) scale(.85);opacity:0}}@keyframes sparkleTwinkle{0%,to{transform:scale(.3) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(45deg);opacity:1}}@keyframes badgeFloatLeft{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes badgeFloatRight{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-8px) rotate(1deg)}}.theme-toggle{position:absolute;top:16px;left:16px;width:76px;height:38px;border-radius:999px;border:none;background:#e5e7eb;display:inline-flex;align-items:center;justify-content:space-between;padding:6px 10px;box-shadow:0 10px 20px #0000001f;cursor:pointer;transition:background .28s ease,box-shadow .28s ease,transform .28s ease}.theme-toggle .toggle-labels{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:14px;color:#4b5563;pointer-events:none}.theme-toggle .toggle-thumb{position:absolute;left:6px;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 8px 18px #00000024;transform:translateZ(0);transition:transform .28s cubic-bezier(.34,1.35,.64,1),background .28s ease,box-shadow .28s ease}.theme-toggle.active{background:#111827;box-shadow:0 10px 20px #0000004d}.theme-toggle.active .toggle-thumb{transform:translate3d(32px,0,0);background:#f9fafb;box-shadow:0 10px 24px #00000038}.theme-toggle .sun{color:#fbbf24}.theme-toggle .moon{color:#cbd5e1}.theme-toggle{z-index:10}.auth-page.theme-dark{background:transparent;color:#e5e7eb}.auth-page.theme-dark .card{background:#0b1323;border:1px solid #1f2937;box-shadow:0 16px 26px #00000059}.auth-page.theme-dark .auth-header h1{color:#fcd34d}.auth-page.theme-dark .brand-name{color:#f8fafc}.auth-page.theme-dark .auth-header p,.auth-page.theme-dark .auth-footer,.auth-page.theme-dark .remember,.auth-page.theme-dark .auth-row{color:#cbd5e1}.auth-page.theme-dark .input{background:#111827;border-color:#1f2937;color:#e5e7eb;box-shadow:inset 0 1px #ffffff0a}.auth-page.theme-dark .input::placeholder{color:#94a3b8}.auth-page.theme-dark .mini-link{color:#fcd34d}.auth-page.theme-dark .btn-secondary{background:#0f172a;border-color:#1f2937;color:#e5e7eb}.auth-page.theme-dark .btn-secondary:hover{background:#0b1020}.user-menu{position:absolute;top:52px;right:0;min-width:190px;padding:6px;z-index:999;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 28px #00000026;animation:fadeSlide .18s ease}.theme-dark .user-menu{background:#1e293b;border:1px solid #334155;box-shadow:0 12px 28px #00000073}.user-menu-profile{padding:8px 12px 6px;display:flex;flex-direction:column;gap:2px}.user-menu-name{font-size:13.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:#00000014;margin:4px 4px 6px}.theme-dark .user-menu-divider{background:#334155}.user-menu .menu-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 12px;background:none;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;color:var(--text);transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s ease,color .15s ease}.user-menu .menu-item:hover{background:#f3f4f6;transform:translate3d(4px,0,0)}.theme-dark .user-menu .menu-item:hover{background:#27354a}.user-menu .logout{color:#e45153}.user-menu .logout:hover{background:#e451531a;color:#dc2626;transform:translate3d(4px,0,0)}.pill,.btn-primary,.btn-secondary,.btn-danger,.btn-add,.chip-btn,.table-action-btn,.tab-item,.balance-visibility-btn,.modal-close-btn,.search-clear-btn{transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background-color .18s ease;will-change:transform}.pill:active,.btn-primary:active,.btn-secondary:active,.btn-danger:active,.btn-add:active,.chip-btn:active,.table-action-btn:active,.tab-item:active,.balance-visibility-btn:active,.modal-close-btn:active,.search-clear-btn:active{transform:scale(.92,.88) translate3d(0,1px,0)!important;transition-duration:.08s}.balance-card,.stat-card,.chart-card,.goals-card,.table-card{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .2s ease}.balance-card:hover,.stat-card:hover,.chart-card:hover,.goals-card:hover{transform:translate3d(0,-3px,0);box-shadow:0 14px 28px -6px #00000017}.theme-dark .balance-card:hover,.theme-dark .stat-card:hover,.theme-dark .chart-card:hover,.theme-dark .goals-card:hover{transform:translate3d(0,-3px,0);box-shadow:0 16px 32px -6px #00000080}.card-icon-badge{transition:transform .26s cubic-bezier(.34,1.56,.64,1),background-color .2s ease}.balance-card:hover .card-icon-badge,.stat-card:hover .card-icon-badge,.chart-card:hover .card-icon-badge,.goals-card:hover .card-icon-badge{transform:scale(1.12) rotate(4deg)}.income-card:hover{border-color:#10b98159;box-shadow:0 12px 24px -4px #10b9811f}.income-card:hover .card-icon-badge{transform:scale(1.12) rotate(-4deg)}.expense-card:hover{border-color:#e4515359;box-shadow:0 12px 24px -4px #e451531f}.expense-card:hover .card-icon-badge{transform:scale(1.12) rotate(4deg)}.stat-card .value{transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:inline-block;transform-origin:left center;will-change:transform}.stat-card:hover .value{transform:scale(1.025)}.balance-card-header{display:flex;justify-content:space-between;align-items:center}.balance-visibility-btn{background:#0000000a;border:1px solid rgba(0,0,0,.07);width:34px;height:34px;border-radius:10px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.balance-visibility-btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.balance-visibility-btn:hover{background:#e4515314;border-color:#e4515340;color:var(--primary);transform:translate3d(0,-1.5px,0) scale(1.08);box-shadow:0 4px 10px #e451531f}.balance-visibility-btn:hover svg{transform:scale(1.2)}.balance-visibility-btn.is-hidden{background:#f59e0b1a;border-color:#f59e0b40;color:#d97706}.balance-visibility-btn.is-hidden:hover{background:#f59e0b29;border-color:#f59e0b66;color:#b45309;box-shadow:0 4px 12px #f59e0b33}.theme-dark .balance-visibility-btn{background:#ffffff0d;border-color:#ffffff14;color:#94a3b8}.theme-dark .balance-visibility-btn:hover{background:#f8717124;border-color:#f8717147;color:#f87171;box-shadow:0 4px 12px #f8717133}.theme-dark .balance-visibility-btn.is-hidden{background:#fbbf241f;border-color:#fbbf2440;color:#fbbf24}.theme-dark .balance-visibility-btn.is-hidden:hover{background:#fbbf2433;border-color:#fbbf2473;color:#fde68a;box-shadow:0 4px 14px #fbbf2438}.balance-card.balance-mascot-card{display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative;background-color:var(--card)!important;box-shadow:var(--card-shadow, var(--shadow))}.theme-dark .balance-card.balance-mascot-card{background-color:#0f172a!important;box-shadow:0 16px 36px #00000080;border-color:#ffffff14}.card-badge-row{display:inline-flex;align-items:center;gap:8px}.balance-visibility-btn.inline-btn{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:8px;padding:0;margin-left:4px}.balance-card-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.balance-savings-motto{font-size:13px;font-weight:500;color:var(--muted);display:inline-flex;align-items:center;gap:6px;margin-top:2px}.balance-savings-motto .sparkle-icon{color:#f59e0b;display:inline-block;animation:sparkleTwinkle 2.8s ease-in-out infinite;will-change:transform}@keyframes sparkleTwinkle{0%,to{transform:scale(1) rotate(0);opacity:.85}50%{transform:scale(1.25) rotate(14deg);opacity:1}}.balance-mascot-widget{position:relative;width:110px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.balance-mascot-widget:hover{transform:scale(1.06)}.balance-mascot-widget:active{transform:scale(.96)}.balance-mascot-widget.squish .mascot-pocket-img{animation:mascotSquish .45s cubic-bezier(.175,.885,.32,1.275)}.balance-mascot-widget .mascot-pocket-img{width:82px;height:auto;max-height:68px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(228,81,83,.28))}.balance-mascot-widget .mascot-shadow{width:68px;height:9px}.balance-mascot-counter-pill{position:absolute;bottom:-4px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#fef3c7f2;border:1px solid rgba(245,158,11,.4);font-size:11px;font-weight:800;color:#92400e;box-shadow:0 2px 8px #00000014;white-space:nowrap;pointer-events:none}.theme-dark .balance-mascot-counter-pill{background:#2d1a0ce6;border-color:#f59e0b80;color:#fde68a}.balance-visibility-btn .icon-eye{transition:transform .2s cubic-bezier(.16,1,.3,1)}.balance-visibility-btn:hover .icon-eye{transform:scale(1.08)}.pill{border-radius:var(--pill);padding:10px 18px;font-weight:600}.topbar{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;margin-bottom:24px;background:linear-gradient(135deg,#e45153,#d83c3e);color:#fff;box-shadow:0 4px 18px #e4515338;border-bottom:1px solid rgba(255,255,255,.12);transition:background-color var(--theme-fade) ease,color var(--theme-fade) ease,box-shadow var(--theme-fade) ease}.topbar-inner{width:100%;max-width:none;display:flex;align-items:center;justify-content:space-between;position:relative;gap:14px}.brand{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin-right:14px;vertical-align:middle}.brand-btn{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;text-align:inherit;display:inline-flex;align-items:center;cursor:pointer;line-height:1;vertical-align:middle;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.brand-btn:hover{transform:scale(1.03)}.brand-btn:active{transform:scale(.95)}.brand-btn:hover .brand-logo{animation:cuteLogoWobble .55s cubic-bezier(.34,1.56,.64,1)}@keyframes cuteLogoWobble{0%,to{transform:rotate(0) scale(1)}30%{transform:rotate(-9deg) scale(1.12)}65%{transform:rotate(6deg) scale(1.08)}}.brand-logo{width:44px;height:36px;object-fit:contain;display:block;flex-shrink:0;margin-right:0;vertical-align:middle;transition:transform .28s cubic-bezier(.34,1.56,.64,1);will-change:transform}.brand-title{font-weight:800;font-size:20px;line-height:1;letter-spacing:-.015em;display:inline-flex;align-items:center;margin:0;padding:0}.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:16px}.theme-btn-topbar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--card-border, #e5e7eb);background:var(--card, #ffffff);color:var(--text, #1f2937);box-shadow:0 1px 4px #00000014;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.theme-btn-topbar:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--primary, #e45153);color:var(--primary, #e45153);transform:translateY(-1px) scale(1.05)}.theme-dark .theme-btn-topbar{background:#ffffff14;border-color:#ffffff29;color:#f9fafb;box-shadow:0 1px 4px #0000004d}.theme-dark .theme-btn-topbar:hover{background:#ffffff29;color:#fbbf24}.user-wrap{position:relative}.user-pill{border:none;font:inherit;color:inherit;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;background:#ffffff20;border-radius:999px;cursor:pointer;transition:background .15s ease,transform .15s ease}.user-pill:hover,.user-pill.open{background:#fff3;transform:translateY(-1px)}.user-pill-chevron{transition:transform .2s ease;opacity:.8}.user-pill.open .user-pill-chevron{transform:rotate(180deg)}.avatar{width:38px;height:38px;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;object-position:center;box-sizing:border-box;background:#fff;display:grid;place-items:center;font-weight:700;transition:transform .28s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.avatar.placeholder{color:#e45153}.user-pill:hover .avatar{transform:scale(1.1) rotate(6deg)}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-name{font-weight:700;font-size:14px}.mini-link{border:none;background:none;color:inherit;font-weight:700;cursor:pointer}.mini-link.white{color:#fff}.page{padding:8px 6px 36px}.page-transition,.auth-page{animation:fadeSlide var(--page-transition) ease}.dashboard .hero-title{margin-bottom:18px}.label{color:#4b5563;font-weight:700;margin-bottom:8px}.value{font-size:32px;font-weight:800;color:#1f2937}.theme-dark .card,.theme-dark .panel{background:var(--card);border:1px solid #1f2937;box-shadow:var(--shadow)}.theme-dark .topbar{background:linear-gradient(135deg,#111827,#0b1220 60%,#0f172a);color:#fff}.theme-dark .section-title{color:var(--accent)}.theme-dark .subtitle,.theme-dark .muted,.theme-dark .filter-label{color:var(--muted)}.demo-persistent-banner{background:linear-gradient(90deg,#1f2937,#111827);color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:0;z-index:1000;border-bottom:2px solid var(--accent);box-shadow:0 4px 14px #0003;font-size:.88rem}.demo-banner-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-banner-badge{background:var(--accent);color:#1f1f1f;font-weight:800;font-size:.75rem;letter-spacing:.8px;padding:3px 8px;border-radius:var(--pill)}.demo-banner-text{color:#e5e7eb}.demo-banner-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.demo-banner-btn{padding:6px 14px;border-radius:var(--pill);font-size:.82rem;font-weight:700;cursor:pointer;border:none;transition:all .2s ease}.demo-banner-primary{background:var(--primary);color:#fff}.demo-banner-primary:hover{background:var(--primary-dark)}.demo-banner-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.demo-banner-secondary:hover{background:#ffffff40}@media (max-width: 640px){.demo-persistent-banner{flex-direction:column;align-items:flex-start;padding:8px 14px}}.theme-dark .label,.theme-dark .goal-name{color:#cbd5e1}.theme-dark .value,.theme-dark .goal-amount,.theme-dark .user-name{color:#f8fafc}.theme-dark .input{background:#111827;border-color:#1f2937;color:#e5e7eb;box-shadow:inset 0 1px #ffffff0a}.theme-dark .input::placeholder{color:#94a3b8}.theme-dark .btn-secondary{background:#0f172a;border-color:#1f2937;color:#e5e7eb}.theme-dark .btn-secondary:hover{background:#0b1323}.theme-dark .table thead th{background:#1f2937;color:#e5e7eb}.theme-dark .table tbody td{background:#0f172a;color:#e5e7eb;border-color:#1f2937}.theme-dark .badge.income{background:#0b4c7a;color:#cde7ff}.theme-dark .badge.expense{background:#3b0a0a;color:#fca5a5}.theme-dark .progress-shell{background:#ffffff14;box-shadow:inset 0 2px 4px #00000059}.theme-dark .user-menu .menu-item:hover{background:#111827}.theme-dark .user-menu .logout{color:#fff}.theme-dark .user-menu .menu-item{color:#f8fafc}.theme-dark a,.theme-dark .primary-link,.theme-dark .mini-link{color:#fcd34d}.muted{color:#6b7280;font-weight:600}.balance-card,.stat-card,.chart-card,.goals-card{position:relative;overflow:hidden;border-radius:var(--radius, 20px);padding:22px 24px 20px;background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .2s ease;min-width:0}.balance-card:hover,.stat-card:hover,.chart-card:hover,.goals-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.balance-card{background:radial-gradient(circle at 5% 15%,rgba(228,81,83,.04) 0%,transparent 60%),var(--card);margin-bottom:20px}.theme-dark .balance-card,.theme-dark .stat-card,.theme-dark .chart-card,.theme-dark .goals-card{background:linear-gradient(180deg,#131d31,#0f172a);border-color:#ffffff14;box-shadow:var(--card-shadow)}.theme-dark .balance-card{background:radial-gradient(circle at 5% 15%,rgba(228,81,83,.08) 0%,transparent 60%),linear-gradient(180deg,#142036,#0f172a)}.dashboard-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0}.quick-link-card{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:var(--radius-lg, 20px);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all .22s cubic-bezier(.16,1,.3,1)}.quick-link-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--card-shadow-hover)}.quick-link-card:active{transform:translateY(0)}.quick-link-arrow{font-size:.95rem;color:var(--primary);font-weight:700;transition:transform .2s ease}.quick-link-card:hover .quick-link-arrow{transform:translate(4px)}.balance-card:before,.stat-card.income-card:before,.stat-card.expense-card:before,.chart-card:before,.goals-card:before,.table-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-top-left-radius:var(--radius, 20px);border-top-right-radius:var(--radius, 20px);opacity:.85;pointer-events:none;z-index:2}.theme-dark .balance-card:before,.theme-dark .stat-card.income-card:before,.theme-dark .stat-card.expense-card:before,.theme-dark .chart-card:before,.theme-dark .goals-card:before,.theme-dark .table-card:before{opacity:.95}.balance-card:before{background:linear-gradient(90deg,#e45153,#f59e0b)}.stat-card.income-card:before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card.expense-card:before{background:linear-gradient(90deg,#f43f5e,#fb7185)}.chart-card:before{background:linear-gradient(90deg,#10b981,#3b82f6,#f43f5e)}.goals-card:before,.goals-table-card:before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.table-card:before{background:linear-gradient(90deg,#3b82f6,#6366f1)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.grid-2>*{min-width:0}.chart-block{margin-top:16px}.chart-card{max-width:100%}.goals-card{display:flex;flex-direction:column}.goals-card .goal-item+.goal-item{margin-top:12px}.goal-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px}.goal-name{color:#4b5563}.goal-amount{color:#1f2937}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.page-header-actions{display:flex;align-items:center;gap:8px}.page-header-row .section-title{margin:0 0 4px}.page-header-row .subtitle{margin:0}.page-header-row .btn-add{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;border-radius:999px;background:var(--primary);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 14px #e4515359;transition:transform .12s ease,box-shadow .12s ease,background .15s ease;flex-shrink:0}.page-header-row .btn-add:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 18px #e4515373}.toolbar{display:flex;gap:14px;align-items:center;margin:12px 0 16px;flex-wrap:wrap}.toolbar.transactions-toolbar{justify-content:space-between}.toolbar.goals-toolbar{justify-content:flex-start}.toolbar .search-box{flex:1;max-width:360px;min-width:220px}.goals-toolbar .search-box{max-width:440px}.toolbar-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-group{display:inline-flex;align-items:center;gap:8px}.filter-label{font-weight:700;font-size:13px;color:#4b5563;transition:color var(--theme-fade) ease}.theme-dark .filter-label{color:#94a3b8}.search-box{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--card);border:1.5px solid #e5e7eb;box-shadow:0 2px 6px #0000000a;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color var(--theme-fade) ease,color var(--theme-fade) ease,border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:var(--primary);box-shadow:0 4px 14px #e4515324;transform:translate3d(0,-1px,0)}.search-box .pill-input{border:none;background:transparent;padding:0;width:100%;font-size:13.5px;color:var(--text);outline:none;box-shadow:none}.theme-dark .search-box{background:#0f172a;color:#e5e7eb;border:1px solid #1f2937}.theme-dark .search-box span{color:#94a3b8}.table-card{position:relative;overflow:hidden;border-radius:var(--radius, 20px);background:var(--card);box-shadow:var(--card-shadow, 0 4px 20px rgba(0, 0, 0, .04));border:1px solid var(--card-border, rgba(0, 0, 0, .06));display:flex;flex-direction:column;padding:0;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .2s ease}.theme-dark .table-card{background:linear-gradient(180deg,#131d31,#0f172a);border-color:#ffffff14;box-shadow:var(--card-shadow, 0 12px 32px -4px rgba(0, 0, 0, .45))}.table-card .table-scroll{max-height:480px;overflow-y:auto;width:100%;border-radius:inherit;padding:0}.table-card .table-scroll table{width:100%;border-collapse:collapse;border-spacing:0}.table thead th{position:sticky;top:0;background:#e5e7eb;z-index:1}.table tbody td.actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.goals-table-card .table-scroll{max-height:420px}.auth-top-nav{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;width:100%}.auth-top-nav .auth-back-link,.auth-top-nav a,.auth-top-nav .mini-link{display:inline-flex;align-items:center;text-decoration:none;font-size:.88rem;font-weight:600;color:var(--primary);line-height:1;background:none;border:none;padding:0;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.auth-top-nav .auth-back-link:hover,.auth-top-nav a:hover,.auth-top-nav .mini-link:hover{opacity:.8;transform:translate(-2px)}.auth-top-actions{display:inline-flex;align-items:center;gap:10px}.auth-top-actions .auth-theme-toggle,.auth-theme-toggle{position:static;margin:0;flex-shrink:0}.auth-top-nav .brand{margin-right:0;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-top-nav .brand img{display:block}.auth-top-nav .brand-name{font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--text);line-height:1;transition:color .2s ease}.auth-page{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));min-height:100vh;align-items:center;justify-items:center;max-width:1200px;margin:0 auto;gap:32px;padding:36px 24px;animation:fadeSlide var(--page-transition) ease;position:relative;background:transparent;box-sizing:border-box}.auth-panel{padding:32px 28px;max-width:480px;width:100%;border-radius:24px}.auth-header{text-align:center}.auth-header h1{margin:0 0 6px;font-size:32px;letter-spacing:1px}.auth-header p{margin:0 0 20px;color:#6b7280;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-form label{font-weight:700}.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#4b5563}.remember{display:flex;align-items:center;gap:6px}.auth-submit{margin-top:8px;width:100%;text-align:center}.auth-submit.google{display:flex;align-items:center;justify-content:center;gap:8px}.google-icon{font-weight:800;color:#db4437;font-size:18px}.password-wrap{position:relative}.password-wrap .eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:color .15s ease,transform .12s ease}.password-wrap .eye:hover{color:var(--primary);transform:translateY(-50%) scale(1.08)}.theme-dark .password-wrap .eye{color:#94a3b8}.theme-dark .password-wrap .eye:hover{color:#f87171}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}.auth-footer{margin-top:10px;text-align:center;color:#6b7280}.primary-link{color:var(--primary);font-weight:800}.auth-hero{display:grid;place-items:center;position:relative}.auth-hero.left{order:-1}.hero-logo{width:min(422px,100%);height:auto;max-height:280px;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.2))}.card-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-badge-row .label{margin-bottom:0;font-size:13.5px;font-weight:700}.card-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.card-icon-badge.balance{background:#e451531f;color:#e45153;position:relative}.card-icon-badge.balance:after{content:"";position:absolute;top:-1px;right:-1px;width:7px;height:7px;background:#10b981;border:1.5px solid #ffffff;border-radius:50%;animation:liveBadgePulse 2.4s cubic-bezier(.4,0,.6,1) infinite}.theme-dark .card-icon-badge.balance:after{border-color:#1a2234}@keyframes liveBadgePulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 6px #10b981cc}}.card-icon-badge.income{background:#10b98124;color:#10b981}.card-icon-badge.expense{background:#ef444424;color:#ef4444}.card-icon-badge.target{background:#f59e0b24;color:#f59e0b}.card-icon-badge.chart-icon-badge{background:#3b82f624;color:#3b82f6}.income-text{color:#10b981!important}.expense-text{color:#ef4444!important}.goals-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.goals-count-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#f59e0b26;color:#d97706}.theme-dark .goals-count-badge{background:#f59e0b40;color:#fbbf24}.goals-list{display:flex;flex-direction:column;gap:12px}.goal-meta-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:11.5px}.goal-percent-text{font-weight:700;color:#10b981}.goal-type-badge{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:6px;background:#0000000d;color:var(--muted)}.theme-dark .goal-type-badge{background:#ffffff14;color:#94a3b8}.table-cell-bold,.goal-target-val{font-weight:700;color:var(--text)}.actions-header{text-align:right;padding-right:16px}.table tbody td.actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.table-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#00000005;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.table-action-btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.table-action-btn:hover{transform:translate3d(0,-1.5px,0)}.table-action-btn.view:hover{background:#0ea5e91f;border-color:#0ea5e94d;color:#0284c7}.table-action-btn.view:hover svg{transform:scale(1.22)}.table-action-btn.edit:hover{background:#f59e0b1f;border-color:#f59e0b4d;color:#d97706}.table-action-btn.edit:hover svg{transform:rotate(18deg) scale(1.15)}.table-action-btn.delete:hover{background:#ef44441f;border-color:#ef44444d;color:#dc2626}.table-action-btn.delete:hover svg{transform:rotate(-16deg) scale(1.15)}.theme-dark .table-action-btn{border-color:#334155;background:#ffffff0a;color:#cbd5e1}.theme-dark .table-action-btn.view:hover{background:#0ea5e933;border-color:#0284c7;color:#38bdf8}.theme-dark .table-action-btn.edit:hover{background:#f59e0b33;border-color:#d97706;color:#fbbf24}.theme-dark .table-action-btn.delete:hover{background:#ef444433;border-color:#dc2626;color:#f87171}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;text-align:center;color:var(--muted)}.empty-icon{opacity:.55;margin-bottom:8px;animation:emptyIconFloat 3.2s ease-in-out infinite;will-change:transform}.empty-state:hover .empty-icon{animation:cuteEmptyWiggle .65s cubic-bezier(.34,1.56,.64,1)}@keyframes cuteEmptyWiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-14deg) scale(1.18)}55%{transform:rotate(10deg) scale(1.12)}}@keyframes emptyIconFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}.empty-text{font-weight:700;font-size:14.5px;margin:0 0 4px;color:var(--text)}.empty-sub{font-size:12.5px;margin:0;color:var(--muted)}.empty-table-cell{padding:24px!important;text-align:center}.toolbar-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-add{display:inline-flex;align-items:center;gap:6px;font-weight:700}.btn-add svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-add:hover svg{transform:rotate(90deg) scale(1.18)}.btn-add.btn-primary{background:#e45153;color:#fff;border:none;cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),background-color .15s ease}.btn-add.btn-primary:hover{background:#cc3c3e;transform:translate3d(0,-1.5px,0);box-shadow:0 8px 18px #e4515347}.search-clear-btn{background:none;border:none;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:3px;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .15s ease,color .15s ease}.search-clear-btn:hover{background:#e4515326;color:#e45153;transform:rotate(90deg) scale(1.18)}.quick-amounts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.chip-btn{border:1px solid rgba(0,0,0,.1);background:#00000008;color:var(--text);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .15s ease,border-color .15s ease,color .15s ease}.chip-btn:hover{background:#e451531f;border-color:#e451534d;color:#e45153;transform:translate3d(0,-1.5px,0) scale(1.05)}.theme-dark .chip-btn{border-color:#334155;background:#ffffff0d;color:#cbd5e1}.theme-dark .chip-btn:hover{background:#e4515333;border-color:#e45153;color:#ff8587}.chart-wrapper{display:flex;flex-direction:column;width:100%;min-width:0}.chart-legend-kpi{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin-bottom:14px;padding:8px 12px;background:#00000006;border-radius:14px;border:1px solid rgba(0,0,0,.04)}.theme-dark .chart-legend-kpi{background:#ffffff09;border-color:#ffffff0f}.chart-kpi-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chart-controls-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chart-kpi-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid transparent;background:transparent;cursor:pointer;font-family:inherit;font-size:12px;line-height:1.2;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.chart-kpi-chip:hover{transform:translateY(-1px)}.chart-kpi-chip.income{background:#10b98117;border-color:#10b98147;color:#065f46}.theme-dark .chart-kpi-chip.income{background:#10b98129;border-color:#10b98161;color:#6ee7b7}.chart-kpi-chip.expense{background:#f43f5e17;border-color:#f43f5e47;color:#9f1239}.theme-dark .chart-kpi-chip.expense{background:#f43f5e29;border-color:#f43f5e61;color:#fda4af}.chart-kpi-chip.is-muted{opacity:.36;filter:grayscale(.9);background:#00000008;border-color:#0000001a;text-decoration:line-through}.theme-dark .chart-kpi-chip.is-muted{background:#ffffff08;border-color:#ffffff1a}.chart-kpi-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.income-dot{background-color:#10b981;box-shadow:0 0 6px #10b981b3}.expense-dot{background-color:#f43f5e;box-shadow:0 0 6px #f43f5eb3}.chart-kpi-name{font-weight:500;opacity:.85}.chart-kpi-val{font-weight:700}.chart-net-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.2px}.chart-net-pill.is-positive{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.22)}.theme-dark .chart-net-pill.is-positive{background:#10b98133;color:#34d399;border-color:#10b98159}.chart-net-pill.is-negative{background:#f43f5e1f;color:#be123c;border:1px solid rgba(244,63,94,.22)}.theme-dark .chart-net-pill.is-negative{background:#f43f5e33;color:#fb7185;border-color:#f43f5e59}.chart-shape-switch{display:inline-flex;align-items:center;background:#0000000d;padding:2px;border-radius:999px;gap:2px;border:1px solid rgba(0,0,0,.05)}.theme-dark .chart-shape-switch{background:#ffffff0f;border-color:#ffffff14}.chart-shape-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.chart-shape-btn svg{flex-shrink:0}.chart-shape-btn:hover{color:var(--text)}.chart-shape-btn.active{background:#fff;color:#0f172a;box-shadow:0 2px 5px #00000014}.theme-dark .chart-shape-btn.active{background:#1e293b;color:#f8fafc;box-shadow:0 2px 6px #0006}.chart-canvas-wrap{position:relative;width:100%;max-width:100%;min-width:0;height:300px;min-height:250px}.chart-empty-badge{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px dashed rgba(0,0,0,.15);font-size:12px;font-weight:600;color:var(--muted);pointer-events:none;z-index:2;box-shadow:0 4px 12px #0000000a;white-space:nowrap}.theme-dark .chart-empty-badge{background:#0f172ae0;border-color:#ffffff2e;color:#94a3b8}.notfound-container{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.notfound-card{max-width:520px;width:100%;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-xl, 24px);box-shadow:var(--card-shadow);padding:48px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .25s ease,box-shadow .25s ease}.notfound-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.notfound-logo-wrap{width:72px;height:72px;border-radius:50%;background:#e4515314;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.notfound-logo{width:44px;height:44px}.notfound-code{font-size:5rem;font-weight:800;line-height:1;letter-spacing:-2px;background:linear-gradient(135deg,#e45153,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.notfound-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 12px}.notfound-desc{color:var(--muted);font-size:.95rem;line-height:1.6;margin:0 0 28px;max-width:420px}.notfound-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%}.notfound-btn-primary{padding:12px 24px;border-radius:var(--pill);background:#e45153;color:#fff;font-weight:600;font-size:.92rem;text-decoration:none;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;box-shadow:0 4px 14px #e4515347}.notfound-btn-primary:hover{background:#cc3c3e;transform:translateY(-2px);box-shadow:0 6px 18px #e4515361}.notfound-btn-secondary{padding:12px 22px;border-radius:var(--pill);background:transparent;border:1px solid var(--card-border);color:var(--text);font-weight:600;font-size:.92rem;text-decoration:none;transition:transform .18s ease,border-color .18s ease,color .18s ease}.notfound-btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.svg-coin{filter:drop-shadow(0 3px 6px rgba(180,83,9,.35));transform-origin:center;-webkit-user-select:none;user-select:none}.savings-hero-stage{position:relative;width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:10px;-webkit-user-select:none;user-select:none}.savings-hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(228,81,83,.24) 0%,rgba(251,191,36,.16) 45%,transparent 70%);filter:blur(34px);pointer-events:none;z-index:0}.hero-mascot-center{position:relative;width:350px;height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hero-mascot-center:hover{transform:scale(1.04)}.hero-mascot-center:active{transform:scale(.97)}.hero-mascot-body{position:relative;display:flex;flex-direction:column;align-items:center;animation:mascotFloat 3.8s ease-in-out infinite;will-change:transform}.hero-mascot-img{width:300px;height:auto;max-height:245px;object-fit:contain;filter:drop-shadow(0 20px 32px rgba(228,81,83,.32));transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hero-mascot-center.squish .hero-mascot-img,.mascot-interactive-area.squish .mascot-pocket-img{animation:mascotSquish .45s cubic-bezier(.175,.885,.32,1.275)}.hero-mascot-shadow,.mascot-shadow{width:210px;height:20px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.24) 0%,transparent 75%);margin-top:2px;animation:mascotShadowPulse 3.8s ease-in-out infinite}.hero-mascot-hint{position:absolute;bottom:0;background:#fffffffa;padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:700;color:#e45153;box-shadow:0 4px 12px #e4515333;border:1px solid rgba(228,81,83,.25);animation:hintBounce 2.6s ease-in-out infinite;pointer-events:none;white-space:nowrap;will-change:transform}.theme-dark .hero-mascot-hint{background:#1e293bfa;color:#fca5a5;border-color:#ef44444d}.hero-floating-badge{position:absolute;display:flex;align-items:center;gap:8px;padding:7px 12px;background:#fffffffa;border:1px solid rgba(229,231,235,.9);border-radius:14px;box-shadow:0 8px 20px #00000014;z-index:3;pointer-events:none;will-change:transform}.theme-dark .hero-floating-badge{background:#1e293bfa;border-color:#334155e6;box-shadow:0 8px 20px #00000059}.hero-floating-badge.badge-left{top:18%;left:-32px;animation:badgeFloatLeft 4.5s ease-in-out infinite}.hero-floating-badge.badge-right{top:36%;right:-32px;animation:badgeFloatRight 4.2s ease-in-out infinite .6s}.hero-floating-badge .badge-icon{font-size:20px}.hero-floating-badge .badge-title{font-size:11px;color:var(--muted);font-weight:600}.hero-floating-badge .badge-sub{font-size:12.5px;font-weight:800;color:#10b981}.hero-floating-badge.badge-right .badge-sub{color:#e45153}.loop-coin{position:absolute;pointer-events:none;z-index:3}.loop-coin-1{top:15px;left:48%;animation:loopCoinDrop 3.2s cubic-bezier(.5,0,.75,.25) infinite}.loop-coin-2{top:10px;left:36%;animation:loopCoinDrop 3.6s cubic-bezier(.5,0,.75,.25) infinite 1.2s}.loop-coin-3{top:12px;left:60%;animation:loopCoinDrop 3.4s cubic-bezier(.5,0,.75,.25) infinite 2.3s}.tossed-coin{position:absolute;top:55%;left:50%;pointer-events:none;z-index:5;animation:tossCoinArc .85s cubic-bezier(.2,.9,.3,1) forwards}.floating-reward-text{position:absolute;top:25%;left:50%;transform:translate(-50%);font-weight:800;font-size:13.5px;color:#059669;background:#fff;padding:4px 12px;border-radius:999px;box-shadow:0 6px 16px #10b9814d;border:1.5px solid #10b981;pointer-events:none;z-index:6;white-space:nowrap;animation:floatRewardUp 1.1s ease-out forwards}.theme-dark .floating-reward-text{background:#0f172a;color:#34d399;border-color:#059669}.hero-sparkles,.mascot-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.sparkle{position:absolute;font-size:18px;animation:sparkleTwinkle 2.8s ease-in-out infinite}.sparkle.s1{top:25%;left:16%;animation-delay:.2s}.sparkle.s2{top:15%;right:18%;animation-delay:1.1s}.sparkle.s3{bottom:35%;right:12%;animation-delay:1.9s}.sparkle.s4{bottom:40%;left:14%;animation-delay:2.4s}.hero-mascot-footer{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;z-index:2}.hero-counter-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--card-bg, #ffffff);border:1px solid rgba(229,231,235,.8);border-radius:999px;font-size:12.5px;color:var(--text);box-shadow:0 4px 12px #0000000d}.theme-dark .hero-counter-pill{background:#1e293b;border-color:#334155b3}.hero-quote-card{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fef3c7cc;border:1px solid rgba(251,191,36,.4);border-radius:12px;font-size:12px;font-weight:600;color:#92400e;max-width:380px;text-align:center;transition:all .3s ease}.theme-dark .hero-quote-card{background:#451a0366;border-color:#b4530980;color:#fde68a}.koiny-svg{filter:drop-shadow(0 6px 14px rgba(217,119,6,.3));transform-origin:center center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.koiny-floating-container{position:relative;display:flex;justify-content:center;align-items:center;animation:koinyFloat 3.4s ease-in-out infinite;will-change:transform;overflow:visible!important}.koiny-ground-shadow{width:58px;height:9px;background:radial-gradient(ellipse,rgba(0,0,0,.22) 0%,transparent 75%);border-radius:50%;margin:3px auto 0;animation:koinyShadowPulse 3.4s ease-in-out infinite}.theme-dark .koiny-ground-shadow{background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 75%)}.koiny-spinning{animation:koinySpinJump .7s cubic-bezier(.34,1.56,.64,1)!important}.koiny-eyes{transform-origin:60px 55px;animation:koinyEyeBlink 4.2s ease-in-out infinite}.koiny-hand-left{transform-origin:22px 62px;animation:koinyHandWave 2.2s ease-in-out infinite}.koiny-sparkle-1{transform-origin:24px 19px;animation:koinyStarSparkle 2.6s ease-in-out infinite}.koiny-sparkle-2{transform-origin:99px 23px;animation:koinyStarSparkle 3s ease-in-out infinite .8s}.koiny-heart-pop{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 18px #f43f5e80,0 2px 6px #0000001f;pointer-events:none;animation:koinyPopHeart 1.3s cubic-bezier(.16,1,.3,1) forwards;z-index:9999!important;border:1.5px solid rgba(255,255,255,.85);letter-spacing:.02em}@keyframes koinyFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-9px,0)}}@keyframes koinyShadowPulse{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(.72);opacity:.16}}@keyframes koinyEyeBlink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes koinyHandWave{0%,to{transform:rotate(0)}50%{transform:rotate(-16deg)}}@keyframes koinyStarSparkle{0%,to{transform:scale(.65) rotate(0);opacity:.35}50%{transform:scale(1.18) rotate(70deg);opacity:1}}@keyframes koinySpinJump{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.22) translateY(-14px) rotate(-14deg)}75%{transform:scale(1.1) translateY(-6px) rotate(374deg)}to{transform:scale(1) translateY(0) rotate(360deg)}}@keyframes koinyPopHeart{0%{opacity:0;transform:translate3d(-50%,8px,0) scale(.65)}15%{opacity:1;transform:translate3d(-50%,-4px,0) scale(1.08)}70%{opacity:1;transform:translate3d(-50%,-10px,0) scale(1)}to{opacity:0;transform:translate3d(-50%,-18px,0) scale(.92)}}.dashboard-loading{pointer-events:none}.card-is-loading{position:relative;overflow:hidden;pointer-events:none}.shimmer-bone{position:relative;overflow:hidden;background:#00000012;border-radius:8px;display:block}.theme-dark .shimmer-bone{background:#ffffff14}.shimmer-bone:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%);animation:shimmerSweep 1.5s infinite ease-in-out;will-change:transform}.theme-dark .shimmer-bone:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%)}@keyframes shimmerSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stat-card-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.stat-card-main{flex:1;min-width:0}.card-cute-pill{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.01em;margin-left:2px;-webkit-user-select:none;user-select:none}.balance-pill{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.28)}.theme-dark .balance-pill{background:#f59e0b2e;color:#fde047;border-color:#f59e0b59}.income-pill{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.28)}.theme-dark .income-pill{background:#10b9812e;color:#6ee7b7;border-color:#10b98159}.expense-pill{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.25)}.theme-dark .expense-pill{background:#ef44442e;color:#fca5a5;border-color:#ef444459}.chart-pill{background:#3b82f61a;color:#1d4ed8;border:1px solid rgba(59,130,246,.25)}.theme-dark .chart-pill{background:#3b82f62e;color:#93c5fd;border-color:#3b82f659}.goals-pill{background:#a855f71a;color:#7e22ce;border:1px solid rgba(168,85,247,.25)}.theme-dark .goals-pill{background:#a855f72e;color:#d8b4fe;border-color:#a855f759}.chart-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.stat-mascot{display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0,0,0,.08));transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s ease}.stat-mascot .stat-mascot-svg{display:block;flex-shrink:0;transition:width .2s ease,height .2s ease}.stat-mascot:hover{transform:translateY(-3px) scale(1.08);filter:drop-shadow(0 6px 12px rgba(0,0,0,.14))}.stat-mascot:active{transform:scale(.95)}.pundi-floating-coin{animation:pundiCoinFloat 2.4s ease-in-out infinite alternate;transform-origin:32px 11px;will-change:transform}@keyframes pundiCoinFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4.5px) scale(1.04)}}.pundi-leaf-left{animation:pundiLeafSwayLeft 3s ease-in-out infinite alternate;transform-origin:32px 26px;will-change:transform}@keyframes pundiLeafSwayLeft{0%{transform:rotate(0)}to{transform:rotate(-7deg)}}.pundi-leaf-right{animation:pundiLeafSwayRight 2.7s ease-in-out infinite alternate;transform-origin:32px 22px;will-change:transform}@keyframes pundiLeafSwayRight{0%{transform:rotate(0)}to{transform:rotate(6deg)}}.pundi-shadow{animation:pundiShadowScale 2.4s ease-in-out infinite alternate;transform-origin:32px 58px;will-change:transform,opacity}@keyframes pundiShadowScale{0%{transform:scale(1);opacity:.12}to{transform:scale(.85);opacity:.07}}.hematy-body-group{animation:hematyBreathe 2.8s ease-in-out infinite alternate;transform-origin:32px 48px;will-change:transform}@keyframes hematyBreathe{0%{transform:translateY(0) scale(1)}to{transform:translateY(-2.5px) scale(1.02,.98)}}.hematy-receipt-arm{animation:hematyReceiptWobble 3.2s ease-in-out infinite alternate;transform-origin:43px 45px;will-change:transform}@keyframes hematyReceiptWobble{0%{transform:rotate(0)}to{transform:rotate(-5deg)}}.hematy-pupil{animation:hematyBlink 4.5s infinite;transform-origin:center;will-change:transform}@keyframes hematyBlink{0%,93%,97%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}.hematy-shadow{animation:hematyShadowScale 2.8s ease-in-out infinite alternate;transform-origin:32px 58px;will-change:transform,opacity}@keyframes hematyShadowScale{0%{transform:scale(1);opacity:.12}to{transform:scale(.88);opacity:.07}}@media print{.floating-mascot-container{display:none!important}}.floating-mascot-container{position:fixed;bottom:24px;right:24px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;-webkit-user-select:none;user-select:none}.pocky-trigger-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 8px 16px rgba(16,185,129,.28))}.pocky-trigger-btn:hover{transform:scale(1.08) translateY(-2px);filter:drop-shadow(0 12px 22px rgba(16,185,129,.4))}.pocky-trigger-btn:active{transform:scale(.94)}.pocky-svg{width:68px;height:72px;overflow:visible;display:block;transition:width .25s ease,height .25s ease}.pocky-float-group{animation:pockyFloat 3.2s ease-in-out infinite;transform-origin:34px 50px;will-change:transform}@keyframes pockyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.pocky-shadow{animation:pockyShadowScale 3.2s ease-in-out infinite;transform-origin:34px 68px;will-change:transform,opacity}@keyframes pockyShadowScale{0%,to{transform:scale(1);opacity:.16}50%{transform:scale(.8);opacity:.08}}.pocky-pupil{animation:pockyBlink 4.2s infinite;transform-origin:center;will-change:transform}@keyframes pockyBlink{0%,92%,96%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}.pocky-arm-right.is-waving{animation:pockyWave 1.2s ease-in-out;transform-origin:52px 36px;will-change:transform}@keyframes pockyWave{0%,to{transform:rotate(0)}25%{transform:rotate(-24deg)}50%{transform:rotate(14deg)}75%{transform:rotate(-16deg)}}.pocky-svg.squish .pocky-float-group{animation:pockySquish .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pockySquish{0%{transform:scale(1)}35%{transform:scale(1.18,.82) translateY(2px)}70%{transform:scale(.92,1.08) translateY(-4px)}to{transform:scale(1) translateY(0)}}.pocky-sparkle-1{animation:pockyTwinkle 2.4s ease-in-out infinite alternate}.pocky-sparkle-2{animation:pockyTwinkle 2.8s ease-in-out infinite alternate-reverse}@keyframes pockyTwinkle{0%{opacity:.3;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.pocky-speech-bubble{position:relative;background:var(--card, #ffffff);color:var(--text, #0f172a);padding:8px 14px;border-radius:18px;box-shadow:0 6px 20px #0000001f;font-size:12px;font-weight:600;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;gap:8px;border:1.5px solid rgba(16,185,129,.35);animation:pockyBubblePop .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.pocky-speech-bubble:after{content:"";position:absolute;bottom:-6px;right:24px;width:10px;height:10px;background:var(--card, #ffffff);border-right:1.5px solid rgba(16,185,129,.35);border-bottom:1.5px solid rgba(16,185,129,.35);transform:rotate(45deg)}.pocky-bubble-close{background:none;border:none;color:var(--muted, #64748b);font-size:15px;font-weight:700;line-height:1;padding:0 2px;cursor:pointer;opacity:.7;transition:opacity .2s}.pocky-bubble-close:hover{opacity:1;color:var(--text, #0f172a)}@keyframes pockyBubblePop{0%{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.pocky-popover-card{position:absolute;bottom:calc(100% + 12px);right:0;width:290px;max-width:calc(100vw - 32px);padding:16px;border-radius:20px;box-shadow:0 16px 36px #00000029;border:1px solid var(--border);background:var(--card);animation:pockyCardPop .26s cubic-bezier(.34,1.56,.64,1);z-index:85}@keyframes pockyCardPop{0%{opacity:0;transform:scale(.85) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.pocky-popover-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--border)}.pocky-header-left{display:flex;align-items:center;gap:8px}.pocky-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98140;animation:pockyPulse 2s infinite}@keyframes pockyPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.pocky-name{font-size:14px;font-weight:700;margin:0;line-height:1.2}.pocky-tag{font-size:11px;color:var(--muted);font-weight:500}.pocky-header-actions{display:flex;align-items:center;gap:4px}.pocky-icon-btn{background:#0000000a;border:none;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .18s}.pocky-icon-btn:hover{background:#00000017;color:var(--text)}body.theme-dark .pocky-icon-btn{background:#ffffff14}body.theme-dark .pocky-icon-btn:hover{background:#ffffff29}.pocky-popover-body{display:flex;flex-direction:column;gap:12px}.pocky-tip-box{background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:10px 12px}.pocky-tip-badge{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:#059669;margin-bottom:6px}body.theme-dark .pocky-tip-badge{color:#34d399}.pocky-tip-counter{font-size:10px;opacity:.8}.pocky-tip-text{font-size:12.5px;line-height:1.45;color:var(--text);margin:0;font-weight:500}.pocky-quick-actions{display:flex;gap:8px}.pocky-action-btn{flex:1;font-size:12px!important;padding:7px 12px!important;justify-content:center}.pocky-popover-footer{margin-top:10px;padding-top:8px;border-top:1px dashed var(--border);text-align:center;font-size:10.5px;color:var(--muted);font-weight:600}.pocky-burst-particle{position:absolute;top:50%;left:50%;font-size:18px;pointer-events:none;z-index:90;animation:pockyBurstFloat 1.1s cubic-bezier(.2,.9,.3,1) forwards;will-change:transform,opacity}@keyframes pockyBurstFloat{0%{opacity:1;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) scale(1.2)}}.pocky-collapsed-pill{padding:7px 14px;border-radius:999px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;gap:6px;box-shadow:0 6px 18px #10b9815c;font-weight:700;font-size:12.5px;border:1.5px solid rgba(255,255,255,.45);cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.pocky-collapsed-pill:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 8px 22px #10b9817a}.pocky-collapsed-pill:active{transform:scale(.96)}.pocky-collapsed-icon{font-size:14px}.pocky-collapsed-sparkle{font-size:12px;animation:pockyTwinkle 1.8s infinite}@media (max-width: 768px){.floating-mascot-container{bottom:calc(18px + env(safe-area-inset-bottom,0px));right:14px}.pocky-popover-card{right:0;width:280px;max-width:calc(100vw - 28px)}}@media (prefers-reduced-motion: reduce){.pocky-float-group,.pocky-shadow,.pocky-pupil,.pocky-arm-right.is-waving,.pocky-sparkle-1,.pocky-sparkle-2,.pocky-status-dot{animation:none!important}}.savings-mascot-card{padding:16px 20px;border-radius:18px;display:flex;flex-direction:column;gap:14px;background:var(--card-bg);box-shadow:0 10px 24px var(--card-shadow);border:1px solid var(--border);overflow:hidden;position:relative}.mascot-widget-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mascot-widget-title-group{display:flex;flex-direction:column;gap:2px}.mascot-sparkle-badge{font-size:11px;font-weight:700;color:#b45309;text-transform:uppercase;letter-spacing:.5px}.theme-dark .mascot-sparkle-badge{color:#fde68a}.mascot-card-title{margin:0;font-size:16px;font-weight:800;color:var(--text)}.mascot-coin-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#fbbf2426;border:1px solid rgba(245,158,11,.3);border-radius:999px;font-size:12px;color:#92400e}.theme-dark .mascot-coin-badge{background:#f59e0b33;color:#fde68a}.mascot-widget-body{display:flex;align-items:center;gap:20px}.mascot-interactive-area{position:relative;width:110px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mascot-character-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;animation:mascotFloat 3.4s ease-in-out infinite;will-change:transform}.mascot-pocket-img{width:90px;height:auto;max-height:75px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(228,81,83,.3))}.stream-coin{position:absolute;pointer-events:none;z-index:2;will-change:transform,opacity}.stream-coin-1{top:5px;left:45%;animation:loopCoinDrop 3s cubic-bezier(.5,0,.75,.25) infinite}.stream-coin-2{top:8px;left:32%;animation:loopCoinDrop 3.5s cubic-bezier(.5,0,.75,.25) infinite 1.5s}.mascot-widget-info{flex:1;display:flex;flex-direction:column;gap:10px}.mascot-tip-box{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:#f3f4f6cc;border-radius:12px}.theme-dark .mascot-tip-box{background:#1e293bb3}.mascot-tip-icon{font-size:16px;flex-shrink:0}.mascot-tip-text{margin:0;font-size:12px;color:var(--text);line-height:1.4;font-weight:500}.mascot-toss-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;border-radius:999px;box-shadow:0 4px 12px #e451534d}.koiny-goals-banner{display:flex;align-items:center;gap:24px;padding:20px 22px 18px;margin-top:6px;margin-bottom:20px;background:linear-gradient(135deg,#fef08a47,#fbbf241f);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius);box-shadow:0 8px 24px #f59e0b14;position:relative;overflow:visible!important;z-index:5}.theme-dark .koiny-goals-banner{background:linear-gradient(135deg,#1e293bbf,#0f172ae6);border-color:#f59e0b33;box-shadow:0 12px 28px #0006}.koiny-banner-character-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;padding:4px;border-radius:16px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);overflow:visible!important;z-index:10}.koiny-banner-character-stage:hover{transform:scale(1.06)}.koiny-banner-character-stage:active{transform:scale(.95)}.koiny-click-tag{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:4px;font-size:10px;font-weight:800;margin-top:5px;padding:2px 8px;border-radius:999px;background:#f59e0b33;color:#b45309;letter-spacing:.3px;line-height:1.2;transition:background .2s ease,transform .2s ease}.theme-dark .koiny-click-tag{background:#f59e0b40;color:#fde047}.koiny-banner-character-stage:hover .koiny-click-tag{background:var(--primary);color:#fff;transform:translateY(-2px)}.koiny-banner-content{flex:1;display:flex;flex-direction:column;gap:5px}.koiny-banner-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#d97706;text-transform:uppercase;letter-spacing:.5px}.theme-dark .koiny-banner-badge{color:#fde047}.koiny-banner-title{margin:0;font-size:19px;font-weight:800;color:var(--text)}.koiny-banner-desc{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.koiny-banner-actions{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.koiny-action-btn{font-size:12.5px;font-weight:700;padding:6px 14px}.koiny-cheer-btn{font-size:12px;font-weight:700;padding:6px 14px;background:#0000000a;border:1px solid rgba(0,0,0,.1);color:var(--text);border-radius:999px;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s ease}.koiny-cheer-btn:hover{transform:translateY(-2px) scale(1.04);background:#f59e0b26;border-color:#f59e0b59}.koiny-cheer-btn.koiny-cheer-active{transform:scale(.96);background:#f59e0b!important;color:#fff!important;border-color:#d97706!important;box-shadow:0 4px 14px #f59e0b66}.theme-dark .koiny-cheer-btn{background:#ffffff0f;border-color:#ffffff26}.koiny-empty-state{display:flex;flex-direction:column;align-items:center;padding:20px 16px;text-align:center}.koiny-empty-mascot-wrap{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;margin-bottom:10px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.koiny-empty-mascot-wrap:hover{transform:scale(1.08)}.goal-item{transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.goal-item:hover{transform:translate3d(4px,0,0);box-shadow:0 4px 14px #0000000d}.theme-dark .goal-item:hover{box-shadow:0 4px 16px #00000059}.goal-item.goal-completed{border-left:3px solid #10b981;padding-left:8px;background:linear-gradient(90deg,rgba(16,185,129,.05) 0%,transparent 60%)}.theme-dark .goal-item.goal-completed{background:linear-gradient(90deg,rgba(16,185,129,.1) 0%,transparent 60%)}.goal-percent-text.achieved{color:#059669;font-weight:700;display:inline-flex;align-items:center;gap:4px;animation:achievedBadgePop 2.8s ease-in-out infinite;will-change:transform}.theme-dark .goal-percent-text.achieved{color:#34d399}.goal-percent-text.is-privacy-text{color:var(--muted);font-size:11.5px;font-weight:500;letter-spacing:.02em}.progress-shell.is-privacy{background:#94a3b82e!important;overflow:hidden}.theme-dark .progress-shell.is-privacy{background:#3341554d!important}.fill.privacy-shimmer-fill{background:repeating-linear-gradient(45deg,#cbd5e173,#cbd5e173 8px,#94a3b840 8px,#94a3b840 16px)!important;box-shadow:none!important;opacity:.85}.theme-dark .fill.privacy-shimmer-fill{background:repeating-linear-gradient(45deg,#47556999,#47556999 8px,#1e293b66 8px,#1e293b66 16px)!important}.progress-shell .fill.completed{background:linear-gradient(90deg,#10b981,#059669 55%,#34d399)!important;box-shadow:0 0 12px #10b98173!important}.progress-shell .fill:not(.privacy-shimmer-fill){position:relative;overflow:hidden;transition:width .7s cubic-bezier(.34,1.56,.64,1)}.progress-shell .fill:not(.privacy-shimmer-fill):before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);transform:translate3d(-100%,0,0);animation:progressLightBeam 3.6s ease-in-out infinite;will-change:transform;pointer-events:none}.progress-coin-marker{position:absolute;top:50%;transform:translate3d(-50%,-50%,0);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4;transition:left .7s cubic-bezier(.34,1.56,.64,1),transform .25s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));will-change:left,transform}.progress-coin-marker .progress-coin-svg{display:block;flex-shrink:0}.progress-coin-marker:not(.is-achieved) .progress-coin-svg{animation:coinAdvanceFloat 2.6s ease-in-out infinite;will-change:transform}@keyframes coinAdvanceFloat{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-1.5px,0) rotate(6deg)}}.progress-coin-marker.is-achieved{filter:drop-shadow(0 0 6px rgba(16,185,129,.6)) drop-shadow(0 2px 6px rgba(0,0,0,.22))}.progress-coin-marker.is-achieved .progress-coin-svg{animation:smilingCoinVictory 2.2s cubic-bezier(.34,1.56,.64,1) infinite;will-change:transform}@keyframes smilingCoinVictory{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.18) rotate(-8deg)}75%{transform:scale(1.18) rotate(8deg)}}.theme-dark .progress-coin-marker{filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}.theme-dark .progress-coin-marker.is-achieved{filter:drop-shadow(0 0 8px rgba(52,211,153,.65)) drop-shadow(0 2px 6px rgba(0,0,0,.5))}.goal-item:hover .progress-coin-marker:not(.is-achieved){transform:translate3d(-50%,-50%,0) scale(1.18) rotate(-5deg)}.goal-item:hover .progress-coin-marker.is-achieved{transform:translate3d(-50%,-50%,0) scale(1.25)}.detail-progress-card:hover .progress-coin-marker:not(.is-achieved){transform:translate3d(-50%,-50%,0) scale(1.18) rotate(-5deg)}.detail-progress-card:hover .progress-coin-marker.is-achieved{transform:translate3d(-50%,-50%,0) scale(1.25)}@media (prefers-reduced-motion: reduce){.progress-coin-marker,.progress-coin-marker .progress-coin-svg{animation:none!important;transition:none!important}}@keyframes progressLightBeam{0%{transform:translate3d(-100%,0,0)}40%,to{transform:translate3d(200%,0,0)}}@keyframes achievedBadgePop{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.goal-table-target-wrap{display:inline-flex;align-items:center;gap:8px}.goal-table-pct{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:#0000000f;color:var(--text);transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-block}.goal-table-pct:hover{transform:scale(1.1)}.goal-table-pct.done{background:#d1fae5;color:#047857;animation:achievedBadgePop 2.8s ease-in-out infinite}.theme-dark .goal-table-pct{background:#ffffff1a}.theme-dark .goal-table-pct.done{background:#10b98133;color:#6ee7b7}.profile-hero-banner{position:relative;min-height:220px;background:linear-gradient(135deg,#e45153,#f43f5e,#f97316);color:#fff;padding:24px 0 80px;overflow:hidden;box-shadow:0 10px 30px #e4515333}.theme-dark .profile-hero-banner{background:linear-gradient(135deg,#0b1220,#1e1b4b,#0f172a);color:#f8fafc;box-shadow:0 10px 30px #00000080}.profile-hero-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.2) 0%,transparent 45%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.profile-hero-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.profile-hero-sparkles .sparkle{position:absolute;animation:profileSparkleFloat 3.5s ease-in-out infinite alternate;-webkit-user-select:none;user-select:none}.profile-hero-sparkles .sp-1{top:20%;left:8%;font-size:20px;animation-delay:0s}.profile-hero-sparkles .sp-2{top:55%;left:16%;font-size:15px;animation-delay:1.2s}.profile-hero-sparkles .sp-3{top:25%;right:10%;font-size:22px;animation-delay:.6s}.profile-hero-sparkles .sp-4{top:60%;right:20%;font-size:16px;animation-delay:1.8s}@keyframes profileSparkleFloat{0%{transform:translateY(0) scale(1) rotate(0);opacity:.75}to{transform:translateY(-10px) scale(1.15) rotate(12deg);opacity:1}}.profile-top-nav{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-top-title{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:#fff;background:#ffffff2e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);white-space:nowrap}@media (max-width: 480px){.profile-top-title{font-size:12px;padding:5px 10px;gap:5px;white-space:nowrap}.profile-top-title span{white-space:nowrap}.profile-back-btn{padding:6px 12px;font-size:12px;gap:4px}}@media (max-width: 360px){.profile-top-title{font-size:11px;padding:4px 8px;gap:4px;white-space:nowrap}.profile-top-title span{white-space:nowrap}.profile-back-btn{padding:5px 10px;font-size:11px;gap:3px}}.theme-dark .profile-top-title{background:#ffffff14;border-color:#ffffff26}.profile-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:none;background:#fff;color:var(--text);box-shadow:0 4px 14px #0000001f;font-weight:700;font-size:13px;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .15s ease}.theme-dark .profile-back-btn{background:#111827;color:#e5e7eb;border:1px solid #1f2937}.profile-back-btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.profile-back-btn:hover{transform:translateY(-2px)}.profile-back-btn:hover svg{transform:translate(-3px) scale(1.1)}.profile-theme-btn{background:#fff3!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 14px #0000001a!important}.theme-dark .profile-theme-btn{background:#111827!important;color:#f59e0b!important;border-color:#1f2937!important}.profile-content-container{max-width:820px;margin:-60px auto 0;padding:0 16px;position:relative;z-index:3;display:flex;flex-direction:column;gap:20px}.profile-identity-card{position:relative;overflow:hidden;background:var(--card);border-radius:var(--radius, 20px);padding:24px 26px;box-shadow:var(--card-shadow, 0 4px 20px rgba(0, 0, 0, .04));border:1px solid var(--card-border, rgba(0, 0, 0, .06));transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .2s ease}.profile-identity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-top-left-radius:var(--radius, 20px);border-top-right-radius:var(--radius, 20px);background:linear-gradient(90deg,#e45153,#8b5cf6);opacity:.85;pointer-events:none;z-index:2}.theme-dark .profile-identity-card{background:linear-gradient(180deg,#131d31,#0f172a);border-color:#ffffff14;box-shadow:var(--card-shadow, 0 12px 32px -4px rgba(0, 0, 0, .45))}.profile-identity-top{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.profile-avatar-wrapper{position:relative;width:110px;height:110px;aspect-ratio:1 / 1;flex-shrink:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.avatar-glow-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,#e45153,#f59e0b,#10b981);opacity:.8;filter:blur(2.5px);transition:opacity .3s ease,transform .3s ease}.profile-avatar-wrapper:hover .avatar-glow-ring{opacity:1;transform:scale(1.06)}.profile-avatar-img{width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;object-position:center;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border:4px solid var(--card);background:#fff;box-shadow:0 8px 24px #0000001f;transition:transform .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.profile-avatar-initial{font-size:42px;font-weight:800;color:var(--primary);background:var(--card-bg-subtle, #f8fafc);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;letter-spacing:-.02em;aspect-ratio:1 / 1;border-radius:50%;width:100%;height:100%}.profile-avatar-wrapper:hover .profile-avatar-img{transform:scale(1.02)}.profile-camera-btn{position:absolute;bottom:0;right:0;z-index:2;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;border:3px solid var(--card);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 10px #0003;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .2s ease}.profile-avatar-wrapper:hover .profile-camera-btn{transform:scale(1.15) rotate(10deg)}.profile-identity-meta{flex:1;min-width:200px}.profile-badges-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.profile-role-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#b45309;background:#fef3c7;border:1px solid #fde68a;padding:3px 10px;border-radius:999px}.theme-dark .profile-role-pill{color:#fde047;background:#fbbf2426;border-color:#fbbf244d}.profile-verified-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#047857;background:#d1fae5;border:1px solid #a7f3d0;padding:3px 10px;border-radius:999px}.theme-dark .profile-verified-pill{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}.profile-user-fullname{font-size:23px;font-weight:800;margin:0 0 3px;color:var(--text);line-height:1.25}.profile-user-email{font-size:13.5px;color:#6b7280;margin:0 0 10px}.theme-dark .profile-user-email{color:#94a3b8}.change-avatar-text-btn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--primary);background:transparent;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.change-avatar-text-btn:hover{opacity:.8}.profile-stats-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.profile-stat-item{display:flex;align-items:center;gap:12px}.stat-icon-wrap{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.stat-icon-wrap.balance{background:#e451531f;color:#e45153}.stat-icon-wrap.goals{background:#10b9811f;color:#10b981}.stat-icon-wrap.records{background:#6366f11f;color:#6366f1}.stat-text-group{display:flex;flex-direction:column}.stat-label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.theme-dark .stat-label{color:#94a3b8}.stat-value{font-size:14.5px;font-weight:800;color:var(--text);white-space:nowrap}.profile-stat-divider{width:1px;height:32px;background:var(--border)}.profile-status-alert{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:16px;font-size:14px;font-weight:600;box-shadow:0 4px 18px #0000000d;animation:profileAlertIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes profileAlertIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-status-alert.is-success{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#047857}.theme-dark .profile-status-alert.is-success{color:#6ee7b7;background:#10b9812e}.profile-status-alert.is-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#b91c1c}.theme-dark .profile-status-alert.is-error{color:#fca5a5;background:#ef44442e}.status-alert-icon{display:grid;place-items:center;flex-shrink:0}.status-alert-text{flex:1}.status-alert-close{background:none;border:none;font-size:20px;font-weight:700;cursor:pointer;color:inherit;opacity:.65;padding:0 4px;line-height:1;transition:opacity .2s ease,transform .2s ease}.status-alert-close:hover{opacity:1;transform:scale(1.15)}.profile-settings-card{position:relative;overflow:hidden;background:var(--card);border-radius:var(--radius, 20px);padding:24px;box-shadow:var(--card-shadow, 0 4px 20px rgba(0, 0, 0, .04));border:1px solid var(--card-border, rgba(0, 0, 0, .06));transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .2s ease}.profile-settings-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-top-left-radius:var(--radius, 20px);border-top-right-radius:var(--radius, 20px);background:linear-gradient(90deg,#e45153,#8b5cf6);opacity:.85;pointer-events:none;z-index:2}.theme-dark .profile-settings-card{background:linear-gradient(180deg,#131d31,#0f172a);border-color:#ffffff14;box-shadow:var(--card-shadow, 0 12px 32px -4px rgba(0, 0, 0, .45))}.profile-tabs-header{display:flex;gap:8px;background:#0000000a;padding:6px;border-radius:14px;margin-bottom:22px}.theme-dark .profile-tabs-header{background:#ffffff0d}.profile-tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:13.5px;font-weight:700;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease}.profile-tab-btn:hover{color:var(--text)}.profile-tab-btn.active{background:var(--card);color:var(--primary);box-shadow:0 4px 12px #00000014}.theme-dark .profile-tab-btn.active{color:#fff;background:#1e293b}.form-section-intro{margin-bottom:20px}.section-title{font-size:17px;font-weight:800;margin:0 0 4px;color:var(--text)}.section-desc{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.theme-dark .section-desc{color:#94a3b8}.profile-field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.profile-field-label{font-size:13px;font-weight:700;color:var(--text)}.input-with-icon-wrap{position:relative;display:flex;align-items:center;width:100%}.input-icon-badge{position:absolute;left:14px;color:#9ca3af;display:grid;place-items:center;pointer-events:none;transition:color .2s ease}.input-with-icon{width:100%;padding-left:42px!important;padding-right:44px}.input-with-icon-wrap:focus-within .input-icon-badge{color:var(--primary)}.input-eye-btn{position:absolute;right:12px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;transition:color .2s ease,transform .2s ease}.input-eye-btn:hover{color:var(--text);transform:scale(1.1)}.field-hint{font-size:11.5px;color:#6b7280;margin-top:2px}.theme-dark .field-hint{color:#94a3b8}.pwd-strength-container{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.pwd-strength-bars{display:flex;gap:6px;flex:1;max-width:180px}.strength-bar{flex:1;height:5px;border-radius:999px;background:#9ca3af40;transition:background-color .3s ease}.pwd-strength-text{font-size:12px;font-weight:700}.pwd-match-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#10b981;margin-top:6px}.profile-form-footer{margin-top:14px;display:flex;justify-content:flex-end}.profile-save-btn{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;padding:11px 26px;border-radius:999px;box-shadow:0 4px 14px #e451534d;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.profile-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #e4515366}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.avatar-modal-body{display:flex;flex-direction:column;gap:20px;align-items:center;padding:8px 0}.avatar-modal-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.preview-ring{width:96px;height:96px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#e45153,#f59e0b,#10b981);display:grid;place-items:center;box-shadow:0 8px 20px #0000001f}.preview-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;border:3px solid var(--card)}.preview-label{font-size:12px;font-weight:700;color:#6b7280}.avatar-preset-section{width:100%}.avatar-preset-heading{display:block;font-size:13px;font-weight:700;margin-bottom:10px;color:var(--text)}.avatar-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.avatar-preset-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;background:#00000008;border:2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.theme-dark .avatar-preset-card{background:#ffffff0a}.avatar-preset-card:hover{background:#e4515314;transform:translateY(-2px);border-color:#e451534d}.avatar-preset-card.is-selected{border-color:var(--primary);background:#e451531a}.theme-dark .avatar-preset-card.is-selected{background:#e451532e}.preset-avatar-thumb{position:relative;width:44px;height:44px;border-radius:50%}.preset-avatar-thumb img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;border:2px solid var(--card)}.preset-check-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;border:2px solid var(--card);animation:badgePop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.preset-title{font-size:11.5px;font-weight:700;color:var(--text);text-align:center}.avatar-custom-url-section{width:100%}.avatar-modal-actions{display:flex;justify-content:flex-end;gap:10px;width:100%;margin-top:6px}.profile-telegram-tab{display:flex;flex-direction:column;gap:16px}.telegram-tab-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:36px 0;color:#6b7280;font-size:14px}.telegram-connected-card,.telegram-unconnected-card{display:flex;flex-direction:column;gap:16px}.connected-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:12px}.connected-badge{font-size:13px;font-weight:700;color:#059669}.connected-user{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text)}.telegram-commands-box{background:#00000008;border:1px solid var(--border);border-radius:12px;padding:14px 16px}.theme-dark .telegram-commands-box{background:#ffffff08}.telegram-commands-box h4{margin:0 0 10px;font-size:13.5px;font-weight:700;color:var(--text)}.telegram-commands-box ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.telegram-commands-box li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px}.telegram-commands-box code{background:#e451531a;color:var(--primary);padding:3px 6px;border-radius:6px;font-family:monospace;font-size:12px;font-weight:600}.telegram-promo{text-align:center;padding:16px 0 8px}.telegram-icon-hero{width:56px;height:56px;border-radius:16px;background:#0088cc1f;color:#08c;display:grid;place-items:center;margin:0 auto 12px}.telegram-promo h4{font-size:16px;font-weight:800;margin:0 0 6px;color:var(--text)}.telegram-promo p{font-size:13px;color:#6b7280;max-width:440px;margin:0 auto}.telegram-connect-btn,.telegram-deeplink-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;background:#08c;border-color:#08c;color:#fff}.telegram-connect-btn:hover,.telegram-deeplink-btn:hover{background:#0077b5}.telegram-code-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;background:#0088cc0d;border:1px dashed rgba(0,136,204,.35);border-radius:14px}.code-instruction{margin:0;font-size:13px;font-weight:600;color:var(--text)}.code-display-wrap{display:flex;align-items:center;gap:12px}.secret-link-code{font-family:monospace;font-size:28px;font-weight:800;letter-spacing:4px;color:#08c;background:#0088cc1a;padding:6px 16px;border-radius:10px}.copy-code-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.code-hint-text{font-size:12.5px;color:#6b7280;margin:0}.code-cmd-preview code{font-family:monospace;font-size:14px;font-weight:700;padding:4px 10px;background:#0000000f;border-radius:6px;color:var(--text)}.detail-modal-body{display:flex;flex-direction:column;gap:14px}.detail-hero{text-align:center;padding:16px 12px 12px;background:#00000005;border-radius:14px;border:1px solid rgba(0,0,0,.06)}.theme-dark .detail-hero{background:#ffffff08;border-color:#ffffff14}.detail-hero-badge{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:6px}.detail-hero-amount{font-size:26px;font-weight:800;letter-spacing:-.3px}.detail-hero-sub{font-size:12px;color:var(--muted);margin-top:2px}.detail-progress-card{padding:12px 14px;border-radius:12px;background:#00000005;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:8px}.theme-dark .detail-progress-card{background:#ffffff08;border-color:#ffffff14}.detail-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:12.5px}.detail-progress-pct.achieved{color:#059669;font-weight:700;display:inline-flex;align-items:center;gap:4px;animation:achievedBadgePop 2.8s ease-in-out infinite;will-change:transform}.theme-dark .detail-progress-pct.achieved{color:#34d399}.detail-list{display:flex;flex-direction:column;gap:4px}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;padding:7px 0;border-bottom:1px solid rgba(0,0,0,.05)}.theme-dark .detail-item{border-bottom-color:#ffffff0f}.detail-item-label{color:var(--muted);font-weight:500}.detail-item-value{font-weight:700;color:var(--text)}.delete-confirm-text{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--text)}.delete-preview-card{padding:12px 14px;border-radius:12px;background:#00000008;border:1px solid rgba(0,0,0,.06);margin-bottom:8px}.theme-dark .delete-preview-card{background:#ffffff0a;border-color:#ffffff14}.delete-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.delete-preview-amount{font-size:15px;font-weight:700}.delete-preview-sub{font-size:12px;color:var(--muted);margin-top:4px}.btn-danger{background:#ef4444;color:#fff;border:none;font-weight:600;transition:background .15s ease,transform .1s ease}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.empty-action-btn{margin-top:10px;font-size:12.5px;padding:7px 16px;cursor:pointer}.profile-page{min-height:100vh;background:transparent;padding-bottom:80px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:1000;animation:modalFadeIn .2s ease}.modal-card{position:relative;width:min(520px,100%);padding:22px 24px;border-radius:var(--radius, 20px);max-height:90vh;overflow:auto;animation:modalPopIn .22s ease}.modal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-top-left-radius:var(--radius, 20px);border-top-right-radius:var(--radius, 20px);background:linear-gradient(90deg,#e45153,#f59e0b,#8b5cf6);opacity:.85;pointer-events:none;z-index:2}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-close-btn{background:#0000000d;border:none;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:transform .28s cubic-bezier(.34,1.56,.64,1),background-color .15s ease,color .15s ease}.modal-close-btn:hover{background:#e451531f;color:#e45153;transform:rotate(90deg) scale(1.14)}.theme-dark .modal-close-btn{background:#ffffff14;color:#94a3b8}.theme-dark .modal-close-btn:hover{background:#e4515333;color:#ff8587}.modal-body{margin-top:12px}.modal-form{display:flex;flex-direction:column;gap:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.pill-switch{display:inline-flex;align-items:center;gap:3px;background:#f1f3f5;padding:3px;border-radius:999px;border:1px solid #e5e7eb;transition:background-color var(--theme-fade) ease,border-color var(--theme-fade) ease,box-shadow var(--theme-fade) ease}.pill-switch.plain-switch{background:transparent;box-shadow:none;border:none;padding:0;gap:6px}.pill.small{padding:6px 14px;border-radius:999px;background:transparent;color:#4b5563;font-weight:600;font-size:13px;border:none;cursor:pointer;transition:all .12s ease}.pill.small:hover:not(.active){color:var(--text);background:#0000000a}.pill.small.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700;box-shadow:0 2px 8px #e451534d}.theme-dark .pill-switch{background:#111827;border:1px solid #1f2937;box-shadow:inset 0 1px #ffffff0a}.theme-dark .pill-switch.plain-switch{background:transparent;border:none;box-shadow:none}.theme-dark .pill.small{background:transparent;color:#94a3b8;border:none;box-shadow:none}.theme-dark .pill.small:hover:not(.active){color:#fff;background:#ffffff0f}.theme-dark .pill.small.active{background:linear-gradient(135deg,#e45153,#f87171);color:#fff;box-shadow:0 2px 8px #0006}.receipt-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;border:2px dashed var(--border-color, #cbd5e1);border-radius:14px;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease}.receipt-upload-zone:hover{border-color:var(--primary, #e45153);background:#e451530a}.receipt-progress-bar{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden;width:80%;margin:0 auto}.theme-dark .receipt-progress-bar{background:#374151}.receipt-progress-fill{height:100%;background:linear-gradient(90deg,#e45153,#f59e0b);border-radius:999px;transition:width .3s ease}.receipt-result-card{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:#00000005;border:1px solid rgba(0,0,0,.06)}.theme-dark .receipt-result-card{background:#ffffff08;border-color:#ffffff14}.receipt-result-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.04)}.receipt-result-row:last-child{border-bottom:none}.theme-dark .receipt-result-row{border-bottom-color:#ffffff0f}.receipt-result-label{color:var(--muted);font-weight:500}.receipt-result-value{font-weight:600;color:var(--text)}.pocky-receipt-intro{display:flex;align-items:center;gap:14px;padding:12px 14px;background:linear-gradient(135deg,#10b98114,#facc1514);border:1px solid rgba(16,185,129,.2);border-radius:14px;margin-bottom:4px}.theme-dark .pocky-receipt-intro{background:linear-gradient(135deg,#10b9811f,#facc150d);border-color:#10b98140}.pocky-receipt-mascot-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center}.pocky-receipt-bubble{flex:1;font-size:.86rem;line-height:1.45}.pocky-receipt-bubble strong{display:block;font-size:.92rem;color:var(--text, #0f172a);margin-bottom:2px}.pocky-receipt-bubble p{margin:0;color:var(--muted, #64748b);font-size:.82rem}.pocky-receipt-loading{text-align:center;padding:12px 0 8px}.pocky-loading-title{margin:10px 0 4px;font-weight:600;font-size:.96rem;color:var(--text, #0f172a)}.pocky-loading-sub{margin:0 0 14px;font-size:.82rem;color:var(--muted, #64748b)}.pocky-receipt-preview{max-width:100%;max-height:170px;border-radius:12px;margin-bottom:12px;object-fit:contain;box-shadow:0 4px 14px #00000014}.pocky-receipt-error{text-align:center;padding:12px 0 6px}.pocky-error-title{margin:10px 0 4px;font-weight:700;font-size:.98rem;color:#ef4444}.pocky-error-detail{margin:0 0 12px;font-size:.82rem;color:var(--muted, #64748b)}.pocky-error-tips{text-align:left;background:#ef44440d;border:1px dashed rgba(239,68,68,.25);border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:.8rem}.pocky-error-tips p{margin:0 0 6px;font-weight:600}.pocky-error-tips ul{margin:0;padding-left:18px;color:var(--muted, #64748b)}.pocky-error-tips li{margin-bottom:4px}.pocky-receipt-done-header{display:flex;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(135deg,#10b9811f,#34d3990f);border:1px solid rgba(16,185,129,.25);border-radius:12px}.pocky-done-avatar{flex-shrink:0}.pocky-done-text{flex:1}.pocky-done-badge{font-weight:700;font-size:.95rem;color:#059669}.theme-dark .pocky-done-badge{color:#34d399}.pocky-done-sub{margin:2px 0 0;font-size:.8rem;color:var(--muted, #64748b)}.toast{position:fixed;top:16px;right:16px;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:600;font-size:13.5px;color:#fff;box-shadow:0 12px 28px #00000038;z-index:9999;background:linear-gradient(135deg,#10b981,#059669);animation:toastSlideIn .25s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toast.error{background:linear-gradient(135deg,#f87171,#e45153)}@keyframes toastSlideIn{0%{opacity:0;transform:translate3d(0,-14px,0) scale(.94)}70%{opacity:1;transform:translate3d(0,2px,0) scale(1.02)}to{opacity:1;transform:translateZ(0) scale(1)}}.btn-primary{position:relative;overflow:hidden;background:var(--primary);color:#fff;border:none;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),background-color .18s ease}.btn-primary:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);pointer-events:none;transition:transform .65s ease}.btn-primary:hover{background:var(--primary-dark);transform:translate3d(0,-1.5px,0);box-shadow:0 12px 22px #e4515359}.btn-primary:hover:after{transform:translate3d(380%,0,0) skew(-20deg)}.btn-secondary{background:#fff;border:2px solid #d1d5db;color:var(--text);transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),background-color .15s ease,border-color .15s ease}.btn-secondary:hover{transform:translate3d(0,-1.5px,0);box-shadow:0 6px 14px #0000000f}.input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid #e5e7eb;font-size:15px;background:#fffd;transition:border .15s ease,box-shadow .15s ease,background-color var(--theme-fade) ease,color var(--theme-fade) ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #e4515326}.tab-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#e45153;padding:6px 10px;border-radius:40px;box-shadow:0 4px 14px #0000001f}.tab-item{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:linear-gradient(180deg,#f3f4f6,#e5e7eb);color:var(--text);font-weight:700;font-size:13.5px;border:none;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background .15s ease,color .15s ease;white-space:nowrap}.tab-item .tab-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.tab-item:hover .tab-icon{transform:scale(1.1)}.tab-item.active{background:#fff;color:#e45153;box-shadow:0 8px 16px #0000002e;transform:translate3d(0,-1px,0)}.theme-dark .tab-nav{background:#00000059;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 14px #00000059}.theme-dark .tab-item{background:transparent;color:#ffffffad}.theme-dark .tab-item.active{background:#e45153;color:#fff;box-shadow:0 4px 14px #e4515380}.tab-item:hover:not(.active){transform:translate3d(0,-1.5px,0);filter:brightness(1.04)}.theme-dark .tab-item:hover:not(.active){background:#ffffff14;color:#fff;filter:none}.table{width:100%;border-collapse:collapse;table-layout:auto;border-spacing:0;margin:0}.table thead th{background:#d1d5db;color:#4b5563;padding:14px 16px;text-align:left;font-weight:700;border-bottom:1px solid #cbd5e1;transition:background-color var(--theme-fade) ease,color var(--theme-fade) ease}.table tbody td{padding:14px 16px}.table tbody tr{transition:background-color .15s ease}.table tbody tr:hover{background-color:#00000005}.theme-dark .table tbody tr:hover{background-color:#ffffff08}.table thead th:first-child{border-top-left-radius:var(--radius)}.table thead th:last-child{border-top-right-radius:var(--radius);text-align:center}.table th,.table td{vertical-align:middle}.table thead th:first-child,.table tbody td:first-child{padding-left:20px;padding-right:14px;text-align:left}.table{table-layout:auto}.table tbody td.actions{justify-content:center;text-align:center;min-width:180px}.table tbody td{background:#fff;padding:14px 12px;border-bottom:1px solid #e5e7eb;font-weight:600;transition:background-color var(--theme-fade) ease,color var(--theme-fade) ease,border-color var(--theme-fade) ease}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:6px 12px;font-weight:700;font-size:13px}.badge.income{background:#e5f4ff;color:#0f58a2}.badge.expense{background:#f5d3d3;color:var(--primary)}.progress-shell{width:100%;height:14px;background:#0000000f;border-radius:999px;box-shadow:inset 0 2px 4px #00000012;overflow:visible;position:relative}.progress-shell .fill{height:100%;background:linear-gradient(90deg,#e45153,#f59e0b 52%,#10b981);border-radius:999px;position:relative;overflow:hidden;transition:width .7s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 8px #e4515340}.filter-animated{animation:fadeSlide var(--theme-fade) ease}.shadowed{box-shadow:var(--shadow)}.pill-input{border-radius:999px;padding:10px 16px;border:none;background:#f1f1f1;outline:none;font-size:14px;transition:background-color var(--theme-fade) ease,color var(--theme-fade) ease}.theme-dark .pill-input{background:#111827;color:#e5e7eb}.theme-dark .number-input .input{background:#0f172a;border-color:#1f2937;color:#e5e7eb}.theme-dark .number-input .input::placeholder{color:#94a3b8}.theme-dark .number-controls button{background:#1f2937;color:#e5e7eb;border:1px solid #111827}.theme-dark .number-controls button:hover{background:#111827}.pill-switch-animated{animation:fadeSlide var(--theme-fade) ease}.number-input{position:relative}.number-input input[type=number]::-webkit-outer-spin-button,.number-input input[type=number]::-webkit-inner-spin-button,.number-input input[type=text]::-webkit-outer-spin-button,.number-input input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input input[type=number],.number-input input[type=text]{-moz-appearance:textfield}.number-input input[type=number]::-webkit-outer-spin-button,.number-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input input[type=number]{-moz-appearance:textfield}.value-animate{animation:valueFade var(--theme-fade) ease}.number-field{padding-right:54px}.number-field.has-prefix{padding-left:48px}.number-controls{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;opacity:0;pointer-events:none;transition:opacity .15s ease}.number-input:hover .number-controls,.number-input:focus-within .number-controls{opacity:1;pointer-events:auto}.number-controls button{width:28px;height:20px;border:none;border-radius:6px;background:#f3f4f6;font-weight:800;color:#4b5563;cursor:pointer;line-height:1}.number-controls button:hover{background:#e5e7eb}.currency-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-weight:700;color:#6b7280;pointer-events:none}.theme-dark input[type=date]{color:#e5e7eb}.theme-dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:translate3d(0,10px,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes valueFade{0%{opacity:.4;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.page-shell{padding:16px 20px 48px}.topbar-inner{position:static}}@media (max-width: 768px){.page-shell{padding:12px 14px 36px}.page{padding:2px 0 16px}.hero-title{margin-bottom:10px}.section-title{font-size:20px;letter-spacing:-.01em;margin-bottom:2px}.subtitle{font-size:12.5px;margin-bottom:12px}.topbar{position:relative;padding:10px 14px;margin-bottom:14px;border-radius:14px;background:#e45153;color:#fff;box-shadow:var(--shadow)}.theme-dark .topbar{background:linear-gradient(135deg,#111827,#0b1220 60%,#0f172a)}.topbar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:10px;width:100%}.brand{order:1;margin-right:0;gap:4px}.brand-logo{width:38px;height:30px;display:block;margin-right:0}.brand-title{font-size:17px;color:#fff;line-height:1;display:inline-flex;align-items:center}.topbar-actions{order:2;margin-left:auto;gap:8px}.theme-btn-topbar{width:34px;height:34px}.user-pill{padding:3px 8px 3px 3px;gap:6px}.user-pill .avatar{width:28px;height:28px;font-size:12px}.user-name{font-size:12.5px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu{top:calc(100% + 8px);right:0;min-width:200px;max-width:calc(100vw - 28px);z-index:1000}.tab-nav{order:3;position:static;transform:none;display:flex;width:100%;justify-content:center;padding:4px;gap:6px;border-radius:999px;background:#00000029;box-shadow:inset 0 1px 3px #0000001f}.theme-dark .tab-nav{background:#00000052;border:1px solid rgba(255,255,255,.08)}.tab-item{flex:1;text-align:center;justify-content:center;padding:7px 10px;font-size:12.5px;font-weight:700;border-radius:999px;background:transparent;color:#ffffffe6;border:none;transition:all .15s ease}.theme-dark .tab-item{background:transparent!important;color:#ffffffa6!important}.theme-dark .tab-item:hover:not(.active){background:#ffffff14!important;color:#fff!important}.tab-item.active{background:#fff!important;color:#e45153!important;box-shadow:0 4px 10px #00000026!important;transform:none!important}.theme-dark .tab-item.active{background:#e45153!important;color:#fff!important;box-shadow:0 2px 10px #e4515380!important}.dashboard .balance-card{padding:14px;margin-bottom:10px;border-radius:14px}.dashboard .balance-card .value{font-size:22px;word-break:break-word;letter-spacing:-.02em}.dashboard .balance-card.balance-mascot-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.balance-card:before,.stat-card.income-card:before,.stat-card.expense-card:before,.chart-card:before,.goals-card:before,.table-card:before,.profile-identity-card:before,.profile-settings-card:before{border-top-left-radius:14px;border-top-right-radius:14px;height:2.5px}.balance-mascot-widget{width:88px;height:80px}.balance-mascot-widget .mascot-pocket-img{width:68px;max-height:56px}.balance-mascot-widget .mascot-shadow{width:56px;height:8px}.balance-savings-motto{font-size:11px}.grid-2{grid-template-columns:1fr;gap:10px}.dashboard>.grid-2:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.stat-card{padding:12px 10px;border-radius:14px}.stat-card .card-badge-row{margin-bottom:6px;gap:6px}.stat-card .card-icon-badge{width:28px;height:28px}.stat-card .card-icon-badge svg{width:15px;height:15px}.stat-card .label{font-size:11.5px;font-weight:600}.stat-card .value{font-size:15.5px;font-weight:700;margin-bottom:2px;word-break:break-word;letter-spacing:-.01em}.stat-card .muted{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-card{padding:14px 12px;border-radius:14px;min-width:0;max-width:100%;overflow:hidden}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px;gap:8px}.chart-toolbar .pill-switch{flex:1;display:flex;gap:4px;padding:3px}.chart-canvas-wrap{height:230px;min-height:190px;width:100%;max-width:100%;min-width:0}.chart-legend-kpi{padding:6px 8px;gap:6px 8px;font-size:11px}.chart-kpi-chip{padding:3px 8px;font-size:11px}.chart-controls-group{gap:6px}.chart-net-pill{padding:2px 8px;font-size:11px}.chart-shape-switch{padding:2px}.chart-shape-btn{padding:3px 7px;font-size:10.5px;gap:3px}.goals-card{padding:14px 12px;border-radius:14px;max-height:380px}.balance-grid{grid-template-columns:1fr;gap:10px}.page-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.page-header-row .section-title{font-size:20px;margin:0}.page-header-row .subtitle{font-size:12px;margin:2px 0 0}.page-header-row>.btn-add{flex:0 0 auto;width:auto;padding:8px 14px;font-size:12.5px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 10px #e451534d}.page-header-actions{display:flex;gap:8px;width:100%}.page-header-actions .btn-add{flex:1 1 0;min-width:0;justify-content:center;padding:8px 10px;font-size:12px;white-space:nowrap;border-radius:999px}.koiny-goals-banner{flex-direction:column;text-align:center;padding:16px 14px;gap:12px}.koiny-banner-content{align-items:center}.koiny-banner-actions{justify-content:center}.toolbar{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:8px 0 14px}.toolbar .search-box{width:100%;max-width:100%;padding:6px 12px}.toolbar-filters{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.toolbar-filters .filter-group{flex:1;display:flex;align-items:center;gap:4px;min-width:0}.toolbar-filters .filter-group .pill-switch{flex:1;display:flex;padding:3px;gap:2px}.toolbar-filters .filter-group .pill.small{flex:1;text-align:center;justify-content:center;padding:6px 4px;font-size:11.5px}.filter-label{font-size:11px;font-weight:700}.table-card{background:transparent;border:none;box-shadow:none;padding:0;overflow:visible}.table-card .table-scroll{overflow:visible;max-height:none}.table-card .table-scroll table,.table{display:block;min-width:0!important;width:100%!important;border-collapse:separate}.table thead{display:none}.table tbody{display:flex;flex-direction:column;gap:14px;width:100%}.table tbody tr.table-card-row{display:grid;grid-template-columns:1fr auto;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px 18px;box-shadow:0 4px 18px #0000000d;box-sizing:border-box;width:100%;transition:transform .2s ease,box-shadow .2s ease}.theme-dark .table tbody tr.table-card-row{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px #00000047}.table tbody tr.table-card-row .cell-amount{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 12px;border:none;background:transparent}.table tbody tr.table-card-row .cell-amount:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:2px}.table tbody tr.table-card-row .cell-amount .income-text,.table tbody tr.table-card-row .cell-amount .expense-text,.table tbody tr.table-card-row .cell-amount .goal-target-val{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.2}.table tbody tr.table-card-row .cell-amount .goal-table-target-wrap{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.table tbody tr.table-card-row .cell-type{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;padding:0 0 12px;border:none;background:transparent}.table tbody tr.table-card-row .cell-type:before{display:none}.table tbody tr.table-card-row .cell-type .badge{padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.3px}.table tbody tr.table-card-row .cell-category,.table tbody tr.table-card-row .cell-date,.table tbody tr.table-card-row .cell-desc{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--border);border-bottom:none;border-left:none;border-right:none;font-size:13.5px;background:transparent}.table tbody tr.table-card-row .cell-category:before,.table tbody tr.table-card-row .cell-date:before,.table tbody tr.table-card-row .cell-desc:before{content:attr(data-label);display:inline-block;color:var(--text-muted);font-size:12.5px;font-weight:500;flex-shrink:0}.table tbody tr.table-card-row .cell-category span,.table tbody tr.table-card-row .cell-date span,.table tbody tr.table-card-row .cell-desc span{text-align:right;font-weight:600;color:var(--text);max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table tbody tr.table-card-row .cell-actions{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:13px 0 0;margin-top:2px;border-top:1px solid var(--border);border-bottom:none;border-left:none;border-right:none;background:transparent}.table tbody tr.table-card-row .cell-actions .table-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.theme-dark .table tbody tr.table-card-row .cell-actions .table-action-btn{background:#ffffff0d;border-color:#334155;color:#e2e8f0}.table tbody tr.empty-row{display:block;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px 16px}.table tbody tr.empty-row .empty-table-cell{display:block;padding:0;border:none;text-align:center}.modal-backdrop{padding:0;align-items:flex-end;z-index:1000}.modal-card{width:100%;max-width:100%;max-height:88dvh;padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:modalSlideUp .22s cubic-bezier(.16,1,.3,1)}.modal-header h3{font-size:16px}.input,select,textarea{font-size:16px!important;padding:10px 12px}.modal-actions{display:flex;gap:8px}.modal-actions button{flex:1;justify-content:center;text-align:center}.quick-amounts{display:flex;flex-wrap:wrap;gap:6px}.chip-btn{flex:1;min-width:58px;padding:6px 4px;font-size:11.5px;text-align:center}.auth-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(28px + env(safe-area-inset-bottom,0px));gap:0;box-sizing:border-box}.auth-hero{order:-1!important;margin:4px auto 12px;width:100%;display:flex;justify-content:center}.auth-page input,.auth-page select,.auth-page textarea,.auth-page button{-webkit-appearance:none}.auth-page input,.auth-page select,.auth-page textarea{font-size:16px}.savings-hero-stage{padding:0;gap:8px;max-width:100%}.savings-hero-glow{width:190px;height:190px;filter:blur(24px);opacity:.85}.hero-mascot-center{width:140px;height:114px}.hero-mascot-img{width:120px;max-height:98px}.hero-mascot-shadow{width:92px;height:11px;margin-top:-2px}.hero-floating-badge,.hero-mascot-hint,.hero-quote-card{display:none!important}.savings-hero-stage .loop-coin .svg-coin{width:24px!important;height:24px!important}.savings-hero-stage .tossed-coin .svg-coin{width:26px!important;height:26px!important}.hero-counter-pill{font-size:12px;padding:5px 14px;margin-top:4px;border-radius:999px}.hero-counter-pill .svg-coin{width:16px!important;height:16px!important}.floating-reward-text{font-size:12px;padding:4px 10px}.hero-logo{width:min(140px,40vw);height:auto;max-height:100px}.auth-panel{order:1;width:100%;max-width:440px;padding:24px 20px;border-radius:20px;box-shadow:0 10px 30px #00000012}.auth-panel .auth-top-nav{display:flex;margin-bottom:16px}.auth-header h1{font-size:21px;margin-bottom:2px}.auth-header p{font-size:13px;margin-bottom:12px}.auth-form{gap:10px}.auth-form label{font-size:12px;font-weight:700}.auth-form .input{min-height:44px;border-radius:12px;font-size:15px!important}.auth-submit{min-height:44px;border-radius:999px;font-weight:700;font-size:14.5px;margin-top:6px}.auth-submit.google{min-height:44px;font-size:14px}.password-wrap .eye{min-width:40px;min-height:40px;right:4px}.auth-row{font-size:12.5px}.theme-toggle{top:14px;right:14px;left:auto}.profile-hero-banner{min-height:180px;padding:16px 0 60px}.profile-top-nav{padding:0 16px}.profile-content-container{margin-top:-45px;padding:0 16px}.profile-identity-card{padding:18px 14px;border-radius:18px}.profile-identity-top{flex-direction:column;text-align:center;gap:14px}.profile-badges-row{justify-content:center}.profile-avatar-wrapper{width:90px;height:90px;aspect-ratio:1 / 1;border-radius:50%}.profile-avatar-initial{font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border-radius:50%}.profile-stats-strip{grid-template-columns:1fr;gap:12px;padding-top:14px}.profile-stat-divider{display:none}.profile-stat-item{justify-content:flex-start}.profile-settings-card{padding:18px 14px;border-radius:18px}.profile-tabs-header{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:5px;margin-bottom:18px}.profile-tabs-header::-webkit-scrollbar{display:none}.profile-tab-btn{padding:9px 12px;font-size:12.5px;white-space:nowrap;flex-shrink:0}.profile-form-footer{width:100%}.profile-save-btn{width:100%;justify-content:center;padding:12px 20px;font-size:14px;border-radius:12px}.avatar-presets-grid{grid-template-columns:repeat(2,1fr)}}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.page-shell{padding:10px 12px 32px;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.demo-persistent-banner{flex-direction:column;align-items:flex-start;padding:8px 12px;gap:6px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;margin-bottom:10px;border-radius:12px}.demo-banner-content{width:100%;gap:6px;min-width:0}.demo-banner-text{font-size:.74rem;line-height:1.3;word-break:break-word;min-width:0}.demo-banner-actions{width:100%;gap:6px}.demo-banner-btn{flex:1;text-align:center;padding:6px 8px;font-size:.76rem}.section-title{font-size:18px}.subtitle{font-size:12px}.topbar{padding:8px 10px;margin-bottom:12px;border-radius:12px}.brand{gap:3px}.brand-logo{width:32px;height:25px;display:block;margin-right:0}.brand-title{font-size:15px;line-height:1;display:inline-flex;align-items:center}.user-info,.user-name,.user-pill-chevron{display:none!important}.user-pill{width:34px;height:34px;min-width:34px;min-height:34px;max-width:34px;max-height:34px;padding:0;gap:0;border-radius:50%;aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;background:#fff3;box-shadow:none;transform:none}.user-pill:hover,.user-pill.open,.user-pill:hover .avatar{transform:none}.user-pill .avatar{width:30px;height:30px;min-width:30px;min-height:30px;aspect-ratio:1 / 1;border-radius:50%;flex-shrink:0;margin:0;font-size:13px;line-height:1}.theme-btn-topbar{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%}.tab-item{font-size:11.5px;padding:6px 4px}.page-header-row{flex-wrap:wrap;gap:10px;margin-bottom:12px}.page-header-actions{display:flex;gap:6px;width:100%}.page-header-actions .btn-add{flex:1 1 0;min-width:0;justify-content:center;padding:7px 8px;font-size:11.5px;white-space:nowrap}.page-header-row>.btn-add{flex:0 0 auto;width:auto;padding:7px 12px;font-size:12px;white-space:nowrap}.koiny-goals-banner{padding:14px 12px;gap:10px;margin-bottom:14px}.koiny-banner-title{font-size:16px}.koiny-banner-desc{font-size:12px}.toolbar-filters{gap:6px}.toolbar-filters .filter-label{display:none}.toolbar-filters .filter-group:first-child{flex:1.3}.toolbar-filters .filter-group:last-child{flex:1}.dashboard .balance-card .value{font-size:20px}.dashboard .balance-card.balance-mascot-card{padding:12px 14px;gap:8px}.balance-mascot-widget{width:74px;height:72px}.balance-mascot-widget .mascot-pocket-img{width:58px;max-height:48px}.balance-savings-motto{display:none}.stat-card .value{font-size:14.5px}.savings-mascot-card{padding:14px 12px;gap:10px}.mascot-widget-body{flex-direction:column;align-items:center;gap:12px}.mascot-interactive-area{margin:0 auto}.mascot-widget-info{width:100%;align-items:center;text-align:center}.mascot-toss-btn{align-self:center;width:100%;justify-content:center}.chart-card{padding:12px 10px}.chart-canvas-wrap{height:200px;min-height:180px}.table tbody tr.table-card-row .cell-actions .table-action-btn{padding:7px 6px;font-size:11px;gap:4px}}@media (max-width: 360px){.tab-item{font-size:10.5px;padding:5px 2px;gap:2px}.brand-title{font-size:14px}.page-header-actions .btn-add{padding:6px 8px;font-size:11px;gap:4px}}@media (max-width: 768px){.floating-mascot-container{bottom:calc(16px + env(safe-area-inset-bottom,0px));right:14px}.pocky-svg{width:54px!important;height:57px!important}.pocky-speech-bubble{font-size:11px;padding:6px 11px;max-width:min(250px,calc(100vw - 84px));white-space:normal;line-height:1.35;border-radius:14px;margin-bottom:6px}.pocky-speech-bubble:after{right:18px}.pocky-popover-card{width:min(290px,calc(100vw - 28px));right:0;padding:14px 12px;border-radius:16px}.pocky-collapsed-pill{padding:5px 12px;font-size:11.5px;gap:5px}.stat-mascot{width:52px;height:52px;transform:none!important;margin:0!important;flex-shrink:0}.stat-mascot .stat-mascot-svg{width:52px!important;height:52px!important}.balance-mascot-widget{width:82px;height:76px;flex-shrink:0}.balance-mascot-widget .mascot-pocket-img{width:64px;max-height:52px}.balance-mascot-widget .mascot-shadow{width:52px;height:8px}.balance-mascot-counter-pill{bottom:-2px;font-size:10.5px;padding:2px 7px}.balance-mascot-widget .stream-coin .svg-coin{width:16px!important;height:16px!important}.balance-mascot-widget .tossed-coin .svg-coin{width:18px!important;height:18px!important}.koiny-banner-character-stage{width:86px;flex-shrink:0}.koiny-banner-character-stage .koiny-svg{width:72px!important;height:72px!important}.koiny-banner-character-stage .koiny-ground-shadow{width:48px;height:7px}.koiny-click-tag{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:3px;font-size:10px;padding:2px 8px;margin-top:3px}.koiny-empty-state{padding:24px 14px;gap:8px}.koiny-empty-mascot-wrap .koiny-svg{width:64px!important;height:64px!important}.koiny-empty-mascot-wrap .koiny-ground-shadow{width:44px;height:7px}.koiny-mascot-wrapper .koiny-svg{width:66px!important;height:66px!important}.mascot-interactive-area{width:86px;height:80px}.mascot-interactive-area .mascot-pocket-img{width:70px;max-height:58px}.mascot-interactive-area .mascot-shadow{width:58px;height:8px}.mascot-interactive-area .stream-coin .svg-coin{width:16px!important;height:16px!important}}@media (max-width: 640px){.stat-mascot{width:48px;height:48px;transform:none!important;margin:0!important;flex-shrink:0}.stat-mascot .stat-mascot-svg{width:48px!important;height:48px!important}.koiny-banner-character-stage{width:80px}.koiny-banner-character-stage .koiny-svg{width:66px!important;height:66px!important}.koiny-banner-character-stage .koiny-ground-shadow{width:44px;height:7px}.koiny-empty-mascot-wrap .koiny-svg{width:58px!important;height:58px!important}.koiny-empty-mascot-wrap .koiny-ground-shadow{width:40px;height:6px}}@media (max-width: 480px){.floating-mascot-container{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:10px}.pocky-svg{width:48px!important;height:51px!important}.pocky-speech-bubble{font-size:10.5px;padding:5px 9px;max-width:calc(100vw - 72px);line-height:1.3}.pocky-speech-bubble:after{right:15px}.pocky-popover-card{width:min(280px,calc(100vw - 20px));padding:12px 10px}.pocky-name{font-size:13px}.pocky-tag{font-size:10px}.pocky-tip-text{font-size:11.5px}.pocky-action-btn{font-size:11px!important;padding:5px 8px!important}.pocky-collapsed-pill{padding:4px 9px;font-size:11px;gap:4px}.stat-card-row{gap:6px;align-items:center}.stat-mascot{width:42px;height:42px;transform:none!important;margin:0!important;flex-shrink:0}.stat-mascot .stat-mascot-svg{width:42px!important;height:42px!important}.card-cute-pill{display:none}.balance-mascot-widget{width:68px;height:66px;flex-shrink:0}.balance-mascot-widget .mascot-pocket-img{width:54px;max-height:44px}.balance-mascot-widget .mascot-shadow{width:44px;height:7px}.balance-mascot-counter-pill{bottom:-1px;font-size:9.5px;padding:1.5px 6px;gap:2.5px}.balance-mascot-counter-pill .svg-coin{width:11px!important;height:11px!important}.balance-mascot-widget .stream-coin .svg-coin{width:13px!important;height:13px!important}.balance-mascot-widget .tossed-coin .svg-coin{width:15px!important;height:15px!important}.koiny-banner-character-stage{width:72px}.koiny-banner-character-stage .koiny-svg{width:58px!important;height:58px!important}.koiny-banner-character-stage .koiny-ground-shadow{width:40px;height:6px}.koiny-click-tag{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:3px;font-size:9.5px;padding:1.5px 7px}.koiny-heart-pop{font-size:10.5px;padding:3px 8px}.koiny-empty-state{padding:18px 10px;gap:6px}.koiny-empty-mascot-wrap .koiny-svg{width:52px!important;height:52px!important}.koiny-empty-mascot-wrap .koiny-ground-shadow{width:36px;height:6px}.koiny-empty-state .empty-text{font-size:12.5px;margin:0}.koiny-empty-state .empty-sub{font-size:11px;margin:0}.koiny-mascot-wrapper .koiny-svg{width:52px!important;height:52px!important}.mascot-interactive-area{width:74px;height:68px}.mascot-interactive-area .mascot-pocket-img{width:60px;max-height:50px}.mascot-interactive-area .mascot-shadow{width:50px;height:7px}.mascot-interactive-area .stream-coin .svg-coin{width:14px!important;height:14px!important}.progress-shell{height:12px}.progress-coin-marker .progress-coin-svg{width:18px!important;height:18px!important}.loading-card{padding:24px 20px}.loading-mascot-box{width:72px;height:72px;margin-bottom:6px}.loading-mascot-logo{width:56px;height:56px}.loading-mascot-shadow{width:44px;height:6px}.loading-mascot-coin{width:20px;height:20px;margin-left:-10px}.loading-mascot-coin svg{width:20px;height:20px}.avatar-preset-card{padding:8px 4px;gap:4px}.preset-avatar-thumb{width:38px;height:38px}.avatar-preset-name{font-size:11px}}@media (max-width: 360px){.floating-mascot-container{bottom:calc(10px + env(safe-area-inset-bottom,0px));right:8px}.pocky-svg{width:44px!important;height:47px!important}.pocky-speech-bubble{font-size:10px;padding:4px 8px;max-width:calc(100vw - 64px)}.stat-mascot{width:36px;height:36px;transform:none!important;margin:0!important}.stat-mascot .stat-mascot-svg{width:36px!important;height:36px!important}.balance-mascot-widget{width:58px;height:58px}.balance-mascot-widget .mascot-pocket-img{width:46px;height:46px;max-height:38px}.balance-mascot-widget .mascot-shadow{width:36px;height:6px}.auth-panel{padding:20px 14px}.auth-top-actions{gap:8px}.auth-top-nav .brand-name{font-size:15px}.auth-top-nav .auth-back-link{font-size:.82rem}.balance-mascot-counter-pill{font-size:9px;padding:1px 5px}.koiny-banner-character-stage{width:64px}.koiny-banner-character-stage .koiny-svg{width:50px!important;height:50px!important}.koiny-banner-character-stage .koiny-ground-shadow{width:34px;height:5px}.koiny-empty-mascot-wrap .koiny-svg{width:44px!important;height:44px!important}.koiny-empty-mascot-wrap .koiny-ground-shadow{width:30px;height:5px}.koiny-mascot-wrapper .koiny-svg{width:44px!important;height:44px!important}.hero-mascot-center{width:132px;height:108px}.hero-mascot-img{width:112px;max-height:92px}.hero-mascot-shadow{width:86px;height:10px}.progress-shell{height:11px}.progress-coin-marker .progress-coin-svg{width:16px!important;height:16px!important}}@media (max-width: 330px){.auth-top-nav .brand-name{display:none}}.landing-wrap{min-height:100vh;background:transparent;color:var(--text);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.theme-dark .landing-wrap{background:transparent}.landing-nav{position:sticky;top:0;z-index:100;background:#ffffffe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border);transition:background .2s ease,border-color .2s ease}.theme-dark .landing-nav{background:#0f172ae0;border-bottom:1px solid rgba(255,255,255,.08)}.landing-nav-inner{max-width:1360px;margin:0 auto;padding:16px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-nav-links{display:flex;align-items:center;gap:28px}.landing-nav-link{color:var(--text-secondary, #4b5563);font-weight:600;font-size:.92rem;text-decoration:none;transition:color .18s ease;position:relative}.landing-nav-link:hover{color:var(--primary)}.landing-nav-actions{display:flex;align-items:center;gap:12px}.btn-landing-login{padding:8px 18px;border-radius:var(--pill);font-weight:600;font-size:.88rem;color:var(--text);text-decoration:none;border:1px solid var(--card-border);background:var(--card);transition:all .2s ease}.btn-landing-login:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-landing-register{padding:8px 22px;border-radius:var(--pill);font-weight:600;font-size:.88rem;color:#fff;text-decoration:none;background:linear-gradient(135deg,#e45153,#db3d40);box-shadow:0 4px 14px #e4515359;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-landing-register:hover{background:var(--primary-dark);box-shadow:0 6px 20px #e4515373;transform:translateY(-1px)}.landing-hamburger-btn{display:none;background:var(--card);border:1px solid var(--card-border);color:var(--text);width:40px;height:40px;border-radius:var(--pill);align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1)}.landing-hamburger-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.theme-dark .landing-hamburger-btn{background:#ffffff14;border-color:#ffffff29}.landing-mobile-drawer{display:flex;flex-direction:column;background:var(--card);border-bottom:1px solid var(--card-border);padding:14px 20px 20px;gap:8px;animation:drawerSlideDown .24s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px #0000001a}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-drawer-link{font-size:.96rem;font-weight:600;color:var(--text);text-decoration:none;padding:11px 12px;border-radius:10px;min-height:44px;display:flex;align-items:center;transition:all .15s ease}.mobile-drawer-link:hover{background:var(--bg-hover, rgba(228, 81, 83, .08));color:var(--primary)}.mobile-drawer-actions{display:flex;gap:10px;margin-top:8px;padding-top:14px;border-top:1px solid var(--card-border)}.mobile-drawer-actions .btn-landing-login,.mobile-drawer-actions .btn-landing-register{flex:1;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.landing-hero{max-width:1360px;margin:0 auto;padding:76px 36px 64px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:64px;position:relative}.landing-hero:before{content:"";position:absolute;top:-80px;left:20%;width:500px;height:400px;background:radial-gradient(circle,rgba(228,81,83,.09) 0%,rgba(252,211,77,.06) 50%,transparent 70%);pointer-events:none;z-index:0;filter:blur(40px)}.landing-hero-content{position:relative;z-index:1}.landing-hero-title{font-size:3rem;font-weight:800;line-height:1.16;margin-bottom:22px;letter-spacing:-.03em;color:var(--text);max-width:680px}.landing-hero-title .brand-highlight{color:var(--primary)}.landing-hero-desc{font-size:1.08rem;line-height:1.68;color:var(--muted);margin-bottom:32px;max-width:620px}.landing-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:28px}.cta-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:var(--pill);background:linear-gradient(135deg,#e45153,#dc2626);color:#fff;font-weight:700;font-size:.98rem;text-decoration:none;box-shadow:0 8px 24px -2px #e451536b;transition:all .22s cubic-bezier(.16,1,.3,1)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px -2px #e451538c}.cta-primary:active{transform:translateY(0)}.cta-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--pill);background:var(--card);color:var(--text);font-weight:700;font-size:.98rem;text-decoration:none;border:1.5px solid var(--card-border);box-shadow:var(--card-shadow);transition:all .22s cubic-bezier(.16,1,.3,1)}.cta-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.cta-secondary:active{transform:translateY(0)}.hero-trust-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:6px}.trust-item{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:var(--card-bg-subtle, rgba(0, 0, 0, .03));border:1px solid var(--border-color, #e2e8f0);font-size:.82rem;font-weight:600;color:var(--text);box-shadow:0 1px 3px #00000008;transition:transform .2s ease,border-color .2s ease}.theme-dark .trust-item{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.trust-item:hover{transform:translateY(-1px);border-color:var(--primary)}.trust-icon{font-size:.95rem;line-height:1}.landing-hero-preview{position:relative;z-index:1;background:var(--card);border-radius:var(--radius-xl, 24px);border:1px solid var(--card-border);box-shadow:0 20px 48px -12px #0f172a29,0 4px 16px -2px #0f172a0d;padding:0;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.theme-dark .landing-hero-preview{background:#0f172a;border-color:#ffffff1a;box-shadow:0 24px 56px -12px #000000a6}.landing-hero-preview:hover{transform:translateY(-4px)}.preview-window-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#00000008;border-bottom:1px solid var(--card-border)}.theme-dark .preview-window-bar{background:#ffffff08;border-color:#ffffff0f}.window-dots{display:flex;align-items:center;gap:6px}.window-dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.window-badge{font-size:.74rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.telegram-card-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--card-border);background:var(--card)}.theme-dark .telegram-card-header{border-bottom-color:#ffffff14}.telegram-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e45153,#dc2626);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #e4515359;flex-shrink:0;overflow:hidden}.telegram-avatar .pocky-svg{width:38px;height:40px;display:block}.telegram-avatar img{width:100%;height:100%;object-fit:cover;display:block}.telegram-info h4{font-size:1rem;margin:0;font-weight:700;color:var(--text)}.telegram-info p{font-size:.78rem;color:#e45153;margin:2px 0 0;font-weight:600}.telegram-chat-body{display:flex;flex-direction:column;gap:12px;padding:18px 20px 22px;background:var(--bg-alt, rgba(0, 0, 0, .02))}.theme-dark .telegram-chat-body{background:#0003}.chat-bubble{max-width:86%;padding:10px 14px;border-radius:16px;font-size:.88rem;line-height:1.45;box-shadow:0 2px 8px #0000000a}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#e45153,#dc2626);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px #e4515347}.chat-bubble.bot{align-self:flex-start;background:var(--card, #ffffff);color:var(--text);border:1px solid var(--card-border);border-bottom-left-radius:4px}.theme-dark .chat-bubble.bot{background:#ffffff0f;border-color:#ffffff14}.chat-bubble-footer{font-size:.7rem;margin-top:4px;opacity:.75;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:4px}.chat-bubble.user .chat-bubble-footer{color:#ffffffd9}.bubble-check{font-weight:800;color:#93c5fd}.landing-section{max-width:1360px;margin:0 auto;padding:76px 36px;width:100%;opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.landing-section.is-visible{opacity:1;transform:translateY(0)}.section-head{text-align:center;max-width:720px;margin:0 auto 52px}.section-kicker{font-size:.82rem;font-weight:800;letter-spacing:1.8px;color:var(--primary);text-transform:uppercase;margin-bottom:8px}.section-h2{font-size:2.35rem;font-weight:800;margin-bottom:12px;letter-spacing:-.025em;color:var(--text)}.section-sub{color:var(--muted);font-size:1.02rem;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg, 20px);padding:28px 24px;box-shadow:var(--card-shadow);transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s ease,border-color .2s ease;position:relative;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.feature-card.is-featured{border-color:#e4515359;background:linear-gradient(180deg,rgba(228,81,83,.03) 0%,var(--card) 100%);box-shadow:0 10px 30px -6px #e451531f}.theme-dark .feature-card.is-featured{background:linear-gradient(180deg,#e4515314,#0f172a);border-color:#e4515366}.feature-badge-spotlight{position:absolute;top:18px;right:18px;padding:4px 10px;border-radius:var(--pill);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#e451531a;color:var(--primary);border:1px solid rgba(228,81,83,.25)}.feature-icon-wrap{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:linear-gradient(135deg,#e451531f,#fcd34d29);border:1px solid rgba(228,81,83,.15);box-shadow:0 4px 12px #e4515314;transition:transform .24s ease}.feature-card:hover .feature-icon-wrap{transform:scale(1.08) rotate(3deg)}.feature-icon-img{width:34px;height:34px}.feature-icon-emoji{font-size:28px}.feature-card h3{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:var(--text);letter-spacing:-.01em}.feature-card p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0;flex-grow:1}.steps-container{position:relative}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;z-index:1}.step-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg, 20px);padding:32px 24px;text-align:center;box-shadow:var(--card-shadow);transition:transform .25s ease,box-shadow .25s ease;position:relative}.step-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.step-number-wrap{position:relative;width:52px;height:52px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.step-number{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:50%;background:linear-gradient(135deg,#e45153,#f59e0b);color:#fff;font-weight:800;font-size:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #e4515359;border:3px solid var(--card);margin:0 auto;box-sizing:border-box}.step-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--text)}.step-card p{color:var(--muted);font-size:.9rem;line-height:1.55;margin:0}.bot-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.bot-command-box{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md, 14px);padding:18px 20px;box-shadow:var(--card-shadow);transition:transform .2s ease,border-color .2s ease}.bot-cmd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.bot-cmd-tag{background:#e4515317;color:var(--primary);padding:5px 12px;border-radius:var(--pill);font-weight:700;font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;border:1px solid rgba(228,81,83,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.theme-dark .bot-cmd-tag{background:#e4515329}.bot-cmd-badge{font-size:.72rem;font-weight:700;color:#10b981;background:#10b9811f;padding:3px 8px;border-radius:var(--pill);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.bot-cmd-reply{position:relative;background:#00000006;padding:12px 14px 12px 18px;border-radius:12px;font-size:.85rem;line-height:1.5;color:var(--text);overflow:hidden;border:1px solid var(--card-border)}.bot-cmd-reply:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#e45153,#f59e0b);border-top-left-radius:12px;border-bottom-left-radius:12px}.theme-dark .bot-cmd-reply{background:#ffffff0a}.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.faq-item{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md, 14px);box-shadow:var(--card-shadow);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.faq-item.is-open{border-color:var(--primary);box-shadow:0 8px 24px -4px #e451531f}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:none;border:none;color:var(--text);font:inherit;font-size:1.02rem;font-weight:700;cursor:pointer;text-align:left;gap:16px;transition:color .18s ease}.faq-trigger:hover{color:var(--primary)}.faq-chevron{width:20px;height:20px;flex-shrink:0;transition:transform .24s cubic-bezier(.16,1,.3,1);color:var(--muted)}.faq-item.is-open .faq-chevron{transform:rotate(180deg);color:var(--primary)}.faq-content{padding:0 22px 20px;color:var(--muted);font-size:.92rem;line-height:1.62;animation:faqFadeIn .24s ease}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.landing-footer{margin-top:auto;background:var(--card);border-top:1px solid var(--card-border);padding:56px 24px 28px}.landing-footer-inner{max-width:1360px;margin:0 auto}.landing-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px}.landing-footer-col.brand-col{max-width:400px}.landing-footer-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px}.landing-footer-tagline{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0}.footer-col-title{font-size:.82rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text);margin-bottom:16px}.footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.footer-links-list li{display:flex}.footer-links-list a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none;font-size:.9rem;transition:color .18s ease}.footer-links-list a:hover{color:var(--primary)}.landing-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--card-border);font-size:.85rem;color:var(--muted);flex-wrap:wrap;gap:14px}.landing-footer-bottom-links{display:flex;gap:16px;flex-wrap:wrap}.footer-bottom-item{color:var(--muted);font-size:.84rem;transition:color .2s ease}.footer-bottom-item:hover{color:var(--text)}.landing-footer-copy{margin:0;color:var(--muted)}.landing-hero-content{animation:heroFadeIn .45s ease-out both}.landing-hero-preview{animation:heroPreviewIn .55s cubic-bezier(.16,1,.3,1) .1s both}.feature-card{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,border-color .22s ease}.feature-card:hover{transform:translateY(-4px)}.bot-command-box{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease}.bot-command-box:hover{transform:translateY(-3px);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.cta-primary,.cta-secondary{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease,background-color .18s ease}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e4515361}.cta-secondary:hover{transform:translateY(-2px)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroPreviewIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.landing-hero-content,.landing-hero-preview,.feature-card,.bot-command-box,.cta-primary,.cta-secondary{animation:none!important;transition:none!important;transform:none!important}}.trust-icon-svg{display:inline-flex;align-items:center;justify-content:center;color:var(--primary)}.landing-proof-strip{max-width:1360px;margin:16px auto 0;padding:24px 36px;display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);background:#00000005}.theme-dark .landing-proof-strip{background:#ffffff08}.proof-label{font-size:.88rem;font-weight:600;color:var(--muted)}.proof-divider{width:1px;height:18px;background:var(--card-border)}.proof-stat{font-size:.92rem;color:var(--text)}.proof-stat strong{color:var(--primary);font-weight:800}.feature-emoji{font-size:2rem;margin-bottom:16px;line-height:1}.steps-connector{position:absolute;top:58px;left:18%;right:18%;height:2px;background:linear-gradient(90deg,#e45153,#f59e0b,#e45153);opacity:.3;border-radius:2px;z-index:0}.bot-tabs{max-width:860px;margin:0 auto}.bot-tab-list{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}.bot-tab{padding:8px 18px;border-radius:var(--pill);border:1px solid var(--card-border);background:var(--card);font-weight:700;font-size:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--muted);cursor:pointer;transition:all .2s ease}.bot-tab:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.bot-tab.is-active{background:linear-gradient(135deg,#e45153,#dc2626);color:#fff;border-color:transparent;box-shadow:0 4px 14px #e4515359}.bot-tab-panel{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-xl, 24px);padding:26px 30px;box-shadow:var(--card-shadow);transition:transform .2s ease}.bot-tab-cmd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.bot-tab-reply{background:#00000006;padding:16px 20px;border-radius:var(--radius-md, 14px);font-size:.94rem;line-height:1.6;border-left:4px solid var(--primary);color:var(--text);border-top:1px solid var(--card-border);border-right:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.theme-dark .bot-tab-reply{background:#ffffff0a}.bot-tab-try{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:.9rem;font-weight:700;color:var(--primary);text-decoration:none;transition:transform .18s ease}.bot-tab-try:hover{transform:translate(3px);text-decoration:underline}.landing-cta-band{max-width:1360px;margin:60px auto;padding:56px 40px;border-radius:var(--radius-xl, 24px);background:linear-gradient(135deg,#e45153,#c0392b);color:#fff;text-align:center;box-shadow:0 16px 40px -10px #e4515373}.landing-cta-band h2{font-size:2.1rem;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.landing-cta-band p{font-size:1.05rem;opacity:.92;margin:0 auto 28px;max-width:620px;line-height:1.6}.landing-cta-band-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landing-cta-band .cta-primary{background:#fff;color:var(--primary);box-shadow:0 8px 24px #00000026}.landing-cta-band .cta-primary:hover{background:#f8fafc;color:var(--primary-dark)}.landing-cta-band .cta-secondary{background:transparent;color:#fff;border-color:#fff6}.landing-cta-band .cta-secondary:hover{background:#ffffff1f;border-color:#fff;color:#fff}@media (max-width: 920px){.landing-hero{grid-template-columns:1fr;padding:42px 20px 32px;gap:36px}.landing-hero-title{font-size:2.25rem}.features-grid,.steps-grid{grid-template-columns:1fr}.steps-connector,.landing-nav-links{display:none}.landing-hamburger-btn{display:inline-flex}.landing-nav-actions .btn-landing-login,.landing-nav-actions .btn-landing-register{display:none}.landing-nav-inner .brand{order:1;margin-right:auto}.landing-nav-inner .landing-nav-actions{order:2;margin-left:auto}.landing-footer-grid{grid-template-columns:1fr;gap:32px}}@media (max-width: 480px){.landing-nav-inner{padding:10px 14px;gap:8px}.landing-nav-actions{gap:8px}.landing-nav-tg{display:none}.landing-hero{padding:28px 14px 24px;gap:24px}.landing-hero-title{font-size:1.85rem;line-height:1.22}.landing-hero-desc{font-size:.92rem}.landing-hero-cta{flex-direction:column;width:100%;gap:10px}.cta-primary,.cta-secondary{width:100%;justify-content:center;padding:12px 18px;font-size:.9rem;min-height:44px}.hero-trust-strip{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:8px}.hero-trust-strip::-webkit-scrollbar{display:none}.trust-item{font-size:.78rem;padding:5px 12px;flex-shrink:0;scroll-snap-align:start}.landing-section{padding:44px 14px}.section-h2{font-size:1.65rem}.features-grid,.bot-showcase-grid{grid-template-columns:1fr;gap:16px}.step-card{padding:24px 16px}.landing-footer{padding:40px 16px 24px}.landing-footer-grid{grid-template-columns:1fr;gap:28px}.footer-links-list li a{display:flex;align-items:center;min-height:44px;font-size:.94rem}.landing-footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:12px;padding-top:20px;padding-bottom:24px}.landing-footer-bottom-links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.landing-footer-bottom-links .footer-bottom-item{font-size:.85rem;color:var(--muted);min-height:44px;display:inline-flex;align-items:center;padding:0 4px}.landing-footer-copy{font-size:.82rem;color:var(--muted);text-align:center;margin:0}}.laporan-container{max-width:860px;margin:0 auto;padding:16px 20px 48px}.laporan-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.laporan-month-picker{display:flex;align-items:center;gap:10px}.laporan-month-picker input{padding:8px 14px;border-radius:9999px;border:1px solid var(--card-border, #e5e7eb);background:var(--card, #fff);color:var(--text, #1f1f1f);font-family:inherit;font-weight:600;font-size:.95rem}.btn-laporan-print{display:inline-flex;align-items:center;gap:8px;background:#e45153;color:#fff;border:none;font-family:Poppins,sans-serif;font-weight:700;font-size:.92rem;padding:10px 22px;border-radius:9999px;cursor:pointer;box-shadow:0 4px 14px #e4515359;transition:transform .15s ease,background .15s ease}.btn-laporan-print:hover{background:#c93e42;transform:translateY(-1px)}.laporan-print-page{background:#f3f4f6;min-height:100vh;padding:24px 16px 48px;display:flex;flex-direction:column;align-items:center}.theme-dark .laporan-print-page{background:#0b1220}.laporan-print-floating-btn{position:fixed;bottom:24px;right:24px;background:#e45153;color:#fff;border:none;font-family:Poppins,sans-serif;font-weight:700;font-size:14px;padding:13px 24px;border-radius:30px;cursor:pointer;box-shadow:0 8px 24px #e4515366;z-index:999;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease,background .15s ease}.laporan-print-floating-btn:hover{background:#c93e42;transform:translateY(-2px)}.laporan-sheet{width:100%;max-width:800px;margin:0 auto;border-radius:18px;padding:22px 24px;background:radial-gradient(rgba(228,81,83,.055) 1.4px,transparent 1.5px),radial-gradient(rgba(252,211,77,.1) 1.4px,transparent 1.5px),#fff;background-size:26px 26px,34px 34px;background-position:0 0,13px 17px;box-shadow:0 6px 30px #0000000f;border:1px solid rgba(0,0,0,.06);color:#1f1f1f;font-family:Poppins,system-ui,sans-serif;box-sizing:border-box}.laporan-sheet *{box-sizing:border-box}.laporan-sheet .laporan-strip{height:7px;background:linear-gradient(90deg,#e45153,#f59e0b 55%,#fcd34d);border-radius:4px;margin-bottom:8px}.laporan-sheet .laporan-header{display:flex;justify-content:space-between;align-items:center;padding:6px 2px 12px;border-bottom:3px solid #e45153}.laporan-sheet .laporan-brand{display:inline-flex;align-items:center;gap:10px}.laporan-sheet .laporan-logo{width:36px;height:36px;object-fit:contain;display:block;margin:0;flex-shrink:0}.laporan-sheet .laporan-word{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.5px;color:#1f1f1f;display:inline-flex;align-items:center;margin:0;padding:0}.laporan-sheet .laporan-word span{color:#e45153}.laporan-sheet .laporan-period{text-align:right}.laporan-sheet .laporan-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#e45153;text-transform:uppercase}.laporan-sheet .laporan-period h2{font-size:19px;font-weight:700;margin:2px 0 0;color:#111827}.laporan-sheet .laporan-period p{color:#6b7280;font-size:12px;margin:2px 0 0}.laporan-sheet .laporan-hero{margin:12px 2px 6px;font-size:12.5px;color:#6b7280;line-height:1.5}.laporan-sheet .laporan-cards{display:flex;gap:10px;margin:10px 0 6px}.laporan-sheet .laporan-card{flex:1;border-radius:16px;padding:12px 16px;color:#fff;position:relative;overflow:hidden}.laporan-sheet .laporan-card:after{content:"";position:absolute;right:-24px;top:-24px;width:88px;height:88px;border-radius:50%;background:#ffffff24;pointer-events:none}.laporan-sheet .laporan-card:before{content:"";position:absolute;right:8px;bottom:-30px;width:56px;height:56px;border-radius:50%;background:#ffffff17;pointer-events:none}.laporan-sheet .laporan-card small{font-size:10px;opacity:.92;letter-spacing:1px;text-transform:uppercase;font-weight:600;display:block;position:relative;z-index:1}.laporan-sheet .laporan-card .num{font-size:20px;font-weight:800;margin-top:3px;position:relative;z-index:1}.laporan-sheet .laporan-card .sub{font-size:11px;opacity:.88;margin-top:2px;position:relative;z-index:1}.laporan-sheet .laporan-c-in{background:linear-gradient(135deg,#10b981,#047857)}.laporan-sheet .laporan-c-out{background:linear-gradient(135deg,#e45153,#b91c1c)}.laporan-sheet .laporan-c-ok{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#1f1f1f}.laporan-sheet h3.laporan-sec{font-size:12px;font-weight:700;margin:14px 0 8px;text-transform:uppercase;letter-spacing:1.2px;color:#374151;display:flex;align-items:center;gap:8px}.laporan-sheet h3.laporan-sec .n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#e45153;color:#fff;font-size:11px;font-weight:800;flex-shrink:0}.laporan-sheet h3.laporan-sec:after{content:"";flex:1;height:1px;background:#e5e7eb}.laporan-sheet .laporan-grid2{display:flex;gap:10px}.laporan-sheet .laporan-panel{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:12px 14px;box-shadow:0 4px 18px #0000000a;flex:1}.laporan-sheet .laporan-panel-t{font-size:11.5px;font-weight:700;color:#374151;margin-bottom:6px}.laporan-sheet .laporan-fact{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed #f3f4f6}.laporan-sheet .laporan-fact:last-child{border-bottom:none}.laporan-sheet .laporan-fact .ico{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;background:#fff5f5;flex-shrink:0}.laporan-sheet .laporan-fact .flabel{font-size:10.5px;color:#6b7280}.laporan-sheet .laporan-fact .fval{font-size:12px;font-weight:700;color:#1f1f1f}.laporan-sheet .laporan-donut-wrap{display:flex;align-items:center;gap:14px}.laporan-sheet .laporan-donut-list{flex:1;display:flex;flex-direction:column;gap:4px}.laporan-sheet .laporan-donut-item{display:flex;align-items:center;justify-content:space-between;font-size:11px}.laporan-sheet .laporan-donut-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.laporan-sheet .laporan-hm{display:flex;gap:14px;align-items:center}.laporan-sheet .laporan-hm-grid{display:grid;grid-template-columns:repeat(7,26px);gap:3px}.laporan-sheet .laporan-hm-cell{width:26px;height:26px;border-radius:5px;font-size:9.5px;font-weight:600;display:flex;align-items:center;justify-content:center;color:#374151;background:#f9fafb;border:1px solid #f3f4f6}.laporan-sheet .laporan-hm-cell.hm-empty{background:transparent;border-color:transparent}.laporan-sheet .laporan-hm-side{flex:1;font-size:11.5px;line-height:1.5}.laporan-sheet .laporan-hm-side .big{font-size:14px;font-weight:700;color:#e45153}.laporan-sheet .laporan-hm-scale{display:flex;align-items:center;gap:4px;font-size:10px;color:#6b7280;margin-top:8px}.laporan-sheet .laporan-hm-scale i{width:12px;height:12px;border-radius:3px;display:inline-block}.laporan-sheet .laporan-insight{background:linear-gradient(135deg,#fffdf3,#fef6d8);border:1px solid #fcd34d;border-radius:16px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex;gap:12px}.laporan-sheet .laporan-insight .mascot{font-size:30px;flex-shrink:0}.laporan-sheet .laporan-cmp-row{margin:8px 0}.laporan-sheet .laporan-cmp-row .top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.laporan-sheet .laporan-cmp-row .delta-up{color:#e45153;font-weight:700;font-size:11px}.laporan-sheet .laporan-cmp-row .delta-dn{color:#059669;font-weight:700;font-size:11px}.laporan-sheet .laporan-cmp-bars{position:relative;height:18px}.laporan-sheet .laporan-cmp-bars .b1,.laporan-sheet .laporan-cmp-bars .b2{position:absolute;left:0;height:8px;border-radius:30px}.laporan-sheet .laporan-cmp-bars .b1{background:#e5e7eb;top:0}.laporan-sheet .laporan-cmp-bars .b2{background:linear-gradient(90deg,#e45153,#f59e0b);top:10px}.laporan-sheet .laporan-cmp-leg{display:flex;gap:14px;font-size:10px;color:#6b7280;margin-top:6px}.laporan-sheet table{width:100%;border-collapse:collapse;font-size:11.5px}.laporan-sheet th{text-align:left;padding:7px 6px;font-size:10px;text-transform:uppercase;color:#6b7280;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.laporan-sheet td{padding:7px 6px;border-bottom:1px solid #f3f4f6;color:#374151}.laporan-sheet tr:last-child td{border-bottom:none}.laporan-sheet .r{text-align:right}.laporan-sheet .laporan-cat-pill{display:inline-block;background:#fef2f2;color:#c93e42;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:30px}.laporan-sheet .laporan-goals{display:flex;gap:10px}.laporan-sheet .laporan-goal{flex:1;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:10px 12px;box-shadow:0 4px 18px #0000000a}.laporan-sheet .laporan-goal .gname{font-weight:700;font-size:12.5px}.laporan-sheet .laporan-goal .pct{font-size:10.5px;color:#6b7280;margin:3px 0 5px}.laporan-sheet .laporan-goal .track{background:#f1f5f9;border-radius:30px;height:8px;overflow:hidden}.laporan-sheet .laporan-goal .fill{height:100%;background:linear-gradient(90deg,#e45153,#fcd34d);border-radius:30px}.laporan-sheet .laporan-badges{display:flex;gap:10px}.laporan-sheet .laporan-badge{flex:1;text-align:center;background:linear-gradient(180deg,#fff,#fef2f2);border:1px solid rgba(228,81,83,.18);border-radius:16px;padding:10px 6px}.laporan-sheet .laporan-badge .e{font-size:22px}.laporan-sheet .laporan-badge .t{font-size:11px;font-weight:700;margin-top:3px;color:#1f1f1f}.laporan-sheet .laporan-badge .s{font-size:9.5px;color:#6b7280}.laporan-sheet .laporan-footer{margin-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9ca3af;border-top:1px solid #f1f5f9;padding-top:8px;gap:8px;flex-wrap:wrap}.laporan-sheet .laporan-footer-url{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.laporan-sheet .footer-link-text{word-break:keep-all;white-space:nowrap}.laporan-sheet .laporan-footer .fbrand{display:flex;align-items:center;gap:6px;font-weight:700;color:#6b7280}@media (max-width: 680px){.laporan-container{padding:12px 10px 48px}.laporan-toolbar{flex-direction:column;align-items:stretch;gap:12px}.laporan-month-picker{width:100%;justify-content:space-between}.laporan-month-picker input{flex:1;min-width:0}.btn-laporan-print{width:100%;justify-content:center}.laporan-sheet{padding:16px 12px;border-radius:14px;width:100%;box-sizing:border-box}.laporan-sheet .laporan-header{flex-direction:column;align-items:flex-start;gap:12px}.laporan-sheet .laporan-period{text-align:left}.laporan-sheet .laporan-cards{flex-direction:column;gap:8px}.laporan-sheet .laporan-grid2{display:flex;flex-direction:column;gap:12px}.laporan-sheet .laporan-panel{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box}.laporan-sheet .laporan-panel table{min-width:440px}.laporan-sheet .laporan-badges,.laporan-sheet .laporan-goals{display:flex;flex-direction:column;gap:8px}.laporan-sheet .laporan-donut-wrap{flex-direction:column;align-items:center;gap:14px}.laporan-sheet .laporan-donut-list{width:100%}.laporan-sheet .laporan-footer{flex-direction:column;align-items:flex-start;gap:6px;font-size:9.5px}.laporan-print-page{padding:16px 10px 96px}.laporan-print-floating-btn{bottom:16px;left:16px;right:16px;width:calc(100% - 32px);justify-content:center;box-shadow:0 4px 16px #e4515373}}@media print{@page{size:A4;margin:14mm 13mm 12mm}html,body{background:#fff!important;margin:0!important;padding:0!important}.no-print,.laporan-toolbar,.laporan-print-floating-btn,.topbar,.topbar-inner,.tab-nav,.theme-btn-topbar,.user-wrap,.user-pill,.demo-persistent-banner,.floating-mascot-container,.toast-container,.toast,.modal-backdrop,header,nav,aside,button{display:none!important}.laporan-container,.laporan-print-page{padding:0!important;margin:0!important;max-width:100%!important;background:#fff!important}.laporan-sheet{box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;max-width:100%!important;border-radius:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.laporan-sheet *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.laporan-sheet .laporan-card:before,.laporan-sheet .laporan-card:after{display:none!important}.laporan-sheet .laporan-panel,.laporan-sheet .laporan-card,.laporan-sheet .laporan-insight,.laporan-sheet .laporan-goal,.laporan-sheet .laporan-badge,.laporan-sheet .laporan-cmp-row,.laporan-sheet .laporan-fact,.laporan-sheet tr{page-break-inside:avoid!important;break-inside:avoid!important}.laporan-sheet h3.laporan-sec{page-break-after:avoid!important;break-after:avoid!important}}.pencapaian-container{max-width:1100px;margin:0 auto;padding:24px 20px 48px}.pencapaian-header{margin-bottom:28px}.pencapaian-title{font-size:1.85rem;font-weight:800;margin-bottom:6px;letter-spacing:-.5px}.pencapaian-subtitle{color:var(--muted);font-size:.95rem}.pencapaian-stats-bar{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px 20px;margin-bottom:28px;box-shadow:var(--card-shadow);flex-wrap:wrap}.pencapaian-stat-item{display:flex;align-items:center;gap:10px}.pencapaian-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:#e4515314}.pencapaian-stat-val{font-size:1.2rem;font-weight:800;line-height:1.2}.pencapaian-stat-lbl{font-size:.78rem;color:var(--muted)}.pencapaian-sec-title{font-size:1.15rem;font-weight:700;margin:28px 0 16px;display:flex;align-items:center;gap:8px}.pencapaian-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.badge-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;position:relative;transition:transform .25s ease,box-shadow .25s ease}.badge-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.badge-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.badge-icon-box{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#e451531f,#fcd34d33);border:1px solid rgba(228,81,83,.2);display:flex;align-items:center;justify-content:center;font-size:1.8rem}.badge-status-pill{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:var(--pill);text-transform:uppercase;letter-spacing:.5px}.badge-status-pill.unlocked{background:#ecfdf5;color:#059669;border:1px solid rgba(5,150,105,.2)}.badge-status-pill.locked{background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb}.badge-title{font-size:1.1rem;font-weight:700;margin-bottom:6px}.badge-subtitle{color:var(--muted);font-size:.88rem;line-height:1.5;margin-bottom:16px;flex:1}.badge-date{font-size:.78rem;color:#9ca3af;margin-bottom:16px}.badge-card.locked{opacity:.65;background:#00000005;filter:grayscale(.7)}.theme-dark .badge-card.locked{background:#ffffff05}.badge-card.locked .badge-icon-box{background:#f3f4f6;border-color:#e5e7eb}.theme-dark .badge-card.locked .badge-icon-box{background:#ffffff0d;border-color:#ffffff1a}.pencapaian-empty{text-align:center;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:48px 24px;box-shadow:var(--card-shadow)}.pencapaian-empty-icon{font-size:3.5rem;margin-bottom:14px}.pencapaian-empty h3{font-size:1.25rem;font-weight:700;margin-bottom:8px}.pencapaian-empty p{color:var(--muted);font-size:.95rem;max-width:440px;margin:0 auto}