.app{max-width:720px;margin:0 auto;padding:16px 16px 120px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 20px}.brand-row{display:flex;align-items:center;gap:10px}.brand-logo{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(247,223,119,.35))}.brand-logo-lg{width:96px;height:96px;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 0 18px rgba(247,223,119,.45))}.brand{font-size:28px;font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,var(--neon-green),var(--neon-magenta));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(57,255,140,.3)}.icon-btn{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.icon-btn:hover{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.summary-card{background:linear-gradient(180deg,#92eabb12,#f7df770d);border:1px solid var(--border);border-radius:18px;padding:20px;margin-bottom:14px;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:18px;padding:1px;background:linear-gradient(135deg,var(--neon-cyan),transparent 40%,var(--neon-magenta));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.45}.summary-label{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim)}.summary-value{font-size:44px;font-weight:800;margin-top:4px;letter-spacing:-.5px}.summary-value.pos{color:var(--neon-green);text-shadow:0 0 16px rgba(57,255,140,.35)}.summary-value.neg{color:var(--neon-red);text-shadow:0 0 16px rgba(255,59,92,.35)}.summary-row{display:flex;gap:16px;align-items:flex-start}.summary-col{flex:1;min-width:0}.summary-col.right{text-align:right}.summary-col .summary-value{overflow:hidden;text-overflow:ellipsis}@media(max-width:420px){.summary-row .summary-value{font-size:32px}}.filter-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px;margin-bottom:12px}.filter-group{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:10px 12px;position:relative;min-width:0}.filter-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:6px}.filter-pill{width:100%;text-align:left;background:transparent;color:var(--text);border:none;font-size:14px;font-weight:600;padding:4px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.filter-pill:disabled{color:var(--text-dim);cursor:default}.filter-caret{color:var(--text-dim);margin-left:8px;flex-shrink:0}.filter-menu{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:8px;z-index:10;box-shadow:0 12px 32px #0000008c}.filter-menu-head{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 8px;border-bottom:1px solid var(--border);margin-bottom:6px;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.filter-clear{background:transparent;border:none;color:var(--neon-cyan);font-size:12px;cursor:pointer;padding:0;text-transform:none;letter-spacing:0}.filter-menu-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.filter-check{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;font-size:14px}.filter-check:hover{background:#ffffff0a}.filter-check input[type=checkbox]{accent-color:var(--neon-cyan);width:16px;height:16px;margin:0}.dual-range{position:relative;height:28px;margin-top:4px;--left-pct: 0%;--right-pct: 100%}.dual-range-track{position:absolute;top:50%;left:0;right:0;height:2px;transform:translateY(-50%);background:#ffffff40;border-radius:1px}.dual-range-fill{position:absolute;top:50%;left:var(--left-pct);right:calc(100% - var(--right-pct));height:2px;transform:translateY(-50%);background:#ffffff80;border-radius:1px;pointer-events:none}.dual-range input[type=range]{position:absolute;top:0;left:0;width:100%;height:28px;margin:0;background:transparent;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dual-range input[type=range]:focus{outline:none}.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:none;cursor:pointer}.dual-range input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:none;cursor:pointer}.dual-range input[type=range]::-webkit-slider-runnable-track{background:transparent;height:4px}.dual-range input[type=range]::-moz-range-track{background:transparent;height:4px}.period-toggle{display:grid;grid-template-columns:repeat(5,1fr);background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:4px;gap:4px;margin-bottom:12px}.period-btn{background:transparent;color:var(--text-dim);border:none;padding:10px 0;border-radius:8px;font-weight:600;font-size:13px;letter-spacing:.5px;transition:color .12s ease,background .12s ease}.period-btn:hover{color:var(--text)}.period-btn.active{color:#0a0a0f;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));box-shadow:0 4px 14px #92eabb4d}.chart-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;padding:16px 8px 8px;margin-bottom:24px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin:24px 4px 10px}.days-list{display:flex;flex-direction:column;gap:8px}.load-more{margin:14px auto 0;display:block;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform 80ms ease}.load-more:hover{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.load-more:active{transform:scale(.98)}.day-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:border-color .15s ease,box-shadow .15s ease,transform 80ms ease;cursor:pointer}.day-row:hover{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.day-row:active{transform:scale(.995)}.day-date{font-weight:600;font-size:15px}.day-info{min-width:0;flex:1}.day-sub{color:var(--text-dim);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-net{font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}.pos{color:var(--neon-green)}.neg{color:var(--neon-red)}.dim{color:var(--text-dim)}.fab{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 12px);width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));color:#0a0a0f;border:none;font-size:30px;font-weight:700;box-shadow:0 8px 28px #92eabb66,0 0 32px #f7df774d;z-index:20}.fab:active{transform:scale(.95)}.csv-stack{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 84px);display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:21}.csv-fab{width:52px;height:52px;margin-right:4px;border-radius:50%;background:var(--bg-elev);color:var(--text);border:2px solid var(--neon-cyan);font-size:12px;font-weight:700;letter-spacing:1px;box-shadow:0 6px 20px #0006}.csv-fab:hover{border-color:transparent;color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.csv-fab:active{transform:scale(.95)}.csv-menu{display:flex;flex-direction:column;gap:8px;align-items:flex-end;animation:csvFadeIn .14s ease}@keyframes csvFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.csv-action{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:10px 16px;font-weight:600;font-size:13px;letter-spacing:.3px;box-shadow:0 6px 18px #00000059;white-space:nowrap}.csv-action:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.csv-toast{position:fixed;right:max(20px,env(safe-area-inset-right));left:max(20px,env(safe-area-inset-left));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 152px);background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:13px;max-width:360px;margin-left:auto;z-index:22;animation:csvFadeIn .18s ease}.csv-toast.ok{border-color:#39ff8c59;color:var(--neon-green)}.csv-toast.error{border-color:#ff3b5c59;color:var(--neon-red)}.empty{border:1px dashed var(--border);border-radius:14px;padding:24px;text-align:center;color:var(--text-dim)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal{background:var(--bg-elev);border:1px solid var(--border);border-top-left-radius:22px;border-top-right-radius:22px;width:100%;max-width:520px;padding:20px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -24px 60px #00000080;animation:slideUp .22s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.modal h2{margin:0 0 16px;font-size:20px}.modal-sub{margin:0 0 14px;color:var(--text-dim);font-size:13px;line-height:1.45}.modal-sub code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:12px}.csv-sample{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;margin-bottom:12px}.csv-sample-row{display:grid;grid-template-columns:80px 1fr 90px 90px 1.2fr;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text)}.csv-sample-row:last-child{border-bottom:none}.csv-sample-row.head{background:var(--bg-elev);color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.csv-sample-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-btn{background:none;border:none;color:var(--neon-cyan);font-size:13px;padding:0;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{text-shadow:0 0 8px rgba(146,234,187,.4)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim)}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.segmented{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:4px;gap:4px}.amount-chips,.note-chips{display:flex;gap:8px;margin-bottom:4px;flex-wrap:wrap}.note-chip{flex:0 1 auto;max-width:100%;padding:6px 12px;font-weight:500;font-size:13px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{flex:1;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 8px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.3px;transition:border-color .12s ease,box-shadow .12s ease,color .12s ease}.chip:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.chip.active{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.recent-picker{max-height:80vh;display:flex;flex-direction:column}.recent-list{list-style:none;margin:0 0 12px;padding:0;overflow-y:auto;max-height:55vh;border:1px solid var(--border);border-radius:10px}.recent-list li+li{border-top:1px solid var(--border)}.recent-row{width:100%;text-align:left;background:transparent;color:var(--text);border:none;padding:12px 14px;font:inherit;cursor:pointer;white-space:normal;word-break:break-word}.recent-row:hover{color:var(--neon-cyan);background:#ffffff08}.segmented button{background:transparent;color:var(--text-dim);border:none;padding:10px 0;border-radius:8px;font-weight:600;letter-spacing:.5px}.segmented button.active.deposit{background:#ff3b5c1f;color:var(--neon-red);box-shadow:inset 0 0 0 1px #ff3b5c66}.segmented button.active.withdrawal{background:#39ff8c1a;color:var(--neon-green);box-shadow:inset 0 0 0 1px #39ff8c66}.actions{display:flex;gap:10px;margin-top:6px}.btn{flex:1;border-radius:12px;padding:14px 16px;font-weight:700;border:1px solid var(--border);background:var(--bg);color:var(--text);letter-spacing:.5px}.btn.primary{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));color:#0a0a0f;border:none;box-shadow:0 6px 18px #92eabb59}.btn.ghost{background:transparent}.btn.danger{color:var(--neon-red);border-color:#ff3b5c4d}.btn.danger:not(.ghost){background:linear-gradient(135deg,#ff3b5c,#ff7b7b);color:#0a0a0f;border:none;box-shadow:0 6px 18px #ff3b5c59}.modal-text{color:var(--text-dim);font-size:14px;line-height:1.5;margin:0 0 16px}.back-btn{background:transparent;border:none;color:var(--text);font-size:15px;font-weight:500;padding:6px 10px;border-radius:10px;cursor:pointer}.back-btn:hover{background:#ffffff0d}.account-email{color:var(--text-dim);font-size:13px;margin:4px 2px 16px}.account-list{display:flex;flex-direction:column;gap:10px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:16px;color:var(--text);text-decoration:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform 80ms ease}.account-row:hover{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.account-row:active{transform:scale(.995)}.account-row-title{font-weight:600;font-size:15px}.account-row-sub{color:var(--text-dim);font-size:12px;margin-top:2px}.account-row-chevron{color:var(--text-dim);font-size:22px;line-height:1}.app-version{color:var(--text-dim);font-size:12px;text-align:center;padding:16px 0 24px}.account-row.danger .account-row-title{color:var(--neon-red)}.account-row.danger:hover{border-color:#ff3b5c80;box-shadow:0 0 24px #ff3b5c40}.sign-in{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.sign-in-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:24px;padding:36px 28px;text-align:center;max-width:360px;width:100%;position:relative;overflow:hidden}.sign-in-card .brand{font-size:44px;margin-bottom:6px}.sign-in-card p{color:var(--text-dim);margin:0 0 12px}.sign-in-card .tagline{color:var(--text);font-size:15px;font-weight:500;margin-bottom:20px}.sign-in-card .tagline+p{margin-bottom:20px;font-size:13px}.tx-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.tx-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px}.tx-type{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;padding:4px 8px;border-radius:6px}.tx-type.deposit{color:var(--neon-red);background:#ff3b5c1a}.tx-type.withdrawal{color:var(--neon-green);background:#39ff8c1a}.tx-main{flex:1;min-width:0}.tx-book{font-weight:600}.tx-notes{font-size:12px;color:var(--text-dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-amount{font-weight:700;font-variant-numeric:tabular-nums}.tx-delete{background:transparent;border:none;color:var(--text-dim);padding:4px 8px}.tx-delete:hover{color:var(--neon-red)}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text)}.user-chip:hover{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.header-chips{display:flex;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}@media(max-width:520px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:12px;min-height:76px;display:flex;flex-direction:column;justify-content:center}.stat-tile-label{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-tile-value{font-size:18px;font-weight:700;color:var(--text)}.stat-tile-value.pos{color:var(--neon-green)}.stat-tile-value.neg{color:var(--neon-red)}.stat-tile-sub{color:var(--text-dim);font-size:11px;margin-top:4px}.stats-book-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.stats-book-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px}.stats-book-name{font-weight:600;color:var(--text)}.stats-book-sub{color:var(--text-dim);font-size:12px;margin-top:2px}.stats-book-net{font-weight:700;font-variant-numeric:tabular-nums}.chart-tip{background:#12121a;border:1px solid #24243a;border-radius:10px;padding:8px 10px;font-size:12px}.chart-tip-label{color:#8a8aa0;margin-bottom:2px}.chart-tip-value{font-weight:700}.auth-error{background:#ff3b5c1a;border:1px solid rgba(255,59,92,.3);color:var(--neon-red);border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:12px;text-align:left}.import-ok{background:#39ff8c14;border:1px solid rgba(57,255,140,.3);color:var(--neon-green);border-radius:10px;padding:10px 12px;font-size:13px;text-align:left}.header-actions{display:flex;gap:8px;align-items:center}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.tutorial-sheet{position:relative;width:100%;max-width:460px;background:var(--bg-elev);border:1px solid var(--border);border-radius:22px;padding:56px 28px 24px;box-shadow:0 20px 60px #00000080;animation:tutorialRise .26s ease}@keyframes tutorialRise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.tutorial-skip{position:absolute;top:14px;right:16px;background:transparent;border:none;color:var(--text-dim);font-size:13px;font-weight:600;padding:6px 8px}.tutorial-skip:hover{color:var(--text)}.tutorial-slide{display:flex;flex-direction:column;align-items:center;text-align:center;animation:tutorialFade .26s ease}@keyframes tutorialFade{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.tutorial-art{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(146,234,187,.25),rgba(247,223,119,.12) 55%,transparent 75%);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:var(--shadow-neon)}.tutorial-art span{font-size:68px;line-height:1}.tutorial-title{margin:0 0 12px;font-size:22px;font-weight:800;letter-spacing:-.2px}.tutorial-body{margin:0;color:var(--text-dim);font-size:15px;line-height:1.5;max-width:340px}.tutorial-dots{display:flex;justify-content:center;gap:8px;margin:24px 0 18px}.tutorial-dot{width:8px;height:8px;border-radius:999px;background:var(--border);border:none;padding:0;transition:width .18s ease,background .18s ease}.tutorial-dot.active{width:22px;background:var(--neon-cyan)}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-secondary{background:transparent;border:1px solid var(--border);color:var(--text);padding:12px 18px;border-radius:12px;font-size:15px;font-weight:600}.tutorial-secondary:hover{border-color:var(--neon-cyan)}.tutorial-primary{flex:1;background:var(--neon-cyan);color:#0a0a0f;border:none;padding:14px 18px;border-radius:12px;font-size:16px;font-weight:700;box-shadow:var(--shadow-neon)}.tutorial-primary:hover{filter:brightness(1.05)}:root{--bg: #0a0a0f;--bg-elev: #12121a;--bg-elev-2: #1a1a25;--border: #24243a;--text: #e8e8f0;--text-dim: #8a8aa0;--neon-cyan: #92eabb;--neon-magenta: #f7df77;--neon-green: #39ff8c;--neon-red: #ff3b5c;--shadow-neon: 0 0 12px rgba(146, 234, 187, .4);--shadow-neon-magenta: 0 0 12px rgba(247, 223, 119, .4);color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(146,234,187,.09),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(247,223,119,.08),transparent 60%),var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit}#root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}