:root{--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg: #f5f6fa;--surf: #ffffff;--surf2: #f8f9fc;--surf3: #f0f2f8;--bdr: rgba(0,0,0,.07);--bdr2: rgba(0,0,0,.12);--t1: #0f1117;--t2: #5a6072;--t3: #9298aa;--purple: #7F77DD;--purple-d: #534AB7;--purple-l: #EEEDFE;--pink: #D4537E;--green: #639922;--green-l: #EAF3DE;--green-m: #97C459;--red: #E24B4A;--red-l: #FCEBEB;--amber: #BA7517;--amber-l: #FAEEDA;--teal: #1D9E75;--teal-l: #E1F5EE;--blue: #185FA5;--blue-l: #E6F1FB;--sidebar-w: 220px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--sh-sm: 0 1px 4px rgba(0,0,0,.06);--sh-md: 0 4px 16px rgba(0,0,0,.08);--sh-lg: 0 8px 32px rgba(0,0,0,.1);--ease: cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg: #0e1017;--surf: #161b27;--surf2: #1c2235;--surf3: #212840;--bdr: rgba(255,255,255,.07);--bdr2: rgba(255,255,255,.13);--t1: #eef0f6;--t2: #8892a8;--t3: #4e5670;--purple: #9b95e8;--purple-d: #7b74d4;--purple-l: rgba(127,119,221,.14);--pink: #e07099;--green: #7ec832;--green-l: rgba(99,153,34,.15);--green-m: #97C459;--red: #f07070;--red-l: rgba(226,75,74,.14);--amber: #e09030;--amber-l: rgba(186,117,23,.15);--teal: #2ec48f;--teal-l: rgba(29,158,117,.14);--blue: #4a9de0;--blue-l: rgba(24,95,165,.15);--sh-sm: 0 1px 4px rgba(0,0,0,.3);--sh-md: 0 4px 16px rgba(0,0,0,.4);--sh-lg: 0 8px 32px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg);color:var(--t1);line-height:1.6;min-height:100vh;transition:background .25s var(--ease),color .25s var(--ease)}input,select,textarea,button{font-family:inherit;outline:none}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:var(--r-full)}.app-shell{display:grid;grid-template-rows:52px 1fr;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.topbar{grid-column:1 / -1;background:var(--surf);border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100;box-shadow:var(--sh-sm)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.logo-pill{width:30px;height:30px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--purple),var(--pink));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.app-name{font-size:15px;font-weight:600;color:var(--t1)}.app-name span{color:var(--purple)}.date-tag{font-size:12px;color:var(--t2);background:var(--surf2);border:1px solid var(--bdr);padding:4px 12px;border-radius:var(--r-full)}.theme-toggle{width:34px;height:34px;border-radius:var(--r-md);background:var(--surf2);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--t2);transition:all .15s var(--ease)}.theme-toggle:hover{background:var(--surf3);color:var(--t1)}.avatar-pill{width:32px;height:32px;border-radius:50%;background:var(--purple-l);border:1px solid var(--bdr2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--purple-d)}[data-theme=dark] .avatar-pill{color:var(--purple)}.sidebar{background:var(--surf);border-right:1px solid var(--bdr);display:flex;flex-direction:column;padding:16px 0;gap:2px;overflow-y:auto}.sidebar-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:var(--t3);padding:12px 16px 4px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 14px;margin:0 8px;border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--t2);cursor:pointer;transition:all .15s var(--ease);-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--surf2);color:var(--t1)}.nav-item.active{background:var(--purple-l);color:var(--purple-d)}[data-theme=dark] .nav-item.active{color:var(--purple)}.nav-icon{width:26px;height:26px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;background:var(--surf2);color:var(--t2);transition:all .15s var(--ease)}.nav-item.active .nav-icon{background:var(--purple-d);color:#fff}[data-theme=dark] .nav-item.active .nav-icon{background:var(--purple);color:#fff}.nav-item:hover:not(.active) .nav-icon{background:var(--surf3)}.sidebar-divider{height:1px;background:var(--bdr);margin:8px 16px}.sidebar-footer{margin-top:auto;padding:16px}.add-btn{width:100%;background:linear-gradient(135deg,var(--purple),var(--purple-d));color:#fff;border:none;padding:10px;border-radius:var(--r-lg);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:filter .15s var(--ease),transform .15s var(--ease);box-shadow:0 4px 12px #7f77dd59}.add-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.add-btn:active{transform:translateY(0)}.main{overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-xl);padding:18px;position:relative;overflow:hidden;box-shadow:var(--sh-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--r-full)}.stat-card.income:after{background:linear-gradient(90deg,var(--green-m),var(--green))}.stat-card.expense:after{background:linear-gradient(90deg,#f09595,var(--red))}.stat-card.balance:after{background:linear-gradient(90deg,var(--purple),var(--pink))}.stat-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.stat-icon{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:16px}.stat-card.income .stat-icon{background:var(--green-l)}.stat-card.expense .stat-icon{background:var(--red-l)}.stat-card.balance .stat-icon{background:var(--purple-l)}.stat-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--r-full)}.stat-badge.up{background:var(--green-l);color:var(--green)}.stat-badge.down{background:var(--red-l);color:var(--red)}.stat-badge.mid{background:var(--purple-l);color:var(--purple-d)}[data-theme=dark] .stat-badge.mid{color:var(--purple)}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--t3);margin-bottom:4px}.stat-amount{font-size:22px;font-weight:700;line-height:1;letter-spacing:-.5px;color:var(--t1);font-family:var(--font-mono)}.stat-sub{font-size:11px;color:var(--t3);margin-top:4px}.stat-bar{height:4px;background:var(--surf3);border-radius:var(--r-full);margin-top:14px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:var(--r-full)}.stat-card.income .stat-bar-fill{background:linear-gradient(90deg,var(--green-m),var(--green))}.stat-card.expense .stat-bar-fill{background:linear-gradient(90deg,#f09595,var(--red))}.stat-card.balance .stat-bar-fill{background:linear-gradient(90deg,var(--purple),var(--pink))}.mid-row,.bot-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.goals-col{display:flex;flex-direction:column;gap:14px}.card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-xl);padding:18px;box-shadow:var(--sh-sm)}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:13px;font-weight:600;color:var(--t1)}.card-pill{font-size:11px;color:var(--t2);background:var(--surf2);border:1px solid var(--bdr);padding:3px 10px;border-radius:var(--r-full)}.count-pill{min-width:22px;height:20px;padding:0 7px;background:var(--purple-l);color:var(--purple-d);border-radius:var(--r-full);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}[data-theme=dark] .count-pill{color:var(--purple)}.donut-wrap{position:relative;width:130px;height:130px;margin:0 auto 16px}.donut-wrap canvas{width:130px!important;height:130px!important}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-total{font-size:15px;font-weight:700;color:var(--t1);font-family:var(--font-mono)}.donut-lbl{font-size:10px;color:var(--t3);margin-top:1px}.chart-legend{display:flex;flex-direction:column;gap:6px}.legend-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:6px 8px;background:var(--surf2);border-radius:var(--r-md)}.legend-left{display:flex;align-items:center;gap:7px;color:var(--t2)}.legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend-val{color:var(--t1);font-weight:600;font-family:var(--font-mono);font-size:12px}.legend-pct{font-size:10px;color:var(--t3);margin-left:4px}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 0;color:var(--t3);font-size:13px;text-align:center}.search-wrap{position:relative;margin-bottom:12px}.search-ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--t3);pointer-events:none}.search-input{width:100%;padding:9px 12px 9px 34px;background:var(--surf2);border:1px solid var(--bdr);border-radius:var(--r-lg);font-size:13px;color:var(--t1);transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--t3)}.search-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7f77dd1f}.filter-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chip{padding:5px 12px;border-radius:var(--r-full);font-size:12px;font-weight:500;border:1px solid var(--bdr);background:transparent;color:var(--t2);cursor:pointer;transition:all .15s var(--ease);white-space:nowrap}.chip:hover{background:var(--surf2);color:var(--t1)}.chip.on{background:var(--purple-l);border-color:var(--purple);color:var(--purple-d)}[data-theme=dark] .chip.on{color:var(--purple)}.tx-list{display:flex;flex-direction:column;gap:3px}.tx-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-lg);cursor:default;transition:background .12s var(--ease);animation:txIn .25s var(--ease) forwards}@keyframes txIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tx-row:hover{background:var(--surf2)}.tx-ico{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.tx-ico.income{background:var(--green-l)}.tx-ico.expense{background:var(--red-l)}.tx-info{flex:1;min-width:0}.tx-name{font-size:13px;font-weight:500;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-meta{display:flex;align-items:center;gap:5px;margin-top:1px}.tx-cat{font-size:11px;color:var(--t3)}.tx-dt{font-size:11px;color:var(--t3);font-family:var(--font-mono)}.tx-dot{width:2px;height:2px;background:var(--t3);border-radius:50%}.tx-right{text-align:right;flex-shrink:0}.tx-amount{font-size:13px;font-weight:600;font-family:var(--font-mono)}.tx-amount.income{color:var(--green)}.tx-amount.expense{color:var(--red)}.tx-type-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:1px 6px;border-radius:var(--r-full)}.tx-type-badge.income{background:var(--green-l);color:var(--green)}.tx-type-badge.expense{background:var(--red-l);color:var(--red)}.tx-actions{display:flex;gap:5px;flex-shrink:0;opacity:0;transition:opacity .15s}.tx-row:hover .tx-actions{opacity:1}.btn-icon{width:30px;height:30px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .14s var(--ease);cursor:pointer}.btn-icon.edit{background:var(--blue-l);color:var(--blue)}.btn-icon.edit:hover{background:var(--blue);color:#fff}.btn-icon.del{background:var(--red-l);color:var(--red)}.btn-icon.del:hover{background:var(--red);color:#fff}.no-results{text-align:center;padding:24px;color:var(--t3);font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:10px}.empty-icon{width:64px;height:64px;background:var(--surf2);border:1px solid var(--bdr);border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:4px}.empty-title{font-size:16px;font-weight:600;color:var(--t1)}.empty-sub{font-size:13px;color:var(--t3);max-width:260px;line-height:1.5}.type-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surf2);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:4px;margin-bottom:14px}.seg-btn{padding:8px;border-radius:var(--r-md);font-size:13px;font-weight:500;text-align:center;cursor:pointer;color:var(--t2);transition:all .15s var(--ease);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:5px}.seg-btn:hover:not(.on-inc):not(.on-exp){background:var(--surf3)}.seg-btn.on-inc{background:var(--green);color:#fff;box-shadow:0 2px 8px #6399224d}.seg-btn.on-exp{background:var(--red);color:#fff;box-shadow:0 2px 8px #e24b4a4d}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--t2)}.field-input{width:100%;padding:9px 12px;background:var(--surf2);border:1px solid var(--bdr);border-radius:var(--r-md);color:var(--t1);font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-input::placeholder{color:var(--t3)}.field-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7f77dd1f;background:var(--surf)}.field-input.err{border-color:var(--red);box-shadow:0 0 0 3px #e24b4a1a}select.field-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%239298aa'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.field-err{font-size:11px;color:var(--red);margin-top:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.submit-btn{width:100%;margin-top:4px;background:linear-gradient(135deg,var(--purple),var(--purple-d));color:#fff;border:none;padding:10px;border-radius:var(--r-lg);font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s,transform .15s;box-shadow:0 3px 10px #7f77dd4d;display:flex;align-items:center;justify-content:center;gap:6px}.submit-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.cancel-btn{width:100%;margin-top:6px;background:transparent;border:1px solid var(--bdr2);color:var(--t2);padding:9px;border-radius:var(--r-lg);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s var(--ease)}.cancel-btn:hover{background:var(--surf2);color:var(--t1)}.budget-list{display:flex;flex-direction:column;gap:12px}.budget-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.budget-name{font-size:12px;font-weight:500;color:var(--t1)}.budget-nums{font-size:11px;color:var(--t3);font-family:var(--font-mono)}.budget-track{height:6px;border-radius:var(--r-full);background:var(--surf3);overflow:hidden}.budget-prog{height:100%;border-radius:var(--r-full);transition:width .5s var(--ease)}.goal-list{display:flex;flex-direction:column;gap:10px}.goal-item{background:var(--surf2);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:12px}.goal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.goal-name{font-size:12px;font-weight:500;color:var(--t1)}.goal-pct{font-size:11px;font-weight:700}.goal-bar{height:5px;border-radius:var(--r-full);background:var(--bdr);overflow:hidden;margin-bottom:5px}.goal-fill{height:100%;border-radius:var(--r-full);transition:width .5s var(--ease)}.goal-sub{font-size:10px;color:var(--t3);display:flex;justify-content:space-between;font-family:var(--font-mono)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surf);border:1px solid var(--bdr2);border-radius:var(--r-xl);padding:24px;width:100%;max-width:460px;box-shadow:var(--sh-lg);animation:popIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:16px;font-weight:600;color:var(--t1)}.modal-close{width:30px;height:30px;border-radius:var(--r-sm);background:var(--surf2);border:1px solid var(--bdr);color:var(--t2);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .14s var(--ease)}.modal-close:hover{background:var(--red-l);color:var(--red);border-color:transparent}.toast-container{position:fixed;bottom:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:11px 16px;background:var(--surf);border:1px solid var(--bdr2);border-radius:var(--r-lg);box-shadow:var(--sh-lg);font-size:13px;font-weight:500;color:var(--t1);pointer-events:all;animation:toastIn .25s cubic-bezier(.34,1.56,.64,1) forwards}.toast.exiting{animation:toastOut .2s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-6px) scale(.96)}}.toast-ico{font-size:15px}.toast.success .toast-ico{color:var(--green)}.toast.error .toast-ico{color:var(--red)}.toast.info .toast-ico{color:var(--blue)}@media (max-width: 1100px){:root{--sidebar-w: 56px}.nav-item>span{display:none}.sidebar-label,.add-btn-label{display:none}.add-btn{padding:10px;justify-content:center}.sidebar-footer{padding:10px 8px}.nav-item{padding:8px;margin:0 4px;justify-content:center}.app-name{display:none}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mid-row,.bot-row,.stats-row{grid-template-columns:1fr}}@media (max-width: 560px){.main{padding:12px;gap:12px}.card{padding:14px}.form-grid{grid-template-columns:1fr}.toast-container{left:12px;right:12px;bottom:12px}.tx-actions{opacity:1}}.auth-brand{background:linear-gradient(145deg,var(--purple-d) 0%,#3a3380 50%,#2d1f6e 100%);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#ffffff0a;top:-150px;right:-150px}.auth-brand:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff0a;bottom:-80px;left:-80px}.auth-brand-inner{position:relative;z-index:1;max-width:420px}.auth-app-name{font-size:20px;font-weight:700;color:#fff}.auth-app-name span{color:var(--green-m)}.auth-headline{font-size:32px;font-weight:700;color:#fff;line-height:1.25;margin-bottom:16px;letter-spacing:-.5px}.auth-sub{font-size:15px;color:#ffffffa6;line-height:1.6;margin-bottom:36px}.auth-features{display:flex;flex-direction:column;gap:14px}.auth-feature-icon{width:34px;height:34px;background:#ffffff1f;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:40px 32px;background:var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-xl);padding:36px;box-shadow:var(--sh-lg)}.auth-card-header{margin-bottom:28px}.auth-api-error{background:var(--red-l);border:1px solid var(--red);color:var(--red);border-radius:var(--r-md);padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:16px;display:flex;align-items:center;gap:8px}.auth-switch-btn{background:none;border:none;color:var(--purple);font-size:13px;font-weight:600;cursor:pointer;transition:color .15s;font-family:inherit}[data-theme=dark] .auth-switch-btn:hover{color:var(--purple);filter:brightness(1.2)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;filter:none!important}.user-name-tag{font-size:12px;font-weight:500;color:var(--t2);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.user-name-tag{display:none}}.logout-btn{font-size:12px;font-weight:500;color:var(--t2);background:var(--surf2);border:1px solid var(--bdr);padding:5px 12px;border-radius:var(--r-full);transition:all .15s var(--ease);cursor:pointer}.logout-btn:hover{background:var(--red-l);color:var(--red);border-color:var(--red)}@media (max-width: 860px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-panel{padding:24px 16px}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.auth-brand{background:linear-gradient(145deg,var(--purple-d) 0%,#2d1f8a 50%,#1a0f5c 100%);display:flex;align-items:center;justify-content:center;padding:48px 40px;position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff0a;top:-100px;right:-100px}.auth-brand:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#d4537e26;bottom:-80px;left:-80px}.auth-brand-inner{position:relative;z-index:1;max-width:380px}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:40px}.auth-app-name{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.auth-app-name span{color:#c8f135}.auth-headline{font-size:32px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.5px;margin-bottom:16px}.auth-sub{font-size:15px;color:#ffffffa6;line-height:1.6;margin-bottom:32px}.auth-features{display:flex;flex-direction:column;gap:12px}.auth-feature-row{display:flex;align-items:center;gap:12px;font-size:14px;color:#fffc}.auth-feature-icon{width:32px;height:32px;background:#ffffff1a;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-card{width:100%;max-width:400px;background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-xl);padding:32px;box-shadow:var(--sh-lg)}.auth-card-header{margin-bottom:24px}.auth-card-title{font-size:22px;font-weight:700;color:var(--t1);margin-bottom:6px}.auth-card-sub{font-size:13px;color:var(--t3)}.auth-api-error{background:var(--red-l);border:1px solid rgba(226,75,74,.2);border-radius:var(--r-md);padding:10px 14px;font-size:13px;color:var(--red);margin-bottom:16px;display:flex;align-items:center;gap:6px}.auth-switch{margin-top:20px;text-align:center;font-size:13px;color:var(--t3)}.auth-switch-btn{background:none;border:none;color:var(--purple);font-size:13px;font-weight:600;cursor:pointer;padding:0 2px;transition:color .15s}.auth-switch-btn:hover{color:var(--purple-d)}.user-menu{display:flex;align-items:center;gap:8px}.logout-btn{font-size:12px;font-weight:500;color:var(--t2);padding:5px 10px;border:1px solid var(--bdr);border-radius:var(--r-md);background:var(--surf2);transition:all .15s var(--ease);display:flex;align-items:center;gap:4px}.logout-btn:hover{background:var(--red-l);color:var(--red);border-color:transparent}@media (max-width: 768px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{box-shadow:none;border:none;padding:24px 16px}}.page-content{display:flex;flex-direction:column;gap:16px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.page-title{font-size:22px;font-weight:700;color:var(--t1);letter-spacing:-.4px}.page-sub{font-size:13px;color:var(--t3);margin-top:2px}.page-action-btn{padding:9px 16px;border-radius:var(--r-lg);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s var(--ease);white-space:nowrap}.page-action-btn.primary{background:linear-gradient(135deg,var(--purple),var(--purple-d));color:#fff;border:none;box-shadow:0 3px 10px #7f77dd4d}.page-action-btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.page-action-btn.ghost{background:var(--surf);border:1px solid var(--bdr2);color:var(--t2)}.page-action-btn.ghost:hover{background:var(--surf2);color:var(--t1)}.range-tabs{display:flex;gap:4px;background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:4px}.range-tab{padding:6px 14px;border-radius:var(--r-md);font-size:12px;font-weight:500;color:var(--t2);cursor:pointer;transition:all .15s var(--ease);background:transparent;border:none}.range-tab:hover{background:var(--surf2);color:var(--t1)}.range-tab.on{background:var(--purple-l);color:var(--purple-d)}[data-theme=dark] .range-tab.on{color:var(--purple)}.analytics-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:16px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;gap:4px;transition:transform .15s,box-shadow .15s}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.kpi-icon{font-size:20px;margin-bottom:4px}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--t3)}.kpi-value{font-size:20px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.5px;color:var(--t1)}.analytics-row-2{display:grid;grid-template-columns:1fr 1.6fr;gap:14px}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.insight-card{display:flex;gap:12px;align-items:flex-start;background:var(--surf2);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:14px}.insight-icon{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.insight-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--t3)}.insight-value{font-size:18px;font-weight:700;color:var(--t1);font-family:var(--font-mono);margin:2px 0}.insight-sub{font-size:11px;color:var(--t3)}.tx-summary-strip{display:flex;gap:20px;background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:12px 20px;box-shadow:var(--sh-sm)}.tx-strip-item{display:flex;align-items:center;gap:8px}.tx-strip-label{font-size:12px;color:var(--t3)}.tx-strip-value{font-size:14px;font-weight:600;font-family:var(--font-mono);color:var(--t1)}.tx-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-select{padding:8px 30px 8px 12px;border-radius:var(--r-md);border:1px solid var(--bdr);background:var(--surf2);color:var(--t1);font-size:13px;font-family:var(--font-sans);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%239298aa'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s}.filter-select:focus{outline:none;border-color:var(--purple)}.tx-table-wrap{overflow-x:auto}.tx-table{width:100%;border-collapse:collapse;font-size:13px}.tx-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--t3);border-bottom:1px solid var(--bdr);background:var(--surf2);white-space:nowrap}.tx-table td{padding:11px 16px;border-bottom:1px solid var(--bdr);vertical-align:middle}.tx-table tr:last-child td{border-bottom:none}.tx-table tr:hover td{background:var(--surf2)}.tx-table-title{font-weight:500;color:var(--t1)}.budgets-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bsummary-card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--sh-sm)}.bsummary-icon{width:32px;height:32px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:15px;margin-bottom:4px}.bsummary-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--t3)}.bsummary-value{font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--t1)}.budgets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.budget-cat-card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-xl);padding:16px;box-shadow:var(--sh-sm);transition:border-color .15s,box-shadow .15s}.budget-cat-card.over{border-color:#e24b4a4d}.budget-cat-card:hover{border-color:var(--bdr2);box-shadow:var(--sh-md)}.budget-cat-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.budget-cat-icon{width:32px;height:32px;background:var(--surf2);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.budget-cat-name{font-size:13px;font-weight:600;color:var(--t1);flex:1}.over-badge{font-size:10px;font-weight:700;color:var(--red);background:var(--red-l);padding:2px 7px;border-radius:var(--r-full)}.budget-amounts{display:flex;justify-content:space-between;align-items:center}.budget-nums-row{display:flex;align-items:baseline;gap:5px}.budget-spent{font-size:16px;font-weight:700;color:var(--t1);font-family:var(--font-mono)}.budget-of{font-size:11px;color:var(--t3)}.budget-actions-mini{display:flex;gap:4px}.budget-edit-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.budget-limit-input{flex:1;padding:7px 10px!important;font-size:13px}.mini-btn{width:28px;height:28px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;background:var(--surf2);border:1px solid var(--bdr);color:var(--t2);transition:all .14s}.mini-btn:hover{background:var(--surf3);color:var(--t1)}.mini-btn.danger:hover{background:var(--red-l);color:var(--red);border-color:transparent}.goals-balance-tip{display:flex;align-items:center;gap:10px;background:var(--purple-l);border:1px solid rgba(127,119,221,.2);border-radius:var(--r-lg);padding:12px 16px;font-size:13px;color:var(--t2)}.goals-balance-tip strong{color:var(--t1)}.goals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.goal-card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-xl);padding:18px;box-shadow:var(--sh-sm);transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;gap:0}.goal-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.goal-card.done{border-color:#63992240}.goal-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.goal-card-icon{width:44px;height:44px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:22px}.goal-card-actions{display:flex;gap:4px}.goal-card-name{font-size:15px;font-weight:600;color:var(--t1);margin-bottom:4px}.goal-done-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--green);background:var(--green-l);padding:3px 8px;border-radius:var(--r-full);margin-bottom:8px}.goal-card-amounts{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}.goal-saved-amt{font-size:20px;font-weight:700;font-family:var(--font-mono)}.goal-target-amt{font-size:12px;color:var(--t3)}.goal-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.goal-pct-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--r-full)}.goal-deadline{font-size:11px;font-weight:500}.goal-contribute-btn{margin-top:12px;width:100%;padding:8px;border-radius:var(--r-md);font-size:12px;font-weight:600;background:var(--surf2);border:1px solid var(--bdr);color:var(--t2);cursor:pointer;transition:all .15s}.goal-contribute-btn:hover{background:var(--purple-l);color:var(--purple-d);border-color:var(--purple)}[data-theme=dark] .goal-contribute-btn:hover{color:var(--purple)}.emoji-picker{display:flex;flex-wrap:wrap;gap:6px}.emoji-btn{width:36px;height:36px;border-radius:var(--r-md);border:1px solid var(--bdr);background:var(--surf2);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .14s}.emoji-btn:hover{background:var(--surf3)}.emoji-btn.on{border-color:var(--purple);background:var(--purple-l)}.color-picker{display:flex;gap:8px}.color-btn{width:28px;height:28px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:border-color .14s,transform .14s}.color-btn:hover{transform:scale(1.15)}.color-btn.on{border-color:var(--t1)}.report-header-card{margin-bottom:0}.report-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.report-logo-row{display:flex;align-items:center;gap:8px}.report-month-title{font-size:18px;font-weight:700;color:var(--t1)}.report-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.report-kpi{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:16px;position:relative;overflow:hidden}.report-kpi:after{content:"";position:absolute;top:0;left:0;right:0;height:3px}.report-kpi.income:after{background:linear-gradient(90deg,var(--green-m),var(--green))}.report-kpi.expense:after{background:linear-gradient(90deg,#f09595,var(--red))}.report-kpi.balance:after{background:linear-gradient(90deg,var(--purple),var(--pink))}.report-kpi.rate:after{background:linear-gradient(90deg,var(--amber),#EF9F27)}.report-kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--t3);margin-bottom:4px}.report-kpi-value{font-size:20px;font-weight:700;color:var(--t1);font-family:var(--font-mono)}.report-kpi-sub{font-size:11px;color:var(--t3);margin-top:3px}.report-day-list{display:flex;flex-direction:column}.report-day-block{border-bottom:1px solid var(--bdr);padding:12px 0}.report-day-block:last-child{border-bottom:none}.report-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.report-day-label{font-size:12px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.5px}.report-day-tx{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-md);transition:background .1s}.report-day-tx:hover{background:var(--surf2)}@media print{.sidebar,.topbar,.page-header .page-action-btn,.range-tabs,.toast-container{display:none!important}.app-shell{display:block!important}.main{padding:0!important}.card{box-shadow:none!important;border:1px solid #e5e7eb!important}body{background:#fff!important;color:#000!important}.page-content{gap:12px!important}}@media (max-width: 1100px){.analytics-kpi-row,.budgets-summary-row,.report-kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-row-2{grid-template-columns:1fr}.budgets-grid,.goals-grid{grid-template-columns:repeat(2,1fr)}.insights-grid{grid-template-columns:1fr}}@media (max-width: 640px){.analytics-kpi-row,.budgets-summary-row,.report-kpi-grid{grid-template-columns:1fr 1fr}.budgets-grid,.goals-grid{grid-template-columns:1fr}.tx-filters{flex-direction:column}.filter-select{width:100%}.tx-summary-strip{flex-wrap:wrap;gap:10px}.range-tabs{flex-wrap:wrap}}