:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f9f4ff;background:#150b20;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#190b25;--card:#2b1738;--card2:#321342;--purple:#7b2a99;--purple-dark:#360049;--gold:#ffe500;--muted:#bca9c9;--border:#523261 }*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}html{-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{width:100%;min-height:100dvh;background:radial-gradient(circle at 75% -10%,#4c155f 0,#1d0f28 42%,#160c20);display:flex;justify-content:center}.app-frame{position:relative;width:100%;max-width:min(480px,100%);min-width:0;min-height:100dvh;background:linear-gradient(180deg,#200b30 0,#170d21 48% 100%);box-shadow:0 0 60px #0006;padding-bottom:calc(88px + env(safe-area-inset-bottom));overflow-x:clip}.topbar{position:sticky;top:0;z-index:6;min-width:0;gap:8px;height:calc(73px + env(safe-area-inset-top));padding:calc(14px + env(safe-area-inset-top)) 20px 12px;background:linear-gradient(135deg,#4c0863,#350044);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a764ad44}.brand{min-width:0;display:flex;align-items:center;gap:11px}.brand img{width:39px;height:39px;object-fit:contain;filter:brightness(0) saturate(100%) invert(82%) sepia(92%) saturate(901%) hue-rotate(357deg) brightness(104%) contrast(107%)}.brand>div{min-width:0}.brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;letter-spacing:.01em}.brand small{display:block;margin-top:2px;color:#d7bfe2;font-size:11px}.sync-dot,.icon-button{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#ffffff17;border:1px solid #ffffff15;color:#f0d8ff}.icon-button{padding:0}.content{min-width:0;padding:22px 17px 34px}.section-kicker{display:flex;align-items:center;justify-content:space-between;margin:0 3px 13px;color:#d4b5e3;font-size:11px;font-weight:700;letter-spacing:.13em}.status-pill{font-size:10px;letter-spacing:0;color:#f6ca62;background:#f6ca6219;border-radius:99px;padding:7px 9px}.card{min-width:0;background:linear-gradient(145deg,#301a3d,#261331);border:1px solid #66427666;border-radius:22px;padding:20px;box-shadow:0 13px 24px #09020f2c;margin-bottom:17px}.balance-card{background:radial-gradient(circle at 85% 0,#65377a 0,#462158 47%,#30163f);border-color:#8956a375;padding:23px 21px 12px}.muted,small{color:var(--muted)}.balance{font-size:34px;font-weight:750;letter-spacing:-.04em;margin:7px 0 19px}.balance-stats{display:flex;gap:20px}.balance-stats>div{flex:1;min-width:0}.balance-stats small{display:block;font-size:11px;margin-bottom:6px}.balance-stats b{font-size:17px}.income{color:#e7da74}.expense{color:#eb8ca9}.chart{height:116px;margin:22px -10px 0}.quick-actions{min-width:0;display:flex;gap:11px;margin:20px 0 27px}.action,.button{border:0;border-radius:19px;min-height:53px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;text-align:center}.quick-actions .action{flex:1 1 0;min-width:0;padding-inline:clamp(8px,3vw,16px);font-size:clamp(14px,4.2vw,17px)}.gold{background:linear-gradient(135deg,#ffe500,#ffcf29);color:#281234;box-shadow:0 8px 20px #ffe50040}.purple{background:linear-gradient(135deg,#9a3eb4,#65218c);color:#fff;box-shadow:0 8px 20px #7d29a552}.minus{font-size:24px;line-height:0}.heading-row{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 12px}.heading-row h2,h2{font-size:18px;margin:0}.heading-row a{color:var(--gold);font-size:12px;display:flex;align-items:center}.list-card{padding:0 15px}.transaction-row{display:flex;align-items:center;gap:12px;min-height:72px;border-bottom:1px solid #ffffff15}.transaction-row:last-child{border-bottom:0}.transaction-icon{width:41px;height:41px;flex:none;border-radius:14px;display:grid;place-items:center;color:#ffe500;background:#6c267c}.transaction-icon.kind-2{color:#ebb1de;background:#54265d}.transaction-icon.kind-3{color:#add3ff;background:#38446c}.row-body{flex:1;min-width:0}.row-body b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-body small{display:block;font-size:11px;margin-top:4px}.transaction-row>b{font-size:12px;white-space:nowrap}.empty{border:1px dashed #6e4b78;border-radius:22px;text-align:center;padding:24px 20px;margin-bottom:18px;color:#e9d9f0}.empty-mark{font-size:27px;color:var(--gold);margin-bottom:8px}.empty p{color:var(--muted);font-size:13px;line-height:1.45;margin:7px 0 0}.account-mini{display:flex;justify-content:space-between;padding:15px 18px;margin-bottom:9px}.account-mini span{color:#d7c4e1}.bottom-nav{position:fixed;z-index:5;bottom:0;width:100%;max-width:480px;height:calc(72px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);background:#2a0e38ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #73448680;display:flex;justify-content:space-around;align-items:center}.nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;color:#bfa2cc}.nav-item small{font-size:9px;color:inherit}.nav-item.active{color:#ffe500}.nav-icon{width:40px;height:37px;display:grid;place-items:center}.nav-add .nav-icon{width:50px;height:50px;background:#ffe500;border-radius:18px;color:#281234;box-shadow:0 4px 16px #ffe50070;margin-top:-19px}.nav-add.active .nav-icon{background:#fff05c}.nav-add small{margin-top:0}.search,input,select,textarea{width:100%;background:#24152f;border:1px solid #6a4779;border-radius:13px;color:#fff;outline:none;padding:13px 14px;min-height:48px}.search:focus,input:focus,select:focus,textarea:focus{border-color:#ffe500}.search{margin-bottom:14px}.chips{display:flex;gap:8px;overflow:auto;margin-bottom:16px;padding-bottom:3px}.chip{white-space:nowrap;border:1px solid #5d3b6e;background:#2c1b3a;color:#ccb7d7;border-radius:99px;padding:8px 12px;font-size:12px}.chip.active{background:#ffe500;color:#291532;border-color:#ffe500}.report-summary{background:linear-gradient(145deg,#522063,#2f1640)}.report-summary h1{font-size:31px;margin:8px 0 23px}.account-card{background:linear-gradient(130deg,#622475,#351847)}.account-card h2{margin:12px 0}.account-card strong{font-size:25px}form{display:flex;flex-direction:column;gap:16px;margin-top:19px}label{display:block;color:#cbbad3;font-size:12px;font-weight:600}label input,label select,label textarea{display:block;margin-top:7px;font-size:16px;font-weight:400}textarea{resize:vertical}.button{width:100%;font-size:15px}.button:disabled{opacity:.5}.error{color:#ff9daf;margin:0;font-size:13px}.palette{display:flex;overflow:auto;gap:10px;padding:10px 3px 13px}.color-dot{border:2px solid #ffffff44;width:33px;height:33px;border-radius:50%;flex:none}.color-dot.selected{outline:3px solid #ffe500;outline-offset:2px}.label-text{font-size:12px;color:#cbbad3}.simple-row{min-height:53px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff15}.simple-row:last-child{border-bottom:0}.simple-row span{flex:1}.simple-row small{font-size:11px}.simple-row i{width:15px;height:15px;border-radius:50%}.menu-row{min-height:63px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #ffffff14}.menu-row:last-child{border-bottom:0}.menu-row span{flex:1}.menu-row svg:first-child{color:#ffe500}.add-options{display:flex;flex-direction:column;gap:13px}.add-options .action{justify-content:flex-start;min-height:67px;padding-left:24px}.photo-picker{border:1px dashed #9472a1;border-radius:16px;padding:17px;display:flex;align-items:center;gap:13px;color:#ffe500;cursor:pointer}.photo-picker span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-picker input{position:absolute;opacity:0;width:1px;height:1px}.detail-card h1{font-size:23px}.detail-card>strong{font-size:29px;display:block;margin:10px 0 19px}.photo-link{display:block;margin-top:14px}.photo-link img{display:block;width:100%;max-height:330px;object-fit:contain;border-radius:14px;background:#170e20}.photo-link span{display:block;color:#ffe500;font-size:12px;margin-top:9px}.sync-card>svg{color:#ffe500}.sync-card p,.notice,.card p{line-height:1.55;color:#cbb8d6;font-size:13px}.notice{border:1px solid #ac793f;border-radius:14px;padding:13px 16px;background:#f4b94319}@media(max-width:360px){.balance{font-size:29px}.quick-actions .action{font-size:14px}.content{padding:16px 12px}.transaction-row>b{font-size:11px}}@media(hover:none)and (pointer:coarse){html,body,.app-frame,.chips,.palette{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.app-frame::-webkit-scrollbar,.chips::-webkit-scrollbar,.palette::-webkit-scrollbar{width:0;height:0;display:none}}@media(prefers-reduced-motion:no-preference){.action,.button,.nav-icon{transition:transform .15s,filter .15s}.action:active,.button:active{transform:scale(.97)}}.login-frame{padding-bottom:env(safe-area-inset-bottom)}.login-brand{text-align:center;padding:calc(65px + env(safe-area-inset-top)) 25px 12px}.login-brand img{width:96px;height:96px;object-fit:contain}.login-brand h1{font-size:27px;margin:14px 0 4px}.login-brand p{color:var(--muted);margin:0 0 20px}.password-entry{display:flex;position:relative}.password-entry input{width:100%;padding-right:52px}.reveal-password{position:absolute;right:4px;top:4px;bottom:4px;width:42px;border:0;background:transparent;color:#f9f4ff;display:grid;place-items:center}.connection-status{display:inline-flex;align-items:center;gap:5px}.logout-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:18px}.auth-checking{padding:45vh 20px 0;text-align:center;color:var(--muted)}.period-filters{display:grid;gap:12px;margin-bottom:14px}.period-filters label{display:grid;gap:6px;color:#c9bed1;font-size:13px}.period-filters input{width:100%;min-width:0}.period-filters input[readonly]{color:#ffe500;opacity:1}.date-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.datetime-filter-row{grid-template-columns:1fr}.filter-toolbar{display:flex;align-items:center;gap:9px;margin:0 0 14px;min-width:0}.filter-toolbar .chips{flex:1;min-width:0;margin-bottom:0}.filter-toggle{position:relative;display:grid;place-items:center;flex:none;width:43px;height:43px;padding:0;border:1px solid #6a4779;border-radius:13px;background:#2c1b3a;color:#f3e8f7}.filter-toggle:hover,.filter-toggle:focus-visible,.filter-toggle.active{border-color:#ffe500;color:#ffe500;background:#422253}.filter-toggle.has-filters:after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#ffe500}.report-filter-toolbar{justify-content:space-between}.report-filter-toolbar span{font-size:14px;font-weight:600;color:#c9bed1}.period-filters input[type=search]{margin:0}:root{color:#fbf6f8;background:#0c0b12;--bg:#0c0b12;--card:#211d27;--card2:#322635;--purple:#a51280;--purple-dark:#571049;--gold:#eec58c;--muted:#b9afb9;--border:#755566 }.app-shell{background:radial-gradient(circle at 8% 8%,#a5128038,transparent 40%),radial-gradient(circle at 92% 88%,#eec58c17,transparent 38%),#0c0b12}.app-frame{background:radial-gradient(circle at 7% 8%,#a512802a,transparent 38%),radial-gradient(circle at 92% 84%,#eec58c10,transparent 46%),#0c0b12;box-shadow:0 0 70px #020106a0}.topbar{background:linear-gradient(130deg,#2a1a2cf0,#111119f0);border-bottom:1px solid #eec5cd30;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:0 9px 32px #02010652}.brand img{width:47px;height:47px;filter:none;object-fit:contain;background:transparent}.brand strong{color:#fbf6f8;font-size:18px}.brand small{color:#b9afb9}.sync-dot,.icon-button,.filter-toggle{color:#f4eaf1;background:linear-gradient(135deg,#ffffff19,#ffffff08);border:1px solid #eec5cd40;border-radius:16px;box-shadow:inset 0 1px #ffffff23}.section-kicker{color:#efb4d9}.status-pill{color:#eec58c;background:#eec58c18;border:1px solid #eec58c30}.card{background:linear-gradient(145deg,#5b4c5b5c,#13121ac2);border:1px solid rgba(238,197,205,.25);border-radius:23px;box-shadow:0 15px 38px #02010660,inset 0 1px #ffffff25;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.balance-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#662564c2,#342739c2 58%,#17151ee0);border:1px solid #da83bc8c;box-shadow:0 0 28px #a5128059,0 18px 43px #0201066b,inset 0 1px #ffffff3a}.balance-card:before{content:"";position:absolute;z-index:0;width:190px;height:165px;right:-22px;top:36px;background:url(/icons/lv-leaf-corner.svg) center/contain no-repeat;opacity:.34;transform:rotate(-12deg);pointer-events:none}.balance-card>*{position:relative;z-index:1}.balance{color:#fff;font-size:clamp(31px,8vw,40px);text-shadow:0 2px 18px #ffffff14}.income{color:#58db9a}.expense{color:#ff7c98}.quick-actions{gap:12px}.action,.button{border-radius:18px;min-height:57px;border:1px solid #eec5cd40;box-shadow:inset 0 1px #ffffff32,0 10px 28px #02010661;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.quick-actions .action{min-height:77px;font-size:clamp(15px,4.1vw,18px);white-space:nowrap;gap:7px}.quick-actions .action svg,.quick-actions .action .minus{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;padding:6px;background:#ffffff20;border:1px solid #ffffff40;box-shadow:inset 0 1px #ffffff30}.quick-actions .action .minus{font-size:27px;line-height:21px;padding:3px}.purple{background:linear-gradient(120deg,#ad1889,#661351);border-color:#f464bf9c;color:#fff;box-shadow:0 11px 30px #a512804e,inset 0 1px #ffffff4d}.gold{background:linear-gradient(120deg,#8f6c4e,#4b392f);border-color:#eec58ca8;color:#fff2dc;box-shadow:0 11px 28px #eec58c33,inset 0 1px #ffffff40}.action:hover,.button:hover,.sync-dot:hover,.icon-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.action:active,.button:active,.sync-dot:active,.icon-button:active{transform:scale(.97)}.heading-row a{color:#e843b4}.list-card{background:linear-gradient(145deg,#39313e75,#11121ac2)}.transaction-row{border-bottom-color:#eec5cd1d}.transaction-icon{border-radius:50%;color:#eec58c;background:linear-gradient(145deg,#8f6c4e78,#382d37);border:1px solid #eec58c3d}.transaction-icon.kind-2{color:#ff7c98;background:linear-gradient(145deg,#a5128052,#382332);border-color:#f464bf40}.transaction-icon.kind-3{color:#eec58c;background:#50433d}.account-mini span{color:#d5c9d1}.bottom-nav{background:linear-gradient(135deg,#251b2af5,#0f1117f7);border-top:1px solid #eec5cd38;backdrop-filter:blur(25px) saturate(145%);-webkit-backdrop-filter:blur(25px) saturate(145%);box-shadow:0 -10px 34px #02010680}.nav-item{color:#b9afb9}.nav-item.active{color:#e843b4}.nav-add .nav-icon,.nav-add.active .nav-icon{background:linear-gradient(135deg,#d5249d,#8b176e);color:#fff;box-shadow:0 5px 22px #a5128070,inset 0 1px #ffffff4a}.search,input,select,textarea{color:#fbf6f8;background:#14121cdb;border-color:#eec5cd40}.search:focus,input:focus,select:focus,textarea:focus{border-color:#d73aab}.chip.active{background:#a5128052;color:#fbf6f8;border-color:#e843b4}.filter-toggle:hover,.filter-toggle:focus-visible,.filter-toggle.active{border-color:#e843b4;color:#f4bfe1;background:#a5128038}.filter-toggle.has-filters:after{background:#e843b4}.login-brand img{background:transparent}@media(max-width:360px){.brand img{width:42px;height:42px}.quick-actions .action svg,.quick-actions .action .minus{width:30px;height:30px}}.topbar{height:calc(88px + env(safe-area-inset-top))}.brand img{width:59px;height:59px;flex:none}.brand strong{font-size:19px}.brand small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-actions .action{min-height:84px;justify-content:flex-start;padding-inline:12px;gap:9px}.action-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15}.action-copy b{font-size:17px;font-weight:700}.action-copy small{color:inherit;opacity:.75;font-size:10px;font-weight:400;white-space:nowrap;margin-top:6px;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:360px){.brand img{width:47px;height:47px}.brand strong{font-size:17px}.quick-actions .action{padding-inline:9px}.action-copy b{font-size:15px}.action-copy small{display:none}}@media(prefers-reduced-motion:reduce){.action,.button{transition:none}}.balance-card{min-height:192px;padding:25px 22px 22px;background:linear-gradient(125deg,#6f2c6fb8,#362d41c2 58%,#181720e6)}.balance-caption{display:flex;align-items:center;gap:9px;color:#d6c4d7;font-size:14px}.balance-caption svg{color:#d4b4d7}.balance-card .balance{margin:19px 0 18px;font-size:clamp(32px,9vw,43px)}.balance-change{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:16px;font-weight:750}.balance-change small{color:#beb3c1;font-size:11px;font-weight:400}.quick-actions{margin:17px 0 24px}.quick-actions .action{min-height:75px;border-radius:20px;border-width:1px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.quick-actions .action.purple{background:linear-gradient(125deg,#ac1983d1,#54144be0);box-shadow:0 0 21px #bc269264,0 11px 29px #1207137d,inset 0 1px #fff5}.quick-actions .action.gold{background:linear-gradient(125deg,#9b744bb3,#46342ae0);box-shadow:0 0 16px #eec58c3c,0 11px 29px #120d0a7d,inset 0 1px #fff5}.dashboard-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0 8px}.metric-tile{display:block;min-width:0;min-height:162px;margin:0;padding:15px 13px 9px;overflow:hidden;background:linear-gradient(145deg,#3c3647b5,#13121ad1);transition:transform .16s ease,filter .16s ease}.metric-tile:hover{transform:translateY(-2px);filter:brightness(1.12)}.metric-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#d4cad5}.metric-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#a512804a;color:#f072c3}.expense-tile .metric-icon{background:#eec58c2c;color:#eec58c}.metric-tile>small{display:block;font-size:11px}.metric-tile>strong{display:block;color:#fff;font-size:clamp(16px,4.6vw,20px);white-space:nowrap;margin-top:5px}.metric-chart{height:53px;margin:8px -6px -7px}@media(max-width:360px){.balance-card{padding:21px 17px;min-height:176px}.metric-tile{padding-inline:10px}.metric-tile>strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.metric-tile{transition:none}}.report-summary,.account-card{background:linear-gradient(145deg,#5b4c5b6b,#13121acc);border-color:#eec5cd47;box-shadow:0 15px 38px #02010660,inset 0 1px #ffffff25}.report-summary{background:linear-gradient(130deg,#6625649e,#1f1a25d6)}.empty-mark,.menu-row svg:first-child,.sync-card>svg,.photo-picker,.photo-link span{color:#eec58c}.color-dot.selected{outline-color:#eec58c}.period-filters input[readonly]{color:#eec58c}.photo-picker{border-color:#eec58c72;background:#eec58c0e}.photo-picker:focus-within{border-color:#eec58c;box-shadow:0 0 0 3px #eec58c2b}.notice{border-color:#eec58c6e;background:#eec58c13;color:#d9cbd0}.menu-row,.simple-row{border-bottom-color:#eec5cd24}.search:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.chip:focus-visible,.nav-item:focus-visible,.transaction-row:focus-visible{outline:2px solid #eec58c;outline-offset:2px}