:root,[data-theme=dark]{--bg: #080b12;--bg-2: #0c111b;--surface: #121a27;--surface-2: #1a2434;--elevated: #16202f;--border: #212d3f;--border-strong: #2c3a4f;--text: #eef3fa;--text-2: #b7c2d4;--muted: #7e8da4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 6px 22px rgba(0, 0, 0, .38);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--accent: #10b981;--accent-2: #34d399;--accent-contrast: #04140d;--accent-soft: rgba(16, 185, 129, .15);--accent-glow: rgba(16, 185, 129, .32);--input-bg: #0d131f;--hover: rgba(255, 255, 255, .04);--hero-grad: linear-gradient(135deg, #0d9488 0%, #10b981 55%, #34d399 100%)}[data-theme=light]{--bg: #f4f6fa;--bg-2: #eaeef4;--surface: #ffffff;--surface-2: #f2f5f9;--elevated: #ffffff;--border: #e7ebf2;--border-strong: #d8dfea;--text: #0c1424;--text-2: #3a4659;--muted: #76839a;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 18px rgba(15, 23, 42, .07), 0 1px 3px rgba(15, 23, 42, .04);--shadow-lg: 0 20px 50px rgba(15, 23, 42, .14);--accent: #0d9d6b;--accent-2: #10b981;--accent-contrast: #ffffff;--accent-soft: rgba(13, 157, 107, .1);--accent-glow: rgba(13, 157, 107, .22);--input-bg: #f3f6fa;--hover: rgba(15, 23, 42, .035);--hero-grad: linear-gradient(135deg, #0d9488 0%, #10b981 55%, #34d399 100%)}:root{--green: #10b981;--red: #f25563;--red-soft: #fb7185;--blue: #3b82f6;--amber: #f59e0b;--indigo: #6366f1;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;color-scheme:light dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;transition:background .3s ease,color .3s ease}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.app{display:flex;min-height:100vh}.sidebar{width:256px;background:var(--surface);border-right:1px solid var(--border);padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;padding:6px 12px 24px;letter-spacing:-.03em}.brand-icon{font-size:25px;filter:drop-shadow(0 4px 10px var(--accent-glow))}.sidebar nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 14px;border:none;background:transparent;color:var(--muted);border-radius:13px;font-size:14.5px;font-weight:600;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item:active{transform:scale(.985)}.nav-item.active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 8px 20px -6px var(--accent-glow)}.nav-icon{font-size:17px;width:22px;text-align:center}.sidebar-foot{padding-top:14px;margin-top:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sidebar-user{font-size:13px;color:var(--muted);padding:2px 6px;font-weight:600}.theme-toggle,.logout-btn{width:100%;background:transparent;border:1px solid var(--border);color:var(--muted);padding:9px;border-radius:var(--r-sm);font-size:13.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .16s ease}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.logout-btn:hover{border-color:var(--red);color:var(--red)}.content{flex:1;padding:40px 48px;max-width:1180px;margin:0 auto;width:100%}.page-head{margin-bottom:28px;animation:fadeUp .4s ease both}.page-head h1{font-size:32px;font-weight:800;letter-spacing:-.035em;background:linear-gradient(180deg,var(--text),var(--text-2));-webkit-background-clip:text;background-clip:text}.page-head p{color:var(--muted);margin-top:6px;font-size:15px;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;margin-bottom:20px;box-shadow:var(--shadow);animation:fadeUp .4s ease both}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.card-head h2,.card-title{font-size:17px;font-weight:700;letter-spacing:-.02em}.card-title{margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease;animation:fadeUp .4s ease both}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-card.balance{background:var(--hero-grad);border-color:transparent;color:#ecfdf5;box-shadow:0 14px 36px -10px var(--accent-glow);position:relative;overflow:hidden}.stat-card.balance:after{content:"";position:absolute;top:-40%;right:-10%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 70%);pointer-events:none}.stat-card.balance>*{position:relative;z-index:1}.stat-label{font-size:13px;color:var(--muted);font-weight:600}.stat-card.balance .stat-label{color:#ffffffd9}.stat-value{font-size:23px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-value.pos{color:var(--green)}.stat-value.neg{color:var(--red)}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.form-grid.narrow{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.rates-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted);font-weight:600}.form-grid label.wide{grid-column:1 / -1}.form-action{display:flex;align-items:flex-end}input,select{background:var(--input-bg);border:1.5px solid var(--border);color:var(--text);padding:12px 14px;border-radius:var(--r-sm);font-size:14px;font-weight:500;width:100%;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}input::placeholder{color:var(--muted);opacity:.65}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}input:disabled{opacity:.5}.tx-form{margin-bottom:24px}.form-foot{display:flex;justify-content:flex-end;align-items:center;margin-top:22px;gap:16px;flex-wrap:wrap}.btn{border:1.5px solid var(--border);background:var(--surface-2);color:var(--text);padding:11px 22px;border-radius:var(--r-sm);font-size:14px;font-weight:700;letter-spacing:-.01em;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .15s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-contrast);box-shadow:0 10px 22px -8px var(--accent-glow)}.btn.primary:hover{box-shadow:0 14px 28px -8px var(--accent-glow)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--hover)}.btn.danger{background:transparent;border-color:var(--red);color:var(--red)}.btn.danger:hover{background:var(--red);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.link-btn{background:none;border:none;color:var(--accent);font-size:14px;font-weight:700;transition:opacity .15s}.link-btn:hover{opacity:.75}.icon-btn{background:none;border:none;font-size:15px;opacity:.55;padding:4px 8px;border-radius:8px;transition:all .15s}.icon-btn:hover{opacity:1;background:var(--hover)}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:4px;gap:3px;flex-wrap:wrap}.seg button{border:none;background:transparent;color:var(--muted);padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;transition:all .16s ease}.seg button:hover{color:var(--text)}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.type-seg{margin-bottom:22px;display:flex;width:100%;max-width:470px}.type-seg button{flex:1;padding:12px;font-size:14.5px;font-weight:700}.type-seg button.active.expense{background:var(--red);color:#fff;box-shadow:0 8px 18px -6px #f2556380}.type-seg button.active.income{background:var(--green);color:#04140d;box-shadow:0 8px 18px -6px var(--accent-glow)}.type-seg button.active.transfer{background:var(--blue);color:#fff;box-shadow:0 8px 18px -6px #3b82f680}.field-label{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:10px;display:block}.account-picker{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:20px}.acc-pill{flex:1 1 155px;min-width:145px;text-align:left;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-md);padding:14px 16px;display:flex;flex-direction:column;gap:5px;color:var(--text);transition:all .16s ease}.acc-pill:hover{border-color:var(--accent);transform:translateY(-2px)}.acc-pill.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 8px 20px -10px var(--accent-glow)}.acc-pill.disabled{opacity:.4;pointer-events:none}.acc-pill-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.acc-pill-name{font-weight:700;font-size:14.5px}.acc-pill-cur{font-size:11px;font-weight:700;color:var(--muted);background:var(--surface);padding:2px 8px;border-radius:7px}.acc-pill-bal{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.acc-pill.active .acc-pill-bal{color:var(--accent)}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.toolbar-right{display:flex;gap:10px}.search{max-width:240px}.tag-filter{max-width:180px}.tx-table{width:100%;border-collapse:collapse;font-size:14px}.tx-table th{text-align:left;color:var(--muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:10px 12px;border-bottom:1px solid var(--border)}.tx-table td{padding:14px 12px;border-bottom:1px solid var(--border)}.tx-table tbody tr{transition:background .13s}.tx-table tbody tr:hover{background:var(--hover)}.tx-table tr:last-child td{border-bottom:none}.right{text-align:right}.muted{color:var(--muted)}.small{font-size:12px}.badge{display:inline-block;padding:4px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:700;background:var(--surface-2)}.badge.income{background:#10b98126;color:var(--green)}.badge.expense{background:#f2556324;color:var(--red)}.badge.transfer{background:#3b82f626;color:#60a5fa}.badge.opening{background:#f59e0b29;color:var(--amber);margin-left:8px;font-size:11px;padding:2px 9px}.amount{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.amount.income{color:var(--green)}.amount.expense{color:var(--red)}.cat-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:9px}.recent-list{list-style:none;display:flex;flex-direction:column}.recent-list li{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border);transition:padding-left .15s}.recent-list li:hover{padding-left:4px}.recent-list li:last-child{border-bottom:none}.recent-left{display:flex;align-items:center;gap:13px}.recent-cat{font-weight:600}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.income{background:var(--green)}.dot.expense{background:var(--red)}.dot.transfer{background:var(--blue)}.empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:14.5px;font-weight:500}.budget-list{display:flex;flex-direction:column;gap:24px}.budget-row-head{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.budget-cat{font-weight:700}.budget-nums{color:var(--muted);display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-weight:600}.budget-nums.over{color:var(--red)}.progress{height:10px;background:var(--surface-2);border-radius:var(--r-pill);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-pill);transition:width .5s cubic-bezier(.4,0,.2,1)}.over-warn{color:var(--red);font-size:12px;margin-top:8px;font-weight:600}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-totals{display:flex;gap:44px;flex-wrap:wrap}.report-totals>div{display:flex;flex-direction:column;gap:5px}.report-totals .amount{font-size:22px}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.account-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:11px;transition:transform .18s ease,box-shadow .18s ease;animation:popIn .3s ease both}.account-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.account-top{display:flex;justify-content:space-between;align-items:center}.account-name{font-weight:700;font-size:15px}.account-cur{font-size:11px;font-weight:700;background:var(--surface);border:1px solid var(--border);padding:3px 9px;border-radius:8px;color:var(--muted)}.account-balance{font-size:26px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.account-balance.neg{color:var(--red)}.account-del{font-size:12px}.account-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.account-actions .icon-btn{font-size:12px;font-weight:600;opacity:1;color:var(--accent);background:var(--surface);border:1px solid var(--border)}.account-actions .icon-btn:hover{background:var(--hover);border-color:var(--accent)}.goal{display:flex;flex-direction:column;gap:8px;padding:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}.goal-head{display:flex;justify-content:space-between;align-items:center}.goal-label{font-size:13px;font-weight:700;color:var(--muted)}.goal-pct{font-size:14px;font-weight:800;color:var(--blue)}.goal-pct.done{color:var(--green)}.goal-foot{font-size:12px;font-weight:500}.goal-done{color:var(--green);font-weight:700;font-size:12px}.goal-edit{display:flex;flex-direction:column;gap:8px}.goal-edit-actions{display:flex;gap:8px}.goal-edit-actions .btn{padding:8px 16px;font-size:13px}.transfer-amount{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px}.db-stats{display:flex;gap:44px;margin-top:16px}.db-stats>div{display:flex;flex-direction:column;gap:5px}.db-stats strong{font-size:24px;font-weight:800}code{background:var(--surface-2);border:1px solid var(--border);padding:2px 7px;border-radius:6px;font-size:13px;font-family:ui-monospace,SF Mono,Menlo,monospace}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(1200px 600px at 50% -20%,var(--accent-soft) 0%,var(--bg) 55%)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:40px;width:100%;max-width:400px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:popIn .4s ease both}.auth-brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:800;justify-content:center;margin-bottom:20px;letter-spacing:-.03em}.auth-title{font-size:24px;text-align:center;font-weight:800;letter-spacing:-.03em}.auth-sub{color:var(--muted);text-align:center;font-size:14px;margin:8px 0 24px;font-weight:500}.auth-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:16px}.auth-error{background:#f255631f;color:var(--red);border:1px solid rgba(242,85,99,.3);padding:11px 14px;border-radius:var(--r-sm);font-size:13px;margin-bottom:16px;font-weight:600}.auth-submit{width:100%;padding:14px;margin-top:6px;font-size:15px}.tag-chips{display:inline-flex;gap:5px;margin-left:8px;flex-wrap:wrap}.tag-chip{font-size:11px;font-weight:700;background:#6366f126;color:var(--indigo);padding:2px 9px;border-radius:var(--r-pill);cursor:pointer;transition:filter .15s,transform .15s}[data-theme=dark] .tag-chip{color:#a5b4fc}.tag-chip:hover{filter:brightness(1.15);transform:translateY(-1px)}.tag-suggestions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}.tag-suggest-label{font-size:12px;color:var(--muted);font-weight:600}.tag-suggest{font-size:12px;font-weight:700;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);padding:4px 11px;border-radius:var(--r-pill);transition:all .15s}.tag-suggest:hover{border-color:var(--indigo);color:var(--indigo);background:#6366f11a;transform:translateY(-1px)}.cat-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cat-list{display:flex;flex-direction:column}.cat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid var(--border);gap:8px}.cat-item:last-child{border-bottom:none}.cat-actions{display:flex;gap:2px}.cat-edit-input{flex:1}.cat-group{border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:6px}.cat-group:last-child{border-bottom:none}.cat-parent-name{font-weight:700}.cat-item.cat-child{padding-left:22px;border-bottom:none;position:relative}.cat-item.cat-child:before{content:"└";position:absolute;left:6px;color:var(--muted);opacity:.55}.cat-sub-add{padding:6px 0 6px 22px}.new-cat{display:flex;gap:8px}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:11px;font-weight:800;min-width:19px;height:19px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 4px 10px -2px #f2556380}.nav-item.active .nav-badge{background:var(--accent-contrast);color:var(--accent)}.reminder-banner{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(135deg,#f59e0b29,#f59e0b12);border:1px solid rgba(245,158,11,.32);color:var(--text);padding:16px 20px;border-radius:var(--r-md);margin-bottom:20px;font-size:14.5px;font-weight:600;text-align:left;transition:transform .15s,box-shadow .15s;animation:fadeUp .4s ease both}.reminder-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.reminder-cta{color:var(--amber);font-weight:800;white-space:nowrap}.rec-list{display:flex;flex-direction:column;gap:11px}.rec-item{display:flex;align-items:center;gap:16px;padding:15px 17px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);transition:transform .15s,box-shadow .15s}.rec-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.rec-item.due{border-color:#f59e0b73;background:linear-gradient(135deg,rgba(245,158,11,.1),transparent)}.rec-main{flex:1;min-width:0}.rec-name{font-weight:700;font-size:15px}.rec-amount{font-size:16px;white-space:nowrap}.rec-actions{display:flex;align-items:center;gap:8px}.rec-actions .btn{padding:8px 14px;font-size:13px}.checkbox-row{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:13.5px;color:var(--muted);cursor:pointer;line-height:1.45;font-weight:500}.checkbox-row input[type=checkbox]{width:18px;height:18px;margin-top:1px;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.person-groups{display:flex;flex-direction:column;gap:24px}.person-group{display:flex;flex-direction:column;gap:11px}.person-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 4px;border-bottom:2px solid var(--border)}.person-name{font-weight:800;font-size:16px;letter-spacing:-.02em}.person-totals{font-variant-numeric:tabular-nums;font-size:15px}.debt-list{display:flex;flex-direction:column;gap:14px}.debt-card{border:1px solid var(--border);border-radius:var(--r-md);padding:17px;background:var(--surface-2);display:flex;flex-direction:column;gap:11px;transition:transform .15s,box-shadow .15s}.debt-card:hover{box-shadow:var(--shadow-sm)}.debt-card.settled{opacity:.65}.debt-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.debt-person{font-weight:700;font-size:15px}.debt-amounts{display:flex;flex-direction:column;align-items:flex-end}.debt-amounts .amount{font-size:17px}.debt-done{color:var(--green);font-weight:700;font-size:14px}.debt-paid-line{margin-top:-2px}.debt-payments{display:flex;flex-direction:column;gap:2px;padding:9px 11px;background:var(--bg);border-radius:var(--r-xs)}.debt-pay-row{display:flex;justify-content:space-between;align-items:center}.debt-actions{display:flex;align-items:center;gap:8px}.debt-pay-form{display:flex;gap:8px;flex:1;flex-wrap:wrap;align-items:center}.debt-pay-form .btn{padding:9px 16px;font-size:13px}@media (max-width: 900px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:sticky;flex-direction:row;align-items:center;padding:10px 12px;overflow-x:auto;gap:8px;z-index:10}.sidebar nav{flex-direction:row}.nav-item span:not(.nav-icon){display:none}.nav-badge{margin-left:4px}.brand-name,.sidebar-user{display:none}.sidebar-foot{border-top:none;padding-top:0;margin-top:0;flex-direction:row}.content{padding:24px 18px}.stat-grid,.form-grid,.form-grid.narrow,.charts-grid,.cat-columns{grid-template-columns:1fr}.page-head h1{font-size:26px}.rec-item{flex-wrap:wrap}.rec-amount{margin-left:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}