: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%);--green-text: #10b981;--red-text: #f35d6a;--blue-text: #5190f7;--amber-text: #f59e0b;--indigo-text: #a5b4fc}[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: #637086;--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: #0c865d;--accent-2: #10b981;--accent-contrast: #ffffff;--accent-soft: rgba(12, 134, 93, .1);--accent-glow: rgba(12, 134, 93, .22);--input-bg: #f3f6fa;--hover: rgba(15, 23, 42, .035);--hero-grad: linear-gradient(135deg, #0d9488 0%, #10b981 55%, #34d399 100%);--green-text: #0b7b56;--red-text: #d21021;--blue-text: #0b5fe9;--amber-text: #976106;--indigo-text: #4e52ef}:root{--green: #10b981;--red: #f25563;--red-soft: #fb7185;--blue: #3b82f6;--amber: #f59e0b;--indigo: #6366f1;--red-solid: #d21021;--blue-solid: #0b5fe9;--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)}.icon-green{color:var(--green-text)}.icon-red{color:var(--red-text)}.icon-amber{color:var(--amber-text)}.label-icon-row{display:inline-flex;align-items:center;gap:6px}*{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{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);padding:2px 6px;font-weight:600}.theme-toggle,.logout-btn{width:100%;min-height:44px;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(--green-text);background:var(--accent-soft)}.logout-btn:hover{border-color:var(--red);color:var(--red-text)}.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{display:flex;align-items:center;gap:8px;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{display:inline-flex;align-items:center;gap:6px;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-text)}.stat-value.neg{color:var(--red-text)}.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{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;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-text)}.btn.danger:hover{background:var(--red-solid);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{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;background:none;border:none;color:inherit;font-size:15px;opacity:.55;padding:4px 10px;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{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;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;min-height:48px;padding:12px;font-size:14.5px;font-weight:700}.type-seg button.active.expense{background:var(--red-solid);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-solid);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-cards{display:none}.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-text)}.badge.expense{background:#f2556324;color:var(--red-text)}.badge.transfer{background:#3b82f626;color:var(--blue-text)}.badge.opening{background:#f59e0b29;color:var(--amber-text);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-text)}.amount.expense{color:var(--red-text)}.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-text)}.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{display:flex;align-items:center;gap:6px;color:var(--red-text);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-text)}.account-del{font-size:12px}.account-actions{display:flex;flex-wrap:wrap;gap:8px;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{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}.goal-pct{font-size:14px;font-weight:800;color:var(--blue-text)}.goal-pct.done{color:var(--green-text)}.goal-foot{font-size:12px;font-weight:500}.goal-done{display:inline-flex;align-items:center;gap:6px;color:var(--green-text);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;min-height:44px}.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}.db-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}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:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(1200px 600px at 15% -10%,var(--accent-soft) 0%,transparent 55%),radial-gradient(900px 500px at 100% 100%,var(--accent-soft) 0%,transparent 50%),var(--bg)}.auth-shell{width:100%;max-width:920px;display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;gap:0;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg);animation:popIn .45s ease both}.auth-hero{position:relative;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:48px 42px;background:var(--hero-grad);color:#f2fdf9;overflow:hidden}.auth-hero:before,.auth-hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff24;filter:blur(2px)}.auth-hero:before{width:260px;height:260px;top:-90px;right:-80px}.auth-hero:after{width:180px;height:180px;bottom:-70px;left:-50px;background:#04140d26}.auth-hero>*{position:relative;z-index:1}.auth-hero .auth-brand{color:#fff}.auth-hero-title{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.2}.auth-hero-sub{font-size:15px;font-weight:500;color:#f2fdf9db;line-height:1.55;max-width:36ch}.auth-highlights{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:8px}.auth-highlights li{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:600;line-height:1.4;color:#f2fdf9f0}.auth-highlight-icon{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-sm);background:#ffffff29}.auth-card{background:var(--surface);padding:48px 40px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.auth-brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:800;justify-content:center;letter-spacing:-.03em}.auth-badge{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);margin-bottom:18px;box-shadow:0 8px 20px -8px var(--accent-glow)}.auth-title{font-size:22px;font-weight:800;letter-spacing:-.03em}.auth-sub{color:var(--muted);font-size:14px;margin:8px 0 26px;font-weight:500;max-width:30ch}.auth-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13.5px;font-weight:600;padding:10px 0}.auth-spinner{animation:spin .9s linear infinite}.auth-error{display:flex;align-items:center;gap:8px;background:#f255631f;color:var(--red-text);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;text-align:left}.auth-google{display:flex;justify-content:center;min-height:44px}.auth-trust{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;font-weight:600;margin-top:26px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 760px){.auth-shell{grid-template-columns:1fr;max-width:420px;border-radius:24px}.auth-hero{display:none}.auth-card{padding:40px 26px}}.tag-chips{display:inline-flex;gap:8px;margin-left:8px;flex-wrap:wrap}.tag-chip{display:inline-flex;align-items:center;min-height:28px;font-size:11px;font-weight:700;font-family:inherit;border:none;background:#6366f126;color:var(--indigo-text);padding:5px 12px;border-radius:var(--r-pill);cursor:pointer;transition:filter .15s,transform .15s}.tag-chip:hover{filter:brightness(1.15);transform:translateY(-1px)}.tag-suggestions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}.tag-suggest-label{font-size:12px;color:var(--muted);font-weight:600}.tag-suggest{display:inline-flex;align-items:center;min-height:30px;font-size:12px;font-weight:700;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);padding:6px 13px;border-radius:var(--r-pill);transition:all .15s}.tag-suggest:hover{border-color:var(--indigo);color:var(--indigo-text);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;flex-shrink:0;gap:8px}.cat-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-solid);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(--green-text)}.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-msg{display:inline-flex;align-items:center;gap:9px}.reminder-cta{color:var(--amber-text);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;min-height:44px}.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{display:inline-flex;align-items:center;gap:6px;color:var(--green-text);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;min-height:44px}.bottom-tabbar,.sheet-backdrop,.more-sheet{display:none}@media (max-width: 900px){.app{flex-direction:column}.sidebar{display:none}.content{padding:20px 16px calc(84px + env(safe-area-inset-bottom))}.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}.budget-row-head{flex-wrap:wrap;row-gap:6px}.tx-table-wrap{display:none}.tx-cards{display:flex;flex-direction:column;gap:12px}.tx-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.tx-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.tx-card-main{min-width:0;flex:1}.tx-card-meta{color:var(--muted);font-size:12.5px}.tx-card-amount{display:flex;justify-content:flex-end}.bottom-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #0000001f}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:none;background:none;color:var(--muted);font-size:10.5px;font-weight:700;border-radius:var(--r-sm);position:relative;touch-action:manipulation;transition:color .15s ease}.tabbar-item.active{color:var(--accent)}.tabbar-icon{flex-shrink:0}.tabbar-badge{position:absolute;top:2px;right:calc(50% - 22px)}.sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0408108c;z-index:40;animation:fadeUp .18s ease both}.more-sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:20px 20px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom));max-height:75vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:sheetUp .22s cubic-bezier(.16,1,.3,1) both}.more-sheet-handle{width:40px;height:4px;border-radius:var(--r-pill);background:var(--border-strong);margin:2px auto 14px;flex-shrink:0}.more-sheet-nav{display:flex;flex-direction:column;gap:3px}.more-sheet-nav .nav-item{min-height:48px;font-size:15px;padding:13px 14px}.more-sheet .sidebar-foot{border-top:1px solid var(--border);padding-top:12px;margin-top:10px}}@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
