:root{--bg: #f4f5fb;--card: #ffffff;--card-2: #f1f2f9;--text: #0f172a;--muted: #6b7280;--border: rgba(15, 23, 42, .07);--grid: rgba(15, 23, 42, .07);--hover: rgba(109, 93, 252, .07);--primary: #6d5dfc;--primary-2: #a78bfa;--primary-soft: rgba(109, 93, 252, .12);--income: #059669;--expense: #e11d48;--income-soft: rgba(16, 185, 129, .12);--expense-soft: rgba(244, 63, 94, .12);--warn: #d97706;--warn-soft: rgba(245, 158, 11, .14);--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--radius: 22px;--nav-h: 72px;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:light}[data-theme=dark]{--bg: #0b0d17;--card: #151827;--card-2: #1d2133;--text: #eceefa;--muted: #8d93ab;--border: rgba(255, 255, 255, .07);--grid: rgba(255, 255, 255, .07);--hover: rgba(167, 139, 250, .1);--primary: #8b7bff;--primary-soft: rgba(139, 123, 255, .16);--income: #34d399;--expense: #fb7185;--income-soft: rgba(52, 211, 153, .14);--expense-soft: rgba(251, 113, 133, .14);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;letter-spacing:-.02em}p{margin:0}small{font-size:12.5px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.grow{flex:1;min-width:0}.income{color:var(--income)}.expense{color:var(--expense)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.divider{height:1px;background:var(--border);margin:6px 0}.app{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}.page{padding:calc(env(safe-area-inset-top,0px) + 18px) 16px calc(var(--nav-h) + var(--safe-b) + 32px);display:flex;flex-direction:column;gap:14px}.page-head{display:flex;align-items:center;justify-content:space-between;min-height:40px}.page-head h2{font-size:26px;font-weight:800}.center-screen{min-height:100dvh;display:grid;place-items:center}.fade-in{animation:fadeUp .28s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);border:1px solid var(--border)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h4{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px}.link{color:var(--primary);font-weight:600;font-size:14px}.home-head{display:flex;align-items:center;justify-content:space-between}.home-head h2{font-size:24px;font-weight:800}.avatars{display:flex}.avatars .avatar+.avatar{margin-left:-10px}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex-shrink:0;border:2px solid var(--bg)}.hero{position:relative;overflow:hidden;color:#fff;border-radius:28px;padding:20px;background:linear-gradient(135deg,#7c6cff,#5b45f5 55%,#4330d8);box-shadow:0 18px 40px -12px #5b45f58c}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff1a}.hero:before{width:220px;height:220px;right:-70px;top:-90px}.hero:after{width:140px;height:140px;right:40px;bottom:-80px;background:#ffffff12}.hero>*{position:relative;z-index:1}.hero-top{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:10px;opacity:.95}.hero-badge{background:#ffffff2e;padding:4px 10px;border-radius:99px;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero small{opacity:.85}.hero-amount{font-size:34px;font-weight:800;letter-spacing:-.03em;margin:2px 0 14px}.hero-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-row>div{display:flex;gap:10px;align-items:center;background:#ffffff24;border-radius:16px;padding:10px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-row small{display:block;font-size:12px}.hero-row b{font-size:17px}.dot-ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#fff}.dot-ic.in{color:#059669}.dot-ic.out{color:#e11d48}.hero-budget{margin-top:14px}.hero-budget .progress{background:#ffffff38;margin-top:6px}.hero-budget .progress i{background:#fde68a}.insight{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);width:100%}.insight-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.insight.good .insight-ic{background:var(--primary-soft);color:var(--primary)}.insight.warn .insight-ic{background:var(--warn-soft);color:var(--warn)}.insight>div{flex:1;min-width:0}.insight small{color:var(--muted)}.insight b{display:block;font-size:19px;font-weight:800}.insight p{font-size:13px;color:var(--muted)}.insight.warn p{color:var(--warn)}.insight>svg{color:var(--muted)}.h-scroll{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:2px 16px 4px;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:16px}.h-scroll::-webkit-scrollbar{display:none}.bill{flex:0 0 132px;scroll-snap-align:start;background:var(--card-2);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:4px}.bill b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.bill .money{font-weight:700}.bill small{color:var(--muted);font-size:11.5px}.bill.overdue small{color:var(--expense);font-weight:600}.donut-wrap{display:flex;align-items:center;gap:16px}.donut{position:relative;width:140px;height:140px;flex-shrink:0}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center small{color:var(--muted);font-size:11.5px}.donut-center b{font-size:17px}.legend{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.legend li{display:flex;align-items:center;gap:8px;font-size:13.5px}.legend i{width:10px;height:10px;border-radius:4px;flex-shrink:0}.legend span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-list{display:flex;flex-direction:column}.card.tx-list{padding:6px 12px}.tx-item{display:flex;align-items:center;gap:12px;padding:10px 0;width:100%}.tx-item+.tx-item{border-top:1px solid var(--border)}.tx-main{flex:1;min-width:0}.tx-main b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-main small{color:var(--muted);display:flex;align-items:center;gap:6px}.tx-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tx-right .money{font-weight:700;white-space:nowrap}.tag-mini{display:inline-flex;align-items:center;gap:2px;background:var(--primary-soft);color:var(--primary);border-radius:6px;padding:0 5px;font-size:11px}.money.income{color:var(--income)}.money.expense{color:var(--text)}.cat-icon{display:inline-grid;place-items:center;border-radius:14px;flex-shrink:0;line-height:1}.month-switch{display:flex;align-items:center;justify-content:space-between;background:var(--card);border-radius:18px;padding:6px;box-shadow:var(--shadow)}.month-switch b{font-size:16px}.icon-btn{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--text)}.icon-btn:active{background:var(--hover)}.icon-btn.soft{background:var(--card-2)}.sum-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.pill{background:var(--card);border-radius:16px;padding:10px 12px;box-shadow:var(--shadow);border:1px solid var(--border)}.pill small{color:var(--muted);display:block;font-size:12px}.pill b{font-size:16px}.pill.income b{color:var(--income)}.pill.expense b{color:var(--expense)}.search{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:16px;padding:0 14px;box-shadow:var(--shadow);color:var(--muted)}.search input{flex:1;border:0;background:none;outline:none;padding:13px 0;color:var(--text)}.day-group{display:flex;flex-direction:column;gap:6px}.day-head{display:flex;justify-content:space-between;padding:0 6px;font-size:13px;font-weight:600;color:var(--muted)}.segmented{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);background:var(--card-2);border-radius:16px;padding:4px;isolation:isolate}.segmented button{position:relative;z-index:1;padding:10px 4px;text-align:center;font-weight:600;color:var(--muted);transition:color .2s;font-size:14px;white-space:nowrap}.segmented button.active{color:var(--text)}.segmented-pill{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n));transform:translate(calc(var(--i) * 100%));background:var(--card);border-radius:12px;box-shadow:0 2px 8px #0f172a1a;transition:transform .3s cubic-bezier(.3,1.2,.5,1)}.segmented.small button{padding:7px 4px;font-size:13px}.segmented.small .segmented-pill{border-radius:10px}.page>.segmented.small{position:sticky;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:5;box-shadow:var(--shadow)}.progress{position:relative;height:8px;background:var(--card-2);border-radius:99px;overflow:visible;margin:6px 0}.progress.tall{height:10px}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .5s ease}.progress>i{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1.5px;border-radius:3px;background:var(--text);opacity:.6}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-h) + var(--safe-b));padding:0 8px var(--safe-b);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-top:1px solid var(--border)}.bottom-nav>button:not(.fab){display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600;padding:8px 0;transition:color .2s}.bottom-nav>button.active{color:var(--primary)}.bottom-nav>button.active svg{transform:translateY(-1px)}.fab{justify-self:center;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8b7bff,#5b45f5);margin-top:-26px;box-shadow:0 12px 24px -6px #5b45f599,0 0 0 5px var(--bg);transition:transform .15s}.fab:active{transform:scale(.92)}.sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet-root.in{animation:fadeIn .2s ease both}.sheet-root.out{animation:fadeOut .22s ease both}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a1473;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{position:relative;width:100%;max-width:480px;max-height:92dvh;display:flex;flex-direction:column;background:var(--bg);border-radius:28px 28px 0 0;box-shadow:0 -10px 40px #0003}.sheet-root.in .sheet{animation:slideUp .32s cubic-bezier(.2,.9,.3,1) both}.sheet-root.out .sheet{animation:slideDown .22s ease both}.sheet-handle{width:40px;height:5px;border-radius:9px;background:var(--muted);opacity:.35;margin:8px auto 0}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 4px 20px}.sheet-head h3{font-size:19px;font-weight:800}.sheet-body{overflow-y:auto;padding:8px 18px 16px;display:flex;flex-direction:column;gap:14px}.sheet-foot{padding:10px 18px calc(12px + var(--safe-b));border-top:1px solid var(--border);background:var(--bg)}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}}@keyframes slideDown{to{transform:translateY(100%)}}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--muted)}.field-hint{font-size:12px;color:var(--muted)}.input{width:100%;padding:13px 14px;border-radius:14px;border:1.5px solid var(--border);background:var(--card);outline:none;transition:border-color .2s,box-shadow .2s;min-height:48px;font-size:16px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.code-input{text-transform:uppercase;letter-spacing:.3em;font-weight:700;text-align:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.amount-input{background:var(--card);border-radius:20px;padding:14px 16px;border:1px solid var(--border)}.amount-row{display:flex;align-items:baseline;gap:6px}.amount-row input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:34px;font-weight:800;letter-spacing:-.02em;padding:0}.amount-row span{font-size:22px;font-weight:700;color:var(--muted)}.amount-input.expense input{color:var(--expense)}.amount-input.income input{color:var(--income)}.amount-input .chips{margin-top:10px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 11px;border-radius:99px;background:var(--card-2);font-size:13px;font-weight:600;white-space:nowrap}.chip:active{transform:scale(.95)}.chip.ghost{background:none;color:var(--muted)}.chip.primary{background:var(--primary);color:#fff}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cat-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:16px;border:2px solid transparent;transition:all .15s}.cat-cell span{font-size:11.5px;font-weight:500;text-align:center;line-height:1.2;color:var(--muted)}.cat-cell.active{border-color:var(--c);background:var(--card)}.cat-cell.active span{color:var(--text);font-weight:700}.member-pick{display:flex;gap:6px;align-items:center;min-height:48px}.member-pick button{border-radius:50%;padding:2px;border:2px solid transparent;opacity:.5;transition:all .15s}.member-pick button.active{border-color:var(--primary);opacity:1}.emoji-pick{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-pick button{aspect-ratio:1;font-size:22px;border-radius:12px;display:grid;place-items:center}.emoji-pick button.active{background:var(--primary-soft);box-shadow:inset 0 0 0 2px var(--primary)}.color-pick{display:flex;gap:10px;flex-wrap:wrap}.color-pick button{width:30px;height:30px;border-radius:50%;transition:transform .15s}.color-pick button.active{box-shadow:0 0 0 3px var(--bg),0 0 0 5px currentColor;transform:scale(1.05);color:var(--text)}.deposit-box{display:flex;flex-direction:column;gap:6px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:500}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:28px;border-radius:99px;background:var(--card-2);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;border:1px solid var(--border)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.switch:checked{background:var(--primary)}.switch:checked:after{transform:translate(20px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:16px;font-weight:700;font-size:15.5px;transition:transform .12s,filter .2s}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:linear-gradient(135deg,#8b7bff,#5b45f5);color:#fff;box-shadow:0 10px 20px -8px #5b45f599}.btn.primary.expense{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 10px 20px -8px #e11d4880;color:#fff}.btn.primary.income{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 10px 20px -8px #05966980;color:#fff}.btn.soft{background:var(--primary-soft);color:var(--primary)}.btn.danger-soft{background:var(--expense-soft);color:var(--expense)}.btn.square{width:50px;padding:0;flex-shrink:0}.btn.full{width:100%}.btn.grow{flex:1}.btn-row{display:flex;gap:10px}.sheet-foot>.btn{width:100%}.badge-ai{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-soft)}.forecast-hero{text-align:center;padding:22px 16px;border-radius:26px;background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:4px;background-image:radial-gradient(circle at 50% -20%,var(--primary-soft),transparent 60%)}.forecast-hero>small:first-child{color:var(--muted);font-weight:600}.forecast-hero .big{font-size:32px;font-weight:800;letter-spacing:-.03em}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:13px;font-weight:600;margin-top:6px;align-self:flex-start}.forecast-hero .status{align-self:center}.status.good{background:var(--income-soft);color:var(--income)}.status.warn{background:var(--warn-soft);color:var(--warn)}.chart{width:100%}.chart .recharts-surface{overflow:visible}.chart-tip{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:8px 10px;font-size:12.5px;min-width:150px}.chart-tip>b{display:block;margin-bottom:4px}.chart-tip>div{display:flex;align-items:center;gap:6px}.chart-tip i{width:8px;height:8px;border-radius:3px}.chart-tip span{flex:1;color:var(--muted)}.legend-inline{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:8px;font-size:12.5px;color:var(--muted)}.legend-inline span{display:inline-flex;align-items:center;gap:6px}.legend-inline i{width:14px;height:10px;border-radius:3px;display:inline-block}.legend-inline i.solid{height:3px;background:var(--primary)}.legend-inline i.dashed{height:0;border-top:2px dashed var(--primary);border-radius:0}.legend-inline i.dashed.red{border-color:#f43f5e}.legend-inline i.hatched{background:repeating-linear-gradient(45deg,var(--muted) 0 2px,transparent 2px 5px);opacity:.7;border:1px dashed var(--muted)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column}.stat small{color:var(--muted);font-weight:500}.stat b{font-size:18px;font-weight:800;margin:2px 0}.stat span{font-size:12px;color:var(--muted)}.stat.accent{background:linear-gradient(135deg,#8b7bff,#5b45f5);color:#fff;border:0}.stat.accent small,.stat.accent span{color:#ffffffd1}.row{padding:6px 0}.budget-list{display:flex;flex-direction:column;gap:14px}.budget-item{display:flex;gap:12px;align-items:flex-start}.explain{background:var(--card-2);border-radius:16px;padding:12px 14px;font-size:13px;color:var(--muted)}.explain summary{cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px;list-style:none;color:var(--primary)}.explain summary::-webkit-details-marker{display:none}.explain p{margin-top:8px}.table{display:flex;flex-direction:column;font-size:14px}.tr{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:9px 0;border-top:1px solid var(--border)}.tr>span:not(:first-child){text-align:right}.tr.th{border-top:0;color:var(--muted);font-size:12.5px;font-weight:600;padding-top:0}.saving-card{display:flex;gap:12px;padding:16px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 14px 30px -12px #0596698c}.saving-card.neg{background:linear-gradient(135deg,#fb7185,#be123c)}.saving-card small{opacity:.85}.saving-card b{display:block;font-size:22px;font-weight:800}.saving-card p{font-size:13px;opacity:.9}.goal-card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;width:100%}.goal-top{display:flex;align-items:center;gap:12px}.goal-top b{display:block;font-size:16px}.goal-icon{width:46px;height:46px;display:grid;place-items:center;font-size:24px;border-radius:16px;background:color-mix(in srgb,var(--c) 15%,transparent)}.goal-pct{font-weight:800;font-size:18px;color:var(--c)}.goal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--card-2);border-radius:14px;padding:10px 12px;margin-top:4px}.goal-meta small{color:var(--muted);display:block;font-size:11.5px}.goal-meta b{font-size:14px}.milestones{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin-top:8px;position:relative}.milestones:before{content:"";position:absolute;left:12%;right:12%;top:5px;height:2px;background:repeating-linear-gradient(90deg,var(--c) 0 4px,transparent 4px 8px);opacity:.5}.ms{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.ms i{width:12px;height:12px;border-radius:50%;background:var(--card);border:3px solid var(--c)}.ms b{font-size:12.5px}.ms small{font-size:11.5px;color:var(--muted)}.timeline{display:flex;flex-direction:column}.tl-item{display:flex;align-items:center;gap:12px;padding:10px 0}.tl-item+.tl-item{border-top:1px solid var(--border)}.tl-date{width:46px;height:50px;flex-shrink:0;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.tl-date b{font-size:18px}.tl-date small{font-size:11px;font-weight:600}.tl-item.overdue .tl-date{background:var(--expense-soft);color:var(--expense)}.tl-item .grow b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-item .grow small{display:block}.tl-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tl-right .money{font-weight:700}.rule-item{display:flex;align-items:center;gap:12px;padding:10px 0;width:100%}.rule-item+.rule-item{border-top:1px solid var(--border)}.rule-item .grow b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-item .grow small{display:flex;align-items:center;gap:4px}.rule-item .money{font-weight:700;white-space:nowrap}.rule-item.inactive{opacity:.5}.card.suggest{border:1.5px dashed var(--primary);background-image:linear-gradient(var(--primary-soft),transparent 60%)}.card.suggest .card-head h4{color:var(--primary)}.card.suggest>p{margin-bottom:4px}.profile{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.profile b{display:block;font-size:17px}.family-name{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:10px}.invite{display:flex;align-items:center;gap:8px;background:var(--primary-soft);border-radius:16px;padding:10px 12px;margin-bottom:8px}.invite>div{flex:1}.invite .code{display:block;font-size:22px;letter-spacing:.25em;color:var(--primary)}.members{display:flex;flex-direction:column;gap:8px;margin-top:12px}.member{display:flex;align-items:center;gap:10px;font-weight:500}.setting-row{display:flex;align-items:center;gap:12px;padding:12px 0;width:100%}.setting-row+.setting-row{border-top:1px solid var(--border)}.setting-row>svg:first-child{color:var(--primary)}.setting-row>svg:last-child{color:var(--muted)}.setting-row.danger,.setting-row.danger>svg:first-child{color:var(--expense)}.cat-list{display:flex;flex-direction:column;margin-top:8px}.cat-row{display:flex;align-items:center;gap:12px;padding:8px 0;width:100%}.cat-row+.cat-row{border-top:1px solid var(--border)}.cat-row>svg{color:var(--muted)}.auth{min-height:100dvh;display:flex;flex-direction:column;padding:0 16px 24px}.auth-hero{margin:0 -16px;padding:calc(env(safe-area-inset-top,0px) + 48px) 24px 70px;color:#fff;text-align:center;background:linear-gradient(160deg,#8b7bff,#5b45f5 60%,#4330d8);border-radius:0 0 36px 36px}.auth-logo{width:72px;height:72px;margin:0 auto 14px;border-radius:24px;display:grid;place-items:center;font-size:36px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-hero h1{font-size:30px;font-weight:800}.auth-hero p{opacity:.88;margin-top:6px;font-size:14.5px}.auth-card{margin-top:-44px;background:var(--card);border-radius:26px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.form-error{background:var(--expense-soft);color:var(--expense);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:500}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:36px 20px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.empty-icon{font-size:44px;margin-bottom:4px}.empty b{font-size:17px}.empty p{color:var(--muted);font-size:14px;max-width:300px}.empty .btn{margin-top:10px}.toast{position:fixed;z-index:100;left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);transform:translate(-50%);background:#111827;color:#fff;padding:11px 18px;border-radius:14px;font-weight:600;font-size:14px;box-shadow:0 12px 30px #00000040;animation:toastIn .3s cubic-bezier(.2,1.2,.4,1) both;max-width:90vw}.toast.error{background:#e11d48}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-16px)}}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--primary-soft);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:560px){body{background:radial-gradient(circle at 20% 0%,rgba(109,93,252,.12),transparent 50%),var(--bg)}.app{box-shadow:0 0 0 1px var(--border)}}