@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#eef5f0;--bg-card:#ffffffa6;--bg-hover:#ffffffe0;--bg-input:#f0f5f2d9;--border:#b4c8be73;--text:#1c1209;--text-muted:#6b5b42;--text-subtle:#9c8b72;--green-dark:#1b3a2d;--green-mid:#2d5a3d;--green-light:#3d7a52;--cream:#f5f0e8;--espresso:#3b2008;--brown-mid:#6b3a1f;--brown-light:#a0623a;--gold:#c9a84c;--gold-light:#e8c97a;--sand:#d4c5a0;--accent-green:#2d7a45;--accent-red:#c0392b;--accent-blue:#1e5f8e;--accent-amber:#c9a84c;--sidebar-bg:var(--green-dark);--sidebar-text:#f5f0e8b3;--sidebar-active:#c9a84c2e;--shadow-sm:0 2px 12px #1b3a2d12;--shadow:0 8px 32px #1b3a2d1f;--shadow-lg:0 24px 64px #1b3a2d2e;--glass-shadow:0 8px 32px #1b3a2d1a, inset 0 1px 0 #fff9;--radius:16px;--radius-sm:10px;--radius-lg:22px;--transition:.24s cubic-bezier(.4, 0, .2, 1)}.dark{--bg:#0c1810;--bg-card:#122016bf;--bg-hover:#1c3022d9;--bg-input:#14241acc;--border:#3c644b59;--text:#f0ead8;--text-muted:#8fa890;--text-subtle:#5c7a65;--glass-shadow:0 8px 32px #0006, inset 0 1px 0 #ffffff0d;--shadow-sm:0 2px 12px #0000004d;--shadow:0 8px 32px #00000073;--shadow-lg:0 24px 64px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:linear-gradient(135deg,#eef5f0 0%,#e4ede6 40%,#f0ece4 100%);min-height:100vh;font-family:DM Sans,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}.dark body,.dark{background-image:linear-gradient(135deg,#0c1810 0%,#0e1f14 40%,#121a0f 100%)}#cursor-glow{pointer-events:none;z-index:0;mix-blend-mode:multiply;background:radial-gradient(circle,#2d7a4521 0%,#c9a84c0f 40%,#0000 70%);border-radius:50%;width:380px;height:380px;transition:left .1s,top .1s;position:fixed;transform:translate(-50%,-50%)}.dark #cursor-glow{mix-blend-mode:screen;background:radial-gradient(circle,#2d7a452e 0%,#c9a84c14 40%,#0000 70%)}.app-shell{min-height:100vh;display:flex;position:relative}.main-content{z-index:1;flex-direction:column;flex:1;min-width:0;margin-left:252px;display:flex;position:relative}.page-content{flex:1;padding:28px;overflow-y:auto}.sidebar{background:var(--green-dark);z-index:100;border-right:1px solid #ffffff0d;flex-direction:column;width:252px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:4px 0 24px #0000002e}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(200% 120% at 50% -10%,#3d7a5280 0%,#0000 60%),radial-gradient(140% 80% at 100% 110%,#c9a84c1a 0%,#0000 50%);position:absolute;inset:0}.sidebar-logo{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:24px 20px 18px;display:flex;position:relative}.sidebar-logo-icon{background:linear-gradient(135deg, var(--gold), var(--brown-light));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 16px #c9a84c73}.sidebar-logo-text{color:var(--cream);letter-spacing:-.2px;font-family:Playfair Display,serif;font-size:18px;font-weight:700}.sidebar-logo-sub{color:#f5f0e859;letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:14px 12px;display:flex;position:relative}.sidebar-section-label{letter-spacing:1.5px;text-transform:uppercase;color:#f5f0e840;padding:14px 10px 6px;font-size:10px;font-weight:600}.nav-item{cursor:pointer;color:var(--sidebar-text);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{color:var(--cream);background:#f5f0e814;border-color:#f5f0e812;transform:translate(3px)}.nav-item.active{background:var(--sidebar-active);color:var(--gold-light);border-color:#c9a84c4d;box-shadow:0 0 20px #c9a84c1f}.nav-item.active:before{content:"";background:linear-gradient(180deg, var(--gold-light), var(--gold));width:3px;height:60%;box-shadow:0 0 8px var(--gold);border-radius:0 3px 3px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item-icon{text-align:center;width:22px;font-size:17px}.sidebar-footer{border-top:1px solid #ffffff12;padding:16px 12px;position:relative}.role-badge{background:#f5f0e80d;border:1px solid #f5f0e814;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.role-dot{border-radius:50%;width:8px;height:8px}.role-dot.admin{background:var(--gold);box-shadow:0 0 8px var(--gold)}.role-dot.viewer{background:var(--green-light)}.role-label{color:#f5f0e859;letter-spacing:.5px;text-transform:uppercase;font-size:10px}.role-value{color:var(--cream);text-transform:capitalize;font-size:13px;font-weight:600}.topbar{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:50;height:68px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{flex-direction:column;gap:2px;display:flex}.topbar-title{letter-spacing:-.3px;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.topbar-sub{color:var(--text-muted);font-size:12px}.topbar-actions{align-items:center;gap:10px;display:flex}.role-select{appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:500}.role-select:focus{border-color:var(--gold);outline:none}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);cursor:pointer;width:38px;height:38px;color:var(--text-muted);transition:all var(--transition);justify-content:center;align-items:center;font-size:16px;display:flex}.icon-btn:hover{color:var(--text);background:#fff6}.icon-btn.active{background:var(--green-dark);color:var(--cream);border-color:var(--green-dark)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--glass-shadow);transition:transform var(--transition), box-shadow var(--transition);padding:22px}.card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #1b3a2d26,inset 0 1px #ffffffb3}.card-title{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:700}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--glass-shadow);transition:all var(--transition);padding:22px;position:relative;overflow:hidden}.stat-card:after{content:"";border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card.balance:after{background:linear-gradient(90deg, var(--green-mid), var(--gold))}.stat-card.income:after{background:linear-gradient(90deg,#2d7a45,#58d68d)}.stat-card.expense:after{background:linear-gradient(90deg,#c0392b,#e74c3c)}.stat-card.savings:after{background:linear-gradient(90deg, var(--gold), var(--gold-light))}.stat-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 20px 50px #1b3a2d29,inset 0 1px #ffffffb3}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;font-size:20px;display:flex}.stat-icon.balance{background:#2d5a3d1f;border:1px solid #2d5a3d33}.stat-icon.income{background:#2d7a451f;border:1px solid #2d7a4533}.stat-icon.expense{background:#c0392b1a;border:1px solid #c0392b2e}.stat-icon.savings{background:#c9a84c1f;border:1px solid #c9a84c40}.stat-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.stat-value{letter-spacing:-.5px;margin:6px 0 8px;font-family:Playfair Display,serif;font-size:26px;font-weight:700}.stat-value.balance{color:var(--green-mid)}.stat-value.income{color:var(--accent-green)}.stat-value.expense{color:var(--accent-red)}.stat-value.savings{color:var(--gold)}.stat-change{font-size:11px;font-weight:600}.stat-change.up{color:var(--accent-green)}.stat-change.down{color:var(--accent-red)}.charts-grid{grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:24px;display:grid}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--green-mid), var(--green-light));color:var(--cream);box-shadow:0 4px 12px #2d5a3d4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2d5a3d66}.btn-ghost{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);background:#fff6}.btn-danger{color:var(--accent-red);background:#c0392b1a;border:1px solid #c0392b33}.btn-danger:hover{background:#c0392b2e}.btn-sm{padding:5px 10px;font-size:12px}.transactions-page{flex-direction:column;gap:16px;display:flex}.filters-bar{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.search-wrap{flex:1;min-width:200px;position:relative}.search-icon{color:var(--text-muted);font-size:15px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition);padding:8px 10px 8px 34px;font-family:inherit;font-size:13px}.search-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c9a84c1a}.filter-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;appearance:none;min-width:140px;padding:8px 10px;font-family:inherit;font-size:13px}.filter-select:focus{border-color:var(--gold);outline:none}.filter-actions{gap:8px;margin-left:auto;display:flex}.tx-table-wrap{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}table{border-collapse:collapse;width:100%}thead th{text-align:left;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5f0e866;padding:11px 16px;font-size:11px;font-weight:700}.dark thead th{background:#1b3a2d66}thead th:hover{color:var(--text)}tbody tr{transition:background var(--transition);border-bottom:1px solid var(--border)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fff6}tbody td{padding:13px 16px;font-size:13px}.tx-desc{color:var(--text-muted);font-size:12px}.tx-date{color:var(--text-muted);white-space:nowrap}.category-badge{background:#fff6;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tx-amount{white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.tx-amount.income{color:var(--accent-green)}.tx-amount.expense{color:var(--accent-red)}.type-pill{letter-spacing:.5px;text-transform:uppercase;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700}.type-pill.income{color:var(--accent-green);background:#2d7a451f}.type-pill.expense{color:var(--accent-red);background:#c0392b1a}.row-actions{gap:6px;display:flex}.action-btn{border:1px solid var(--border);background:var(--bg-input);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition);border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex}.action-btn:hover{color:var(--text);background:#fff6}.action-btn.delete:hover{color:var(--accent-red);background:#c0392b0f;border-color:#c0392b4d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#1b3a2d73;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid #c9a84c40;width:100%;max-width:480px;padding:28px;animation:.2s slideUp;box-shadow:0 32px 80px #1b3a2d4d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{font-family:Playfair Display,serif;font-size:20px;font-weight:700}.modal-close{border:1px solid var(--border);background:var(--bg-input);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{color:var(--text);background:#fff6}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.form-input,.form-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition);padding:10px 13px;font-family:inherit;font-size:14px}.form-input:focus,.form-select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c9a84c1f}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px;display:grid}.insight-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--transition);padding:20px}.insight-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.insight-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.insight-icon{font-size:24px}.insight-badge{letter-spacing:.5px;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:700}.insight-badge.warning{color:var(--accent-amber);background:#c9a84c1f}.insight-badge.success{color:var(--accent-green);background:#2d7a451f}.insight-badge.info{color:var(--accent-blue);background:#1e5f8e1f}.insight-title{letter-spacing:.6px;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.insight-value{letter-spacing:-.5px;margin:6px 0 4px;font-family:Playfair Display,serif;font-size:22px;font-weight:700}.insight-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.progress-bar-wrap{margin-bottom:10px}.progress-bar-header{justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.progress-bar-label{align-items:center;gap:6px;font-weight:500;display:flex}.progress-bar-val{color:var(--text-muted);font-weight:700}.progress-bar-track{background:#fff6;border-radius:99px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-icon{opacity:.4;margin-bottom:12px;font-size:40px}.empty-title{color:var(--text);margin-bottom:6px;font-family:Playfair Display,serif;font-size:16px;font-weight:600}.empty-desc{font-size:13px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{letter-spacing:-.2px;font-family:Playfair Display,serif;font-size:17px;font-weight:700}.section-sub{color:var(--text-muted);margin-top:2px;font-size:12px}@media (width<=900px){.charts-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:none}.main-content{margin-left:0}.stat-cards{grid-template-columns:1fr 1fr}.page-content{padding:16px}.topbar{padding:0 16px}.filters-bar{flex-direction:column}.filter-actions{justify-content:flex-end;width:100%;margin-left:0}}@media (width<=480px){.stat-cards,.form-row{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c9a84c73}.recharts-default-tooltip{box-shadow:var(--shadow)!important;background:#1b3a2deb!important;border:1px solid #c9a84c4d!important;border-radius:12px!important;font-family:DM Sans,sans-serif!important;font-size:13px!important}.recharts-tooltip-label{color:#f5f0e8!important;font-weight:700!important}.hamburger{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:20px;display:none}@media (width<=768px){.hamburger{display:flex}}.spending-balls-container{background:radial-gradient(at 30% 40%,#2d5a3d1f 0%,#0000 60%),radial-gradient(at 80% 70%,#c9a84c14 0%,#0000 50%);border-radius:12px;width:100%;height:280px;position:relative;overflow:hidden}.spending-ball{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .2s;display:flex;position:absolute}.ball-label{color:#ffffffe6;text-shadow:0 1px 3px #0006;letter-spacing:.4px;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:700}.ball-value{color:#fffc;margin-top:1px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:600}.glass-tx-card{isolation:isolate;-webkit-backdrop-filter:blur(40px)saturate(2)brightness(1.04);background:linear-gradient(145deg,#ffffff61 0%,#ffffff2e 50%,#ffffff47 100%);border:1px solid #ffffff8c;border-color:#ffffff8c #fff3 #ffffff26 #ffffff8c;border-radius:28px;padding:24px 22px 18px;position:relative;overflow:hidden;box-shadow:0 2px 6px #1b3a2d0f,0 10px 28px #1b3a2d17,0 32px 64px #1b3a2d12,inset 0 2px #fffc,inset 0 -1px #1b3a2d0a,inset 1px 0 #ffffff59,inset -1px 0 #ffffff1f}.dark .glass-tx-card{background:linear-gradient(145deg,#1e3c288c 0%,#10241673 50%,#16322080 100%);border-color:#8cf0aa38 #64c8822e #64c8822e;box-shadow:0 2px 6px #00000040,0 10px 28px #00000059,0 32px 64px #00000040,inset 0 2px #8cf0aa1a,inset 0 -1px #0003}.glass-tx-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(118deg,#ffffffbf 0%,#ffffff47 28%,#ffffff0d 55%,#0000 70%);border-radius:28px;animation:8s ease-in-out infinite alternate liquidShine;position:absolute;inset:0}.dark .glass-tx-card:before{background:linear-gradient(118deg,#a0ffb41a 0%,#a0ffb40a 28%,#0000 55%)}@keyframes liquidShine{0%{opacity:.9;transform:translate(-8%)translateY(-4%)rotate(-2deg)}40%{opacity:1}to{opacity:.75;transform:translate(6%)translateY(3%)rotate(1deg)}}.glass-tx-orb{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.glass-tx-orb-1{filter:blur(32px);background:radial-gradient(circle,#2d7a4538 0%,#2d7a450f 50%,#0000 70%);width:340px;height:340px;animation:10s ease-in-out infinite alternate orbFloat1;top:-110px;right:-80px}.glass-tx-orb-2{filter:blur(28px);background:radial-gradient(circle,#c9a84c33 0%,#c9a84c0f 50%,#0000 70%);width:260px;height:260px;animation:12s ease-in-out infinite alternate orbFloat2;bottom:-70px;left:-50px}.glass-tx-orb-3{filter:blur(36px);background:radial-gradient(circle,#7850dc1a 0%,#3cc8c814 50%,#0000 70%);width:180px;height:180px;animation:14s ease-in-out infinite alternate orbFloat3;top:40%;left:38%}@keyframes orbFloat1{0%{transform:translate(0)scale(1)}to{transform:translate(-20px,15px)scale(1.08)}}@keyframes orbFloat2{0%{transform:translate(0)scale(1)}to{transform:translate(15px,-20px)scale(.92)}}@keyframes orbFloat3{0%{opacity:.6;transform:translate(0)scale(1)}50%{opacity:1}to{opacity:.5;transform:translate(-10px,12px)scale(1.1)}}.glass-tx-inner-edge{pointer-events:none;z-index:0;-webkit-mask-composite:destination-out;background:linear-gradient(135deg,#fff6 0%,#0000 40% 60%,#ffffff26 100%) border-box;border:1px solid #0000;border-radius:27px;position:absolute;inset:1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-tx-row{cursor:default;z-index:1;-webkit-backdrop-filter:blur(20px)saturate(1.5);background:linear-gradient(135deg,#ffffff85 0%,#ffffff4d 100%);border:1px solid #fff9;border-bottom-color:#ffffff38;border-radius:18px;align-items:center;gap:13px;padding:12px 15px;transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .28s,background .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1b3a2d0a,0 4px 12px #1b3a2d12,inset 0 1.5px #ffffffbf,inset 0 -1px #1b3a2d08}.glass-tx-row:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffe6 40% 60%,#0000);border-radius:99px;height:1px;position:absolute;top:0;left:10%;right:10%}.dark .glass-tx-row{background:linear-gradient(135deg,#325a3c8c 0%,#1c36246b 100%);border-color:#8cdca02e #64b47833 #64b47833;box-shadow:0 1px 2px #0000002e,0 4px 12px #00000040,inset 0 1.5px #8cdca014}.glass-tx-row:hover{background:linear-gradient(135deg,#ffffffb3 0%,#ffffff73 100%);transition:all .35s cubic-bezier(.22,1,.36,1);transform:translateY(-6px)scale(1.025);box-shadow:0 4px 14px #1b3a2d17,0 16px 32px #1b3a2d17,inset 0 1.5px #ffffffd9,inset 0 -1px #1b3a2d0a}.dark .glass-tx-row:hover{background:linear-gradient(135deg,#3c6e4bad 0%,#24442e8c 100%);box-shadow:0 4px 14px #0000004d,0 16px 32px #00000047,inset 0 1.5px #8cdca01f}.glass-tx-row--income:hover{box-shadow:0 0 18px #2d7a4538,0 4px 14px #2d7a4524,0 16px 32px #2d7a4514,inset 0 1.5px #ffffffd9}.glass-tx-row--expense:hover{box-shadow:0 0 18px #c0392b33,0 4px 14px #c0392b1f,0 16px 32px #c0392b12,inset 0 1.5px #ffffffd9}.glass-tx-icon-bubble{-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#fffc 0%,#ffffff73 50%,#fff9 100%);border:1px solid #ffffffa6;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2.5px 5px #ffffffd9,inset 0 -2px 4px #1b3a2d12,inset 1px 0 3px #fff6,0 3px 8px #1b3a2d17,0 8px 16px #1b3a2d0f}.glass-tx-icon-bubble:after{content:"";pointer-events:none;background:radial-gradient(at 40% 30%,#ffffffbf,#0000 70%);border-radius:50%;width:50%;height:38%;position:absolute;top:2px;left:4px}.dark .glass-tx-icon-bubble{background:linear-gradient(145deg,#467855a6 0%,#28503780 50%,#37644699 100%);border-color:#8cdca038;box-shadow:inset 0 2.5px 5px #8cdca01f,inset 0 -2px 4px #0003,0 3px 8px #0003,0 8px 16px #00000026}.glass-tx-row:hover .glass-tx-icon-bubble{transform:rotate(8deg)scale(1.12);box-shadow:inset 0 2.5px 5px #ffffffe6,inset 0 -2px 4px #1b3a2d0f,0 6px 14px #1b3a2d1f}.glass-tx-amount{letter-spacing:-.4px;margin-bottom:5px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;line-height:1}.glass-tx-amount--income{color:var(--accent-green)}.glass-tx-amount--expense{color:var(--accent-red)}.glass-type-pill{letter-spacing:.8px;-webkit-backdrop-filter:blur(10px);border:1px solid #fff6;border-radius:99px;align-items:center;padding:3px 9px;font-size:9px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8c,0 1px 4px #1b3a2d0f}.glass-type-pill:before{content:"";background:#ffffffb3;border-radius:99px;height:1px;position:absolute;top:0;left:15%;right:15%}.glass-type-pill--income{color:var(--accent-green);background:linear-gradient(135deg,#2d7a452e,#2d7a451a);border-color:#2d7a4540}.glass-type-pill--expense{color:var(--accent-red);background:linear-gradient(135deg,#c0392b29,#c0392b14);border-color:#c0392b38}.glass-view-btn{-webkit-backdrop-filter:blur(14px);color:var(--green-mid);cursor:pointer;background:linear-gradient(135deg,#ffffff94 0%,#ffffff59 100%);border:1px solid #ffffff8c;border-bottom-color:#ffffff38;border-radius:14px;padding:7px 16px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .28s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:inset 0 1.5px #ffffffbf,inset 0 -1px #1b3a2d0a,0 2px 8px #1b3a2d12}.glass-view-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffffe6 50%,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.glass-view-btn:hover{color:var(--green-dark);background:linear-gradient(135deg,#ffffffc7 0%,#ffffff85 100%);transform:translateY(-2px)scale(1.04);box-shadow:inset 0 1.5px #ffffffe6,0 4px 16px #1b3a2d1f}.dark .glass-view-btn{color:var(--gold-light);background:linear-gradient(135deg,#3c6e4b8c 0%,#24442e66 100%);border-color:#78c88c38;box-shadow:inset 0 1.5px #8cdca01a,0 2px 8px #0003}.dark .glass-view-btn:hover{background:linear-gradient(135deg,#468258ad 0%,#2c52378c 100%);box-shadow:inset 0 1.5px #8cdca026,0 4px 16px #00000047}.monthly-chart-card{isolation:isolate;-webkit-backdrop-filter:blur(32px)saturate(1.8)brightness(1.03);background:linear-gradient(148deg,#ffffff5c 0%,#ffffff29 55%,#ffffff42 100%);border:1px solid #ffffff85;border-color:#ffffff85 #ffffff2e #ffffff24 #ffffff85;border-radius:22px;margin-bottom:24px;padding:22px 20px 14px;position:relative;overflow:hidden;box-shadow:0 2px 6px #1b3a2d0d,0 10px 28px #1b3a2d14,0 32px 56px #1b3a2d0f,inset 0 2px #ffffffbf,inset 0 -1px #1b3a2d0a,inset 1px 0 #ffffff4d,inset -1px 0 #ffffff1a}.dark .monthly-chart-card{background:linear-gradient(148deg,#18342299 0%,#0c1c1280 55%,#122a1a8f 100%);border-color:#78dc9633 #50a0642e #50a0642e;box-shadow:0 2px 6px #00000038,0 10px 28px #00000052,0 32px 56px #00000038,inset 0 2px #78dc9617,inset 0 -1px #0000002e}.monthly-card-shine{pointer-events:none;z-index:0;background:linear-gradient(124deg,#ffffffa6 0%,#ffffff38 28%,#ffffff0a 55%,#0000 72%);border-radius:22px;animation:9s ease-in-out infinite alternate monthlyShine;position:absolute;inset:0}.dark .monthly-card-shine{background:linear-gradient(124deg,#8cffaa14 0%,#8cffaa08 28%,#0000 55%)}@keyframes monthlyShine{0%{opacity:.85;transform:translate(-6%)translateY(-3%)}to{opacity:.7;transform:translate(5%)translateY(2%)}}.monthly-bg-orb{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.monthly-bg-orb-1{filter:blur(30px);background:radial-gradient(circle,#2d7a4533 0%,#0000 68%);width:300px;height:300px;animation:11s ease-in-out infinite alternate mOrbA;top:-100px;right:-60px}.monthly-bg-orb-2{filter:blur(28px);background:radial-gradient(circle,#c9a84c2e 0%,#0000 68%);width:240px;height:240px;animation:14s ease-in-out infinite alternate mOrbB;bottom:-70px;left:-50px}.monthly-bg-orb-3{filter:blur(24px);background:radial-gradient(circle,#c0392b1a 0%,#0000 68%);width:160px;height:160px;animation:16s ease-in-out infinite alternate mOrbC;top:30%;left:42%}@keyframes mOrbA{0%{transform:translate(0)scale(1)}to{transform:translate(-18px,12px)scale(1.07)}}@keyframes mOrbB{0%{transform:translate(0)scale(1)}to{transform:translate(14px,-18px)scale(.93)}}@keyframes mOrbC{0%{opacity:.7;transform:translate(0)}to{opacity:.4;transform:translate(-8px,10px)}}.monthly-orb{pointer-events:none;z-index:10;width:28px;height:28px;margin-top:-14px;margin-left:-14px;position:absolute}.monthly-orb-inner{background:var(--orb-color,#2d7a45);box-shadow:0 0 10px var(--orb-color,#2d7a45), 0 0 24px var(--orb-color,#2d7a4588), inset 0 1px 2px #fff9;border-radius:50%;position:absolute;inset:4px}.monthly-orb-ring{border:1.5px solid var(--orb-color,#2d7a45);opacity:.4;border-radius:50%;animation:2s ease-out infinite orbRingPulse;position:absolute;inset:0}@keyframes orbRingPulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card-v2{cursor:default;border-radius:22px;flex-direction:column;min-height:220px;transition:transform .32s cubic-bezier(.34,1.46,.64,1),box-shadow .28s;display:flex;position:relative;overflow:hidden}.stat-card-v2:hover{transform:translateY(-6px)scale(1.018)}.stat-card-v2--balance{background:linear-gradient(170deg,#0d2018 0%,#112a1c 40%,#0a1a10 100%);box-shadow:0 0 0 1.5px #c9a84c73,0 12px 40px #c9a84c2e,0 32px 64px #00000073}.stat-card-v2--income{background:linear-gradient(170deg,#0c2016 0%,#0e2818 40%,#081a10 100%);box-shadow:0 0 0 1.5px #2d7a458c,0 12px 40px #2d7a4538,0 32px 64px #00000073}.stat-card-v2--expense{background:linear-gradient(170deg,#20100c 0%,#280e0c 40%,#1a0808 100%);box-shadow:0 0 0 1.5px #c0392b8c,0 12px 40px #c0392b38,0 32px 64px #00000073}.stat-card-v2--savings{background:linear-gradient(170deg,#1a1608 0%,#221c08 40%,#140e04 100%);box-shadow:0 0 0 1.5px #c9a84c80,0 12px 40px #c9a84c33,0 32px 64px #00000073}:root:not(.dark) .stat-card-v2--balance{background:linear-gradient(170deg,#d4f0dc 0%,#b8e8c8 45%,#e8f8ee 100%);box-shadow:0 0 0 2px #c9a84c8c,0 10px 32px #c9a84c38,0 24px 48px #1b3a2d26}:root:not(.dark) .stat-card-v2--income{background:linear-gradient(170deg,#c8ecd4 0%,#a8e0bc 45%,#dcf4e8 100%);box-shadow:0 0 0 2px #2d7a4599,0 10px 32px #2d7a4538,0 24px 48px #1b3a2d26}:root:not(.dark) .stat-card-v2--expense{background:linear-gradient(170deg,#f4d4cc 0%,#ecb8b0 45%,#fce8e4 100%);box-shadow:0 0 0 2px #c0392b99,0 10px 32px #c0392b38,0 24px 48px #5014141f}:root:not(.dark) .stat-card-v2--savings{background:linear-gradient(170deg,#f0e8c4 0%,#e8d894 45%,#faf4d8 100%);box-shadow:0 0 0 2px #c9a84c99,0 10px 32px #c9a84c40,0 24px 48px #503c0a1f}.stat-card-v2:before{content:"";z-index:10;border-radius:22px 22px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card-v2--balance:before{background:linear-gradient(90deg,#c9a84c,#e8c97a,#c9a84c);box-shadow:0 0 14px #c9a84ccc}.stat-card-v2--income:before{background:linear-gradient(90deg,#2d7a45,#58d68d,#2d7a45);box-shadow:0 0 14px #2d7a45cc}.stat-card-v2--expense:before{background:linear-gradient(90deg,#c0392b,#e74c3c,#c0392b);box-shadow:0 0 14px #c0392bcc}.stat-card-v2--savings:before{background:linear-gradient(90deg,#c9a84c,#f0d060,#c9a84c);box-shadow:0 0 14px #c9a84ccc}.scv2-water{z-index:1;border-radius:22px;position:absolute;inset:0;overflow:hidden}.scv2-ripple{border:1px solid #ffffff2e;border-radius:50%;animation:5s ease-out infinite scvRipple;position:absolute}.scv2-ripple-1{width:180px;height:80px;animation-duration:6s;animation-delay:0s;top:45%;left:10%}.scv2-ripple-2{width:140px;height:60px;animation-duration:5s;animation-delay:1.8s;top:55%;left:40%}.scv2-ripple-3{width:200px;height:90px;animation-duration:7s;animation-delay:3.2s;top:40%;left:25%}@keyframes scvRipple{0%{opacity:.7;transform:scale(.4)}60%{opacity:.3}to{opacity:0;transform:scale(1.8)}}.scv2-caustic{background:radial-gradient(60px 30px at 30% 60%,#ffffff1f,#0000),radial-gradient(40px 20px at 70% 70%,#ffffff1a,#0000),radial-gradient(80px 35px at 55%,#ffffff12,#0000);animation:8s ease-in-out infinite alternate scvCaustic;position:absolute;inset:0}@keyframes scvCaustic{0%{transform:translate(-6%)translateY(-4%)scale(1)}50%{transform:translate(4%)translateY(6%)scale(1.06)}to{transform:translate(-3%)translateY(-6%)scale(.96)}}.scv2-water:after{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#ffffff0f 55%,#ffffff1f 70%,#ffffff0a 100%);animation:4s ease-in-out infinite alternate scvShimmer;position:absolute;inset:0}@keyframes scvShimmer{0%{opacity:.6;transform:translateY(0)}to{opacity:1;transform:translateY(-4px)}}.scv2-coins{z-index:2;pointer-events:none;height:56%;position:absolute;bottom:0;left:0;right:0}.stat-coin{background:radial-gradient(at 35% 35%,#f0d060 0%,#c9a84c 40%,#8c6820 75%,#6a4e14 100%);border-radius:50%;animation:3s ease-in-out infinite alternate coinBob;position:absolute;box-shadow:inset 0 2px 3px #fff096b3,inset 0 -1px 2px #50320080,0 2px 6px #00000059,0 0 8px #c9a84c40}@keyframes coinBob{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-3px)rotate(1.5deg)}}:root:not(.dark) .stat-coin{background:radial-gradient(at 35% 35%,#f5e070 0%,#d4b040 40%,#9c7820 75%,#7a5a10 100%);box-shadow:inset 0 2px 3px #fff5aacc,inset 0 -1px 2px #50320066,0 2px 8px #64501440,0 0 10px #c9a84c33}.scv2-border-glow{pointer-events:none;z-index:3;border-radius:22px;position:absolute;inset:0}.stat-card-v2--balance .scv2-border-glow{box-shadow:inset 0 0 0 1.5px #c9a84c66,inset 0 0 30px #c9a84c14}.stat-card-v2--income .scv2-border-glow{box-shadow:inset 0 0 0 1.5px #2d7a4580,inset 0 0 30px #2d7a451a}.stat-card-v2--expense .scv2-border-glow{box-shadow:inset 0 0 0 1.5px #c0392b80,inset 0 0 30px #c0392b1a}.stat-card-v2--savings .scv2-border-glow{box-shadow:inset 0 0 0 1.5px #c9a84c73,inset 0 0 30px #c9a84c17}.scv2-glass{z-index:5;-webkit-backdrop-filter:blur(2px);background:linear-gradient(#ffffff14 0%,#ffffff05 50%,#0000 100%);flex-direction:column;flex:1;padding:20px 20px 18px;display:flex;position:relative}:root:not(.dark) .scv2-glass{-webkit-backdrop-filter:blur(4px);background:linear-gradient(#ffffff8c 0%,#ffffff4d 55%,#ffffff1a 100%)}.scv2-sparkle{background:#ffffffe6;border-radius:50%;width:5px;height:5px;animation:3s ease-in-out infinite scvSparkle;position:absolute;top:10px;right:14px;box-shadow:0 0 8px 3px #fff9}@keyframes scvSparkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.scv2-icon{-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;font-size:22px;display:flex;box-shadow:inset 0 2px 4px #ffffff59,0 4px 12px #00000040}.scv2-icon--balance{background:#c9a84c2e}.scv2-icon--income{background:#2d7a4533}.scv2-icon--expense{background:#c0392b2e}.scv2-icon--savings{background:#c9a84c2e}:root:not(.dark) .scv2-icon--balance{background:#c9a84c38;border-color:#c9a84c66}:root:not(.dark) .scv2-icon--income{background:#2d7a452e;border-color:#2d7a4559}:root:not(.dark) .scv2-icon--expense{background:#c0392b24;border-color:#c0392b4d}:root:not(.dark) .scv2-icon--savings{background:#c9a84c38;border-color:#c9a84c66}.scv2-label{letter-spacing:1.2px;text-transform:uppercase;color:#ffffff8c;margin-bottom:6px;font-size:10.5px;font-weight:700}:root:not(.dark) .scv2-label{color:#14321e99}.scv2-value{letter-spacing:-.5px;margin-bottom:14px;font-family:Instrument Serif,Playfair Display,serif;font-size:30px;font-weight:700;line-height:1.1}.scv2-value--balance{color:#e8c97a}.scv2-value--income{color:#6ed48a}.scv2-value--expense{color:#f07060}.scv2-value--savings{color:#e8c97a}:root:not(.dark) .scv2-value--balance{color:#8a6018}:root:not(.dark) .scv2-value--income{color:#1b5e35}:root:not(.dark) .scv2-value--expense{color:#8b2018}:root:not(.dark) .scv2-value--savings{color:#7a5010}.scv2-badge{letter-spacing:.2px;-webkit-backdrop-filter:blur(8px);border-radius:99px;align-items:center;gap:8px;width:fit-content;padding:5px 11px 5px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.scv2-badge--up{color:#6ed48a;background:#2d7a4540;border:1px solid #2d7a4566;box-shadow:0 0 12px #2d7a4533}.scv2-badge--down{color:#f07060;background:#c0392b38;border:1px solid #c0392b61;box-shadow:0 0 12px #c0392b2e}:root:not(.dark) .scv2-badge--up{color:#1b5e35;background:#2d7a4524;border-color:#2d7a4559}:root:not(.dark) .scv2-badge--down{color:#7a1810;background:#c0392b1f;border-color:#c0392b4d}@media (width<=768px){.stat-cards{grid-template-columns:1fr 1fr}.scv2-value{font-size:24px}}@media (width<=480px){.stat-cards{grid-template-columns:1fr}}.tx-page{flex-direction:column;gap:16px;display:flex;position:relative}.tx-page:before{content:"";pointer-events:none;z-index:0;opacity:1;background-image:linear-gradient(#2d5a3d08 1px,#0000 1px),linear-gradient(90deg,#2d5a3d08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.tx-topbar{z-index:2;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.tx-search-wrap{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.tx-search-icon{color:var(--text-subtle);pointer-events:none;position:absolute;left:14px}.tx-search-input{background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(1.5);border:1px solid var(--border);width:100%;color:var(--text);box-shadow:var(--glass-shadow);border-radius:16px;padding:11px 40px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.tx-search-input::placeholder{color:var(--text-subtle)}.tx-search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c24, var(--glass-shadow);outline:none}.tx-search-clear{cursor:pointer;width:22px;height:22px;color:var(--text-subtle);background:#fff6;border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:absolute;right:12px}.tx-search-clear:hover{color:var(--text);background:var(--bg-card)}.tx-topbar-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}body:before{content:"";opacity:.03;filter:grayscale()contrast(120%);pointer-events:none;z-index:0;background:url(/chess-bg.jpg) 50%/cover no-repeat;position:fixed;inset:0}.tx-icon-btn{border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:40px;height:40px;color:var(--text-muted);cursor:pointer;box-shadow:var(--glass-shadow);border-radius:12px;justify-content:center;align-items:center;transition:all .22s;display:flex;position:relative}.tx-icon-btn:hover{color:var(--gold);background:#c9a84c12;border-color:#c9a84c66;transform:translateY(-1px)}.tx-icon-btn--active{color:var(--gold);box-shadow:0 0 14px #c9a84c2e, var(--glass-shadow);background:#c9a84c1a;border-color:#c9a84c8c}.tx-filter-dot{background:var(--gold);border:1.5px solid var(--bg-card);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dotPulse;position:absolute;top:7px;right:7px;box-shadow:0 0 7px #c9a84cb3}@keyframes dotPulse{0%,to{box-shadow:0 0 7px #c9a84cb3}50%{box-shadow:0 0 14px #c9a84c}}.tx-view-toggle{border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);border-radius:12px;display:flex;overflow:hidden}.tx-view-btn{height:40px;color:var(--text-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;padding:0 13px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .18s;display:flex}.tx-view-btn:hover{color:var(--text)}.tx-view-btn.active{color:var(--gold);background:linear-gradient(135deg,#c9a84c2e,#c9a84c14)}.tx-export-group{gap:5px;display:flex}.tx-add-btn{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 60%, var(--gold) 100%);color:var(--green-dark);cursor:pointer;letter-spacing:.1px;background-size:200% 100%;border:none;border-radius:13px;align-items:center;gap:7px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 16px #c9a84c59,inset 0 1px #ffffff4d}.tx-add-btn:hover{background-position:100% 0;transform:translateY(-2px)scale(1.04);box-shadow:0 8px 24px #c9a84c80,inset 0 1px #fff6}.tx-filter-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--border);box-shadow:var(--glass-shadow);z-index:2;border-radius:18px;padding:18px 20px;position:relative;overflow:hidden}.tx-filter-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.tx-filter-group{flex-direction:column;gap:5px;display:flex}.tx-filter-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-subtle);font-size:10px;font-weight:700}.tx-filter-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text);cursor:pointer;appearance:none;border-radius:10px;min-width:130px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .18s}.tx-filter-select:focus{border-color:var(--gold);outline:none}.tx-reset-btn{border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);cursor:pointer;border-radius:10px;align-self:flex-end;align-items:center;gap:5px;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.tx-reset-btn:hover{color:var(--accent-red);background:#c0392b0f;border-color:#c0392b59}.tx-summary-row{z-index:1;grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:relative}.tx-summary-pill{background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:18px;align-items:center;gap:12px;padding:16px 18px;transition:transform .28s cubic-bezier(.34,1.46,.64,1),box-shadow .22s;display:flex;position:relative;overflow:hidden}.tx-summary-pill:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80 50%,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.tx-summary-pill:hover{transform:translateY(-3px);box-shadow:0 16px 36px #1b3a2d21,inset 0 1px #ffffff80}.tx-summary-pill__icon{border:1px solid var(--border);background:#fff6;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:inset 0 1px 2px #ffffff4d}.tx-summary-pill__body{flex:1;min-width:0}.tx-summary-pill__label{text-transform:uppercase;letter-spacing:.9px;color:var(--text-subtle);font-size:10px;font-weight:700}.tx-summary-pill__value{letter-spacing:-.4px;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-family:Playfair Display,serif;font-size:18px;font-weight:800;overflow:hidden}.tx-summary-pill__spark{opacity:.65;flex-shrink:0}.tx-timeline{z-index:1;flex-direction:column;gap:6px;display:flex;position:relative}.tx-timeline-group{margin-bottom:4px}.tx-timeline-month{align-items:center;gap:10px;padding:6px 2px 10px;display:flex}.tx-timeline-month-dot{background:radial-gradient(circle at 35% 35%, var(--gold-light), var(--gold));border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:3s ease-in-out infinite monthDotPulse;box-shadow:0 0 12px #c9a84c99}@keyframes monthDotPulse{0%,to{box-shadow:0 0 12px #c9a84c99}50%{box-shadow:0 0 20px #c9a84ce6,0 0 32px #c9a84c4d}}.tx-timeline-month-label{letter-spacing:1px;text-transform:uppercase;color:var(--gold);white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:flex}.tx-timeline-month-line{background:linear-gradient(90deg,#c9a84c66,#c9a84c0d);flex:1;height:1px}.tx-timeline-month-count{color:var(--text-subtle);white-space:nowrap;font-size:10.5px;font-weight:500}.tx-timeline-cards{flex-direction:column;gap:8px;padding-left:10px;display:flex}.tx-card{cursor:default;-webkit-backdrop-filter:blur(28px)saturate(1.6)brightness(1.02);background:linear-gradient(135deg,#ffffff75 0%,#ffffff3d 100%);border:1px solid #ffffff8c;border-color:#ffffff8c #fff3 #ffffff2e #ffffff8c;border-radius:20px;align-items:center;gap:14px;padding:15px 18px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .26s,background .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #1b3a2d0a,0 6px 16px #1b3a2d12,0 20px 40px #1b3a2d0d,inset 0 1.5px #ffffffbf,inset 0 -1px #1b3a2d08}.dark .tx-card{background:linear-gradient(135deg,#24442e94 0%,#12261875 100%);border-color:#78dc962e #50a0642e #50a0642e;box-shadow:0 1px 3px #0000002e,0 6px 16px #00000047,0 20px 40px #0003,inset 0 1.5px #78dc9614}.tx-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffd9 40% 60%,#0000);border-radius:99px;height:1px;position:absolute;top:0;left:12%;right:12%}.tx-card:hover{background:linear-gradient(135deg,#ffffffa3 0%,#ffffff61 100%);transform:translateY(-4px)scale(1.014);box-shadow:0 4px 12px #1b3a2d12,0 16px 36px #1b3a2d1a,0 32px 60px #1b3a2d0f,inset 0 1.5px #ffffffe6,inset 0 -1px #1b3a2d08}.dark .tx-card:hover{background:linear-gradient(135deg,#2c5438b3 0%,#18322094 100%)}.tx-card--income:hover{box-shadow:0 0 22px #2d7a4533,0 8px 24px #2d7a451f,0 24px 48px #2d7a4512,inset 0 1.5px #ffffffe0}.tx-card--expense:hover{box-shadow:0 0 22px #c0392b2e,0 8px 24px #c0392b1a,0 24px 48px #c0392b0f,inset 0 1.5px #ffffffe0}.tx-card-icon{-webkit-backdrop-filter:blur(10px);border:1px solid #fff6;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .28s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #ffffffa6,inset 0 -1px 2px #00000012,0 3px 10px #1b3a2d1a}.tx-card-icon:after{content:"";pointer-events:none;background:radial-gradient(at 40% 30%,#ffffffb3,#0000 70%);border-radius:50%;width:45%;height:36%;position:absolute;top:3px;left:5px}.tx-card:hover .tx-card-icon{transform:scale(1.1)rotate(-5deg)}.tx-card-body{flex:1;min-width:0}.tx-card-merchant{letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.tx-card-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;display:flex}.tx-card-cat-pill{-webkit-backdrop-filter:blur(6px);border:1px solid #fff3;border-radius:99px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff4d}.tx-card-dot{color:var(--text-subtle);font-size:10px}.tx-card-date{color:var(--text-subtle);font-size:11px;font-weight:500}.tx-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.tx-card-amount{letter-spacing:-.4px;font-family:Playfair Display,serif;font-size:16px;font-weight:800;line-height:1}.tx-card-amount--income{color:var(--accent-green)}.tx-card-amount--expense{color:var(--accent-red)}.tx-card-type-chip{letter-spacing:.7px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:9.5px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.tx-card-type-chip:before{content:"";background:#fff9;border-radius:99px;height:1px;position:absolute;top:0;left:15%;right:15%}.tx-card-type-chip--income{color:var(--accent-green);background:linear-gradient(135deg,#2d7a452e,#2d7a4517);border:1px solid #2d7a4547}.tx-card-type-chip--expense{color:var(--accent-red);background:linear-gradient(135deg,#c0392b29,#c0392b14);border:1px solid #c0392b3d}.tx-card-actions{opacity:0;gap:5px;transition:opacity .18s,transform .18s;display:flex;transform:translateY(2px)}.tx-card:hover .tx-card-actions{opacity:1;transform:translateY(0)}.tx-card-act-btn{border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:28px;height:28px;color:var(--text-subtle);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .17s;display:flex}.tx-card-act-btn:hover{color:var(--text);background:#fff6}.tx-card-act-btn--del:hover{color:var(--accent-red);background:#c0392b14;border-color:#c0392b59}.tx-table-wrap{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);box-shadow:var(--glass-shadow);z-index:1;border-radius:20px;position:relative;overflow:hidden}.tx-table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tx-count{color:var(--text-muted);font-size:13px}.tx-count strong{color:var(--text);font-weight:700}.tx-table{border-collapse:collapse;width:100%}.tx-table thead th{text-align:left;letter-spacing:1px;text-transform:uppercase;color:var(--text-subtle);border-bottom:1px solid var(--border);white-space:nowrap;background:#fff6;padding:12px 18px;font-size:10.5px;font-weight:700}.tx-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;display:inline-flex!important}.tx-th-sortable:hover{color:var(--gold)}.tx-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.tx-table tbody tr:last-child{border-bottom:none}.tx-table tbody tr:hover{background:#fff6}.tx-table tbody td{vertical-align:middle;padding:13px 18px;font-size:13px}.tx-td-date{color:var(--text-muted);white-space:nowrap;font-size:12px}.tx-merchant{font-size:13px;font-weight:700}.tx-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.tx-cat-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.tx-type-pill{text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:2px 9px;font-size:9.5px;font-weight:800;display:inline-flex}.tx-type-pill--income{color:var(--accent-green);background:#2d7a451f;border:1px solid #2d7a4538}.tx-type-pill--expense{color:var(--accent-red);background:#c0392b1a;border:1px solid #c0392b2e}.tx-amount-val{font-family:Playfair Display,serif;font-size:14px;font-weight:800}.tx-amount-val--income{color:var(--accent-green)}.tx-amount-val--expense{color:var(--accent-red)}.tx-empty{text-align:center;background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);box-shadow:var(--glass-shadow);z-index:1;border-radius:24px;padding:80px 24px;position:relative}.tx-empty-icon{opacity:.25;color:var(--gold);justify-content:center;margin-bottom:16px;display:flex}.tx-empty-title{color:var(--text);margin-bottom:6px;font-family:Playfair Display,serif;font-size:18px;font-weight:700}.tx-empty-desc{color:var(--text-muted);font-size:13px}@media (width<=900px){.tx-summary-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.tx-summary-row{grid-template-columns:1fr 1fr}.tx-topbar{flex-wrap:wrap}.tx-search-wrap{min-width:100%}.tx-card-actions{opacity:1;transform:none}.tx-timeline-cards{padding-left:4px}}@media (width<=400px){.tx-summary-row{grid-template-columns:1fr}}.hero-insight{-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#2d7a452e,#c9a84c1f);border:1px solid #ffffff61;border-radius:20px;margin-bottom:20px;padding:22px 26px;position:relative;overflow:hidden;box-shadow:0 8px 32px #1b3a2d1a,inset 0 1px #ffffff8c}.hero-glow{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#c9a84c47,#0000 70%);width:280px;height:280px;position:absolute;top:-90px;right:-60px}.hero-content{z-index:1;position:relative}.hero-title{letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.hero-main{color:var(--text);margin-bottom:4px;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.hero-sub{color:var(--text-muted);font-size:13px;line-height:1.5}.book-deck-wrap{height:280px;margin-bottom:24px;position:relative}.book-page-shadow{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;position:absolute;left:0;right:0}.book-page-shadow-3{opacity:.35;top:12px;bottom:-12px;transform:scaleX(.94)}.book-page-shadow-2{opacity:.55;top:7px;bottom:-7px;transform:scaleX(.97)}.book-page-shadow-1{opacity:.75;top:3px;bottom:-3px;transform:scaleX(.985)}.book-page{background:var(--bg-card);-webkit-backdrop-filter:blur(28px);cursor:default;z-index:2;will-change:transform, opacity;transform-origin:0;border:1px solid #ffffff73;border-radius:20px;padding:26px 72px 52px;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 24px #1b3a2d1a,inset 0 1.5px #ffffffb3}.book-page-curl{pointer-events:none;background:linear-gradient(225deg,#fff0 0% 50%,#b4c8be40 50%,#ffffff80 100%);border-top-left-radius:12px;width:40px;height:40px;position:absolute;bottom:0;right:0}.book-page-glow{filter:blur(60px);pointer-events:none;opacity:.7;z-index:0;width:240px;height:240px;position:absolute;top:-80px;right:-60px}.book-page-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.book-page-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.book-page-badge{letter-spacing:.4px;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:700}.book-page-title{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-subtle);z-index:1;margin-bottom:6px;font-size:11px;font-weight:700;position:relative}.book-page-value{letter-spacing:-1.2px;z-index:1;margin-bottom:10px;font-family:Playfair Display,serif;font-size:34px;font-weight:800;line-height:1.1;position:relative}.book-page-desc{color:var(--text-muted);z-index:1;max-width:100%;font-size:13px;line-height:1.55;position:relative}.book-page-num{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.book-dot{background:var(--border);cursor:pointer;border:1.5px solid #ffffff4d;border-radius:50%;width:7px;height:7px;transition:all .25s}.book-dot--active{border-color:#0000;border-radius:99px;width:22px}.book-dot:not(.book-dot--active):hover{background:var(--text-subtle);transform:scale(1.2)}.book-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:32px;height:32px;color:var(--text-muted);z-index:4;background:#ffffff8c;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 12px #1b3a2d1f}.book-nav:hover{color:var(--text);background:#ffffffe6;transform:translateY(-50%)scale(1.08);box-shadow:0 4px 18px #1b3a2d2e}.book-nav--prev{left:18px}.book-nav--next{right:18px}.book-page--enter{animation:.38s cubic-bezier(.22,1,.36,1) forwards pageEnter}.book-page--exit-left{animation:.32s cubic-bezier(.4,0,1,1) forwards pageExitLeft}.book-page--exit-right{animation:.32s cubic-bezier(.4,0,1,1) forwards pageExitRight}@keyframes pageEnter{0%{opacity:0;transform:perspective(1000px)rotateY(12deg)translate(40px)}to{opacity:1;transform:perspective(1000px)rotateY(0)translate(0)}}@keyframes pageExitLeft{0%{opacity:1;transform:perspective(1000px)rotateY(0)translate(0)}to{opacity:0;transform:perspective(1000px)rotateY(-18deg)translate(-50px)}}@keyframes pageExitRight{0%{opacity:1;transform:perspective(1000px)rotateY(0)translate(0)}to{opacity:0;transform:perspective(1000px)rotateY(18deg)translate(50px)}}.recharts-bar-rectangle path{filter:drop-shadow(0 4px 10px #2d7a4540)}.recharts-line path{filter:drop-shadow(0 0 8px #c9a84c73)}.progress-bar-fill{animation:1.2s cubic-bezier(.4,0,.2,1) forwards growBar}@keyframes growBar{0%{width:0!important}}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#2d7a450f,#0000 50%),radial-gradient(circle at 80% 70%,#c9a84c0f,#0000 50%);position:fixed;inset:0}.dark .book-page{background:#122016cc;border-color:#3c644b66;box-shadow:0 4px 24px #0006,inset 0 1.5px #ffffff0f}.dark .book-page-shadow{background:#122016b3;border-color:#3c644b4d}.dark .book-nav{color:var(--text-muted);background:#1c3022d9;border-color:#3c644b66}.dark .book-nav:hover{color:var(--text);background:#2c4a36f2}.dark .hero-insight{background:linear-gradient(135deg,#2d7a4526,#c9a84c14);border-color:#3c644b59}