:root{color:#4e3740;font-synthesis:none;--ink:#4e3740;--muted:#9a7f88;--pink:#ee7d9e;--pink-soft:#fff0f4;--peach:#f2ab88;--cream:#fffdfa;--line:#f1dde1;--shadow:0 14px 40px #9a586b14;background:#fff8f8;font-family:Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#fff0f5 0,#0000 28rem),#fff8f8;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:11px 13px;transition:border .2s,box-shadow .2s}input:focus,select:focus{border-color:#ed98af;box-shadow:0 0 0 4px #fce8ed}input[type=color]{height:44px;padding:4px}.app-shell{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffdfbd9;border-right:1px solid #f6e5e8;flex-direction:column;width:246px;padding:27px 15px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.brand,.mobile-brand{align-items:center;gap:11px;display:flex}.brand img,.mobile-brand img{object-fit:cover;object-position:12% 8%;border:3px solid #fff;border-radius:14px;width:45px;height:45px;box-shadow:0 6px 18px #ee7d9e2e}.brand strong,.mobile-brand strong{letter-spacing:.03em;font-size:17px;display:block}.brand span{color:var(--muted);letter-spacing:.04em;margin-top:3px;font-size:10px;display:block}.side-book{background:#fff4f6;border:1px solid #f6dfe5;border-radius:15px;margin:35px 5px 22px;padding:14px 14px 13px;position:relative}.side-book span{color:var(--muted);font-size:11px;display:block}.side-book strong{margin:4px 0 0;font-size:14px;display:block}.side-book button{color:#d15b7e;background:0 0;border:0;font-size:12px;position:absolute;bottom:13px;right:10px}.sidebar nav{flex-direction:column;gap:3px;display:flex;overflow-y:auto}.nav-item{color:#8e737c;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;min-height:39px;padding:8px 13px;transition:all .2s;display:flex}.nav-item:hover{color:#d05d7c;background:#fff2f5}.nav-item.active{color:#ce5575;background:#fce5eb;font-weight:700}.nav-item i{text-align:center;width:18px;font-size:18px;font-style:normal}.nav-item span{font-size:13px}.nav-caption{color:#bda4ab;letter-spacing:.14em;text-transform:uppercase;padding:17px 13px 5px;font-size:10px}.side-privacy{color:#b3929b;margin-top:auto;padding:13px 10px;font-size:11px;line-height:1.6}.side-privacy small{color:#c5adb3;font-size:10px}.main{flex:1;min-width:0;margin-left:246px}.topbar{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:0 auto;padding:0 42px;display:flex}.topbar-context{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.topbar-context b{color:var(--ink);font-size:13px}.top-add{color:#fff;background:var(--pink);border:0;border-radius:12px;align-items:center;gap:6px;padding:10px 15px;display:flex;box-shadow:0 7px 16px #ee7d9e40}.top-add:first-letter{font-size:18px}.mobile-brand{display:none}.content{max-width:1200px;margin:0 auto;padding:11px 42px 50px}.page-heading,.section-title{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-heading{margin:14px 0 27px}.page-heading h1{color:#432d36;letter-spacing:-.04em;margin:5px 0 6px;font-size:clamp(25px,3vw,34px);line-height:1.15}.page-heading p,.section-title p{color:var(--muted);margin:0;font-size:12px}.section-title{align-items:center;margin-bottom:18px}.section-title h2{color:#4a323b;letter-spacing:-.025em;margin:0 0 4px;font-size:18px}.eyebrow{color:#d56683;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.btn{color:#fff;background:var(--pink);border:0;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 14px #ee7d9e2e}.btn:hover{transform:translateY(-1px);box-shadow:0 9px 18px #ee7d9e40}.btn-secondary{color:#c15475;box-shadow:none;background:#fff0f3}.btn-ghost{color:#c15475;box-shadow:none;background:0 0;padding:8px}.btn-danger{color:#bd5069;box-shadow:none;background:#fff0f0}.text-btn{color:#cc6380;background:0 0;border:0;padding:5px 0;font-size:11px}.icon-btn{color:#b38a95;background:0 0;border:0;padding:5px 6px;font-size:15px}.danger-text{color:#d06475!important}.card{box-shadow:var(--shadow);background:#fffefce6;border:1px solid #f3dee2e0;border-radius:18px;padding:20px}.hero-card{color:#633b49;background:linear-gradient(115deg,#ffeef2 0%,#fff7ee 68%,#fffaf7 100%);border-radius:21px;justify-content:space-between;align-items:center;min-height:196px;margin-bottom:18px;padding:29px 34px;display:flex;position:relative;overflow:hidden}.hero-card h2{letter-spacing:-.04em;margin:8px 0;font-size:25px}.hero-card p{color:#a27683;margin:0 0 17px;font-size:12px}.hero-card button{color:#ca607d;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.hero-card img{object-fit:cover;object-position:center 21%;opacity:.92;mix-blend-mode:multiply;border-radius:20px;width:255px;height:160px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.stats-grid.three{grid-template-columns:repeat(3,1fr)}.stat-card{background:#ffffffd4;border:1px solid #f1e1e3;border-radius:16px;min-height:121px;padding:17px 18px;box-shadow:0 8px 22px #ae6b7c0b}.stat-top{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.stat-top b{color:#fff;background:#e889a2;border-radius:9px;place-items:center;width:25px;height:25px;font-size:13px;display:grid}.stat-card>strong{color:#4a3039;letter-spacing:-.05em;margin:12px 0 3px;font-size:22px;display:block}.stat-card small{color:#b79fa6;font-size:10px}.stat-green{background:linear-gradient(145deg,#fff,#f4fbf7)}.stat-green .stat-top b{background:#8cc3ad}.stat-orange{background:linear-gradient(145deg,#fff,#fff8f0)}.stat-orange .stat-top b{background:#efac7a}.stat-blue{background:linear-gradient(145deg,#fff,#f4f9ff)}.stat-blue .stat-top b{background:#8badd6}.dashboard-grid,.two-col{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.bottom-grid{margin-top:0}.chart-foot,.budget-numbers{color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;font-size:11px;display:flex}.chart-foot strong{color:#c75a78;font-size:13px}.mini-bars{border-bottom:1px solid #f5e5e6;justify-content:space-between;align-items:end;gap:10px;height:148px;padding:10px 4px 0;display:flex}.bar-item{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:20px;height:100%;display:flex}.bar-track{justify-content:center;align-items:end;width:100%;height:112px;display:flex}.bar-track i{opacity:.8;border-radius:8px 8px 3px 3px;width:12px;min-height:2px;display:block}.bar-item span{color:#b99da5;font-size:9px}.budget-ring{background:conic-gradient(#ee7d9e 0 64%, #fae4e8 64% 100%);border-radius:50%;place-items:center;width:105px;height:105px;margin:18px auto;display:grid}.budget-ring>div{background:#fffdfa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:78px;height:78px;display:flex}.budget-ring strong{color:#cb5d7b;font-size:19px}.budget-ring span{color:var(--muted);font-size:9px}.progress{background:#f8e6e8;border-radius:8px;height:7px;overflow:hidden}.progress i{border-radius:inherit;background:#ee7d9e;height:100%;transition:width .35s;display:block}.progress-orange i{background:#eea070}.progress-green i{background:#8fc4a8}.category-list,.tx-list{flex-direction:column;gap:16px;display:flex}.category-row{grid-template-columns:32px 1fr auto;align-items:center;gap:10px;display:grid}.category-icon,.tx-icon{border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.category-meta{gap:7px;display:grid}.category-meta strong{font-size:12px}.category-row>b{color:#7f5c66;font-size:12px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:125px;display:flex}.empty-icon{opacity:.82;font-size:29px}.empty h3{margin:0;font-size:14px}.empty p{max-width:260px;color:var(--muted);margin:0 0 7px;font-size:11px;line-height:1.6}.tx-row{align-items:center;gap:10px;min-height:47px;display:flex}.tx-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tx-main strong{color:#5d4049;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tx-main span{color:#b29aa2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.tx-row>b{white-space:nowrap;font-size:12px}.amount-income{color:#6ba68a}.amount-expense{color:#d96d78}.amount-transfer{color:#9b8aaf}.row-actions{gap:1px;display:flex}.tip-banner,.info-banner,.backup-alert{background:#fff6ed;border:1px solid #f1dfe3;border-radius:14px;align-items:center;gap:12px;margin-top:18px;padding:14px 17px;display:flex}.tip-banner>span,.info-banner>span,.backup-alert>span{font-size:20px}.tip-banner div,.info-banner p,.backup-alert div{flex:1}.tip-banner strong,.backup-alert strong{font-size:12px}.tip-banner p,.backup-alert p,.info-banner p{color:#aa858d;margin:3px 0 0;font-size:11px;line-height:1.5}.tip-banner button{color:#c9617f;white-space:nowrap;background:0 0;border:0;font-size:11px}.filter-card{margin-bottom:16px}.search-input{border:1px solid var(--line);color:#c1949f;background:#fff;border-radius:12px;align-items:center;gap:7px;margin-bottom:15px;padding:0 12px;display:flex}.search-input input{box-shadow:none;border:0;padding-left:0}.filter-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>span{color:#896d77;font-size:11px;font-weight:600}.field small{color:var(--muted);font-size:10px}.transactions-card{padding-top:5px}.date-group{border-bottom:1px solid #f6e9eb;padding:14px 0 4px}.date-group:last-child{border-bottom:0}.date-label{color:#c18895;justify-content:space-between;margin-bottom:7px;display:flex}.date-label strong{color:#664750;font-size:12px}.date-label span{font-size:10px}.date-group .tx-row{padding:6px 4px}.period-select{width:auto;min-width:108px;padding:8px 10px}.inline-fields{gap:10px;max-width:420px;margin:-3px 0 17px;display:flex}.inline-fields .field{flex:1}.donut-layout{grid-template-columns:155px 1fr;align-items:center;gap:11px;min-height:180px;display:grid}.donut-wrap{place-items:center;display:grid}.donut{border-radius:50%;place-items:center;width:145px;height:145px;display:grid}.donut>div{background:#fffdfa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:97px;height:97px;display:flex}.donut strong{color:#6a4854;font-size:16px}.donut span{color:var(--muted);font-size:10px}.legend-list{flex-direction:column;gap:13px;display:flex}.legend-list div{color:#8a6d76;align-items:center;gap:8px;font-size:11px;display:flex}.legend-list i{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-list span{flex:1}.legend-list b{color:#6b4b56;font-size:11px}.legend-list.large{gap:19px;padding:15px 0}.report-hero{background:linear-gradient(120deg,#fff0f4,#fff8ed);border-radius:18px;justify-content:space-between;align-items:center;min-height:145px;margin-bottom:18px;padding:26px 30px;display:flex}.report-hero h2{margin:8px 0;font-size:22px}.report-hero p{color:#a57d87;margin:0;font-size:12px}.report-spark{align-items:end;gap:8px;height:80px;padding-right:14px;display:flex}.report-spark i{opacity:.75;background:#ee9eab;border-radius:7px 7px 2px 2px;width:9px}.four{grid-template-columns:repeat(4,1fr)}.report-observations{grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.report-observations>div{border-right:1px solid #f5e5e8;flex-direction:column;gap:6px;padding:10px 15px;display:flex}.report-observations>div:last-child{border-right:0}.report-observations span,.report-observations small{color:var(--muted);font-size:10px}.report-observations strong{font-size:15px}.report-copy{color:#80626c;margin:0;font-size:13px;line-height:1.9}.budget-head{justify-content:space-between;align-items:start;margin-bottom:19px;display:flex}.budget-head strong{margin-top:7px;font-size:26px;display:block}.budget-percent{color:#d46582;font-size:22px;font-weight:700}.budget-numbers{margin-bottom:18px}.budget-numbers b{color:#684852}.inline-form{align-items:end;gap:10px;margin-top:22px;display:flex}.inline-form .field{flex:1}.budget-list{flex-direction:column;gap:18px;display:flex}.budget-item>div:first-child,.budget-item-foot{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;display:flex}.budget-item b{color:#704d58;font-size:12px}.budget-item b small{color:var(--muted);font-weight:400}.budget-item-foot{color:var(--muted);margin:7px 0 0;font-size:10px}.warning-text{color:#d58f5f}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-wide>.btn{align-self:end}.form-note{color:#b2979f;margin:16px 0 0;font-size:10px}.full-btn{width:100%;margin-top:16px;padding:14px;font-size:13px}.account-grid,.goal-grid,.template-grid,.investment-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px;display:grid}.account-top,.goal-top{align-items:center;gap:11px;display:flex}.account-icon{background:#fff0f3;border-radius:13px;place-items:center;width:41px;height:41px;font-size:21px;display:grid}.account-top>div:nth-child(2),.goal-top>div:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.account-top strong,.goal-top strong{font-size:13px}.account-top span,.goal-top span{color:var(--muted);font-size:10px}.account-balance{color:#513740;letter-spacing:-.05em;margin:22px 0 8px;font-size:25px;font-weight:700}.account-card>small{color:#b89da5;font-size:10px}.cancel-edit{float:right;margin-top:-47px}.goal-card{position:relative}.goal-card.is-complete{background:linear-gradient(145deg,#fff,#f5fcf7)}.goal-heart{color:#e77998;background:#fff0f4;border-radius:13px;place-items:center;width:39px;height:39px;font-size:20px;display:grid}.is-complete .goal-heart{color:#6bae87;background:#eaf7ef}.goal-amount{align-items:baseline;gap:5px;margin:23px 0 8px;display:flex}.goal-amount strong{color:#573b45;font-size:22px}.goal-amount span{color:var(--muted);font-size:11px}.goal-amount b{color:#c95c79;margin-left:auto;font-size:12px}.goal-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:13px;font-size:10px;display:flex}.muted-note{color:#ab929b;font-size:11px;line-height:1.7}.loan-summary{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px;display:grid}.loan-summary>div{background:#fff0f3;border-radius:16px;padding:19px}.loan-summary>div:nth-child(2){background:#f4f8f2}.loan-summary span{color:var(--muted);font-size:11px;display:block}.loan-summary strong{margin-top:8px;font-size:22px;display:block}.loan-list,.page-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.loan-card,.recurring-card{align-items:center;gap:14px;padding:14px 17px;display:flex}.loan-card>div:first-child{flex-direction:column;flex:1;gap:4px;display:flex}.loan-card strong{font-size:13px}.loan-card small,.loan-amount span{color:var(--muted);font-size:10px}.loan-direction{color:#bc6580;background:#fff0f3;border-radius:6px;width:-moz-fit-content;width:fit-content;padding:3px 7px;font-size:9px}.loan-direction.borrow{color:#62907a;background:#eef8f1}.loan-amount{text-align:right;flex-direction:column;gap:3px;display:flex}.loan-amount strong{font-size:15px}.loan-card select{width:auto;padding:7px;font-size:10px}.template-card{justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.template-use{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;display:flex}.template-use span{color:#d56583;background:#fff0f4;border-radius:11px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.template-use strong{font-size:12px}.template-use small{color:var(--muted);font-size:10px}.investment-grid{grid-template-columns:repeat(3,1fr)}.investment-card{align-items:center;gap:12px;display:flex}.investment-card>span{font-size:26px}.investment-card div{flex:1}.investment-card h3{margin:0 0 4px;font-size:14px}.investment-card p{color:var(--muted);margin:0;font-size:10px}.investment-card button{color:#d56c87;background:0 0;border:0;font-size:17px}.recurring-card.is-disabled{opacity:.58}.recurring-icon{color:#dc728c;background:#fff0f3;border-radius:12px;place-items:center;width:39px;height:39px;font-size:19px;display:grid}.recurring-meta{flex-direction:column;flex:1;gap:4px;display:flex}.recurring-meta strong{font-size:13px}.recurring-meta span,.recurring-meta small{color:var(--muted);font-size:10px}.switch{background:#eedee2;border:0;border-radius:20px;width:37px;height:21px;padding:0;position:relative}.switch i{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #cbb}.switch.on{background:#ee7d9e}.switch.on i{left:19px}.recurring-list{flex-direction:column;gap:9px;margin:15px 0;display:flex}.recurring-list>div{background:#fff5f5;border-radius:10px;justify-content:space-between;gap:12px;padding:10px;display:flex}.recurring-list small{color:var(--muted);text-align:right;font-size:10px}.book-grid{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.book-card{align-items:center;gap:15px;padding:15px 18px;display:flex;position:relative;overflow:hidden}.book-card.current{border-color:#f0b3c0;box-shadow:0 10px 28px #e36f8f1f}.book-color{border-radius:7px;align-self:stretch;width:7px}.book-card-main{flex:1}.book-card h3{margin:5px 0 4px;font-size:15px}.book-card p{color:var(--muted);margin:0;font-size:10px}.book-actions{align-items:center;gap:7px;display:flex}.month-nav{align-items:center;gap:10px;display:flex}.month-nav button{border:1px solid var(--line);color:#c66782;background:#fff;border-radius:8px;width:28px;height:28px}.month-nav strong{text-align:center;min-width:78px;font-size:12px}.calendar-card{padding:14px}.week-head,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.week-head span{color:#b8969f;text-align:center;padding:8px 0;font-size:10px}.calendar-day{color:#6a4b55;text-align:left;background:snow;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:7px;min-height:83px;margin:2px;padding:8px;display:flex}.calendar-day:hover{border-color:#f4cad4}.calendar-day strong{font-size:11px}.calendar-day.today{background:#fff0f4;border-color:#ee9ab0}.calendar-day span{flex-direction:column;gap:3px;display:flex}.calendar-day i{font-size:8px;font-style:normal}.income-dot{color:#64a081}.expense-dot{color:#d7747b}.calendar-legend{color:var(--muted);gap:14px;margin:15px 4px 4px;font-size:10px;display:flex}.calendar-legend span{align-items:center;gap:5px;display:flex}.calendar-legend i{background:currentColor;border-radius:50%;width:7px;height:7px}.empty-day{background:0 0}.calendar-tip{color:var(--muted);margin-top:12px;font-size:10px}.settings-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:18px;display:grid}.settings-grid>.card:last-child{grid-column:1/-1}.setting-action,.setting-line{border-bottom:1px solid #f6e6e8;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.setting-action:last-child,.setting-line:last-child{border-bottom:0}.setting-action div,.setting-line div{flex-direction:column;gap:5px;display:flex}.setting-action strong,.setting-line strong{font-size:12px}.setting-action small,.setting-line small{color:var(--muted);font-size:10px}.danger-setting strong{color:#c45f6e}.setting-line select{width:auto;padding:8px;font-size:11px}.setting-value{color:#c77a8d;font-size:11px}.file-btn{color:#c05475;cursor:pointer;background:#fff0f3;border-radius:10px;justify-content:center;align-items:center;min-width:85px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex}.file-btn input{display:none}.danger-file{color:#ba6570;background:#fff1f0}.privacy-copy{color:#80636c;font-size:12px;line-height:1.8}.privacy-copy p{margin:0 0 10px}.install-card{align-items:center;gap:14px;display:flex}.install-icon{color:#d26280;background:#fff0f3;border-radius:14px;place-items:center;width:43px;height:43px;font-size:24px;display:grid}.install-card strong{font-size:13px}.install-card p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.6}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#4c2b3540;place-items:center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:#fffdfa;border:1px solid #f6dfe4;border-radius:22px;width:min(100%,530px);max-height:min(90vh,720px);padding:23px;overflow-y:auto;box-shadow:0 25px 75px #6530402e}.modal-wide{width:min(100%,700px)}.modal-head{justify-content:space-between;align-items:start;gap:15px;margin-bottom:18px;display:flex}.modal-head h2{letter-spacing:-.03em;margin:4px 0 0;font-size:20px}.sheet-backdrop{align-items:end}.sheet{width:min(100%,580px);padding-bottom:calc(23px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.type-tabs{background:#fff0f3;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:16px;padding:4px;display:grid}.type-tabs button{color:#ba8491;background:0 0;border:0;border-radius:9px;padding:10px;font-size:12px}.type-tabs button.selected{color:#bf5072;background:#fff;font-weight:700;box-shadow:0 3px 9px #c873841c}.amount-input{color:#e17c99;border-bottom:2px solid #f2cad3;align-items:center;gap:9px;margin:7px 0 18px;padding:4px 0;display:flex}.amount-input span{font-size:27px;font-weight:600}.amount-input input{color:#52363f;box-shadow:none;letter-spacing:-.06em;background:0 0;border:0;padding:5px 0;font-size:38px;font-weight:700}.modal-actions{justify-content:flex-end;gap:9px;margin-top:19px;display:flex}.onboarding{align-items:center;gap:19px;display:flex}.onboarding img{object-fit:cover;object-position:18% 5%;border-radius:16px;width:150px;height:130px}.onboarding p{color:#80626d;margin:0 0 14px;font-size:12px;line-height:1.7}.onboarding .lead{color:#5d3d48;font-size:16px;font-weight:700}.toast{z-index:100;color:#744854;background:#fffdfa;border:1px solid #f1d6dc;border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:12px;animation:.25s ease-out toast-in;display:flex;position:fixed;bottom:24px;right:22px;box-shadow:0 12px 35px #6d39482b}.toast>span{color:#fff;background:#8fc4a8;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.toast-warning>span{background:#e6a16f}.toast-error>span{background:#d87982}.loading,.boot-error{min-height:100vh;color:var(--muted);align-content:center;place-items:center;gap:8px;display:grid}.kitty-pulse{font-size:43px;animation:1.3s infinite pulse}.boot-error button{color:#fff;background:var(--pink);border:0;border-radius:10px;padding:10px 16px}.bottom-nav,.mobile-more{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{transform:scale(1.08)}}@media (max-width:1080px){.sidebar{width:210px}.main{margin-left:210px}.topbar,.content{padding-left:28px;padding-right:28px}.account-grid,.goal-grid,.template-grid,.investment-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.sidebar{display:none}.main{margin-left:0}.topbar{border-bottom:1px solid #f6e4e7;height:67px;padding:10px 17px}.mobile-brand{display:flex}.mobile-brand img{border-radius:11px;width:34px;height:34px}.mobile-brand strong{font-size:14px}.topbar-context{display:none}.top-add{padding:8px 11px}.top-add span{font-size:11px}.content{padding:17px 16px 30px}.page-heading{align-items:start;margin:3px 0 20px}.page-heading h1{font-size:25px}.page-heading p{max-width:225px;line-height:1.6}.page-heading>.btn{display:none}.hero-card{min-height:160px;padding:21px 20px}.hero-card h2{font-size:19px}.hero-card p{max-width:190px;font-size:10px;line-height:1.5}.hero-card img{border-radius:15px;width:116px;height:104px;margin-right:-7px}.stats-grid,.stats-grid.three,.four{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{min-height:106px;padding:14px}.stat-card>strong{font-size:18px}.stat-card small{font-size:9px}.dashboard-grid,.two-col,.settings-grid{grid-template-columns:1fr;gap:14px}.settings-grid>.card:last-child{grid-column:auto}.card{border-radius:16px;padding:16px}.section-title{margin-bottom:14px}.section-title h2{font-size:16px}.section-title p{font-size:10px}.mini-bars{height:132px}.bar-track{height:98px}.tip-banner{align-items:start}.tip-banner button{align-self:center}.filter-grid{grid-template-columns:repeat(2,1fr)}.donut-layout{grid-template-columns:130px 1fr}.donut{width:122px;height:122px}.donut>div{width:83px;height:83px}.donut strong{font-size:13px}.report-hero{min-height:130px;padding:21px}.report-hero h2{font-size:17px}.report-spark{gap:5px}.report-observations{grid-template-columns:1fr;gap:8px}.report-observations>div{border-bottom:1px solid #f5e5e8;border-right:0;padding:8px 0}.report-observations>div:last-child{border-bottom:0}.form-grid,.form-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>.field:first-child,.form-grid-wide>.field:first-child{grid-column:1/-1}.form-grid-wide>.btn{align-self:end}.inline-form{flex-wrap:wrap;align-items:stretch}.inline-form .field{min-width:140px}.account-grid,.goal-grid,.template-grid,.investment-grid{grid-template-columns:1fr}.loan-card{flex-wrap:wrap}.loan-card>div:first-child{min-width:120px}.loan-card select{margin-left:auto}.calendar-day{min-height:67px;padding:6px 4px}.calendar-day i{font-size:7px}.setting-action{align-items:flex-start}.setting-action .btn,.file-btn{white-space:nowrap}.onboarding{flex-direction:column;align-items:stretch}.onboarding img{width:100%;height:130px}.bottom-nav{z-index:30;padding:7px 9px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdfbf2;border-top:1px solid #f3dfe3;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-item{color:#b18f99;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;font-size:10px;display:flex}.bottom-item i{font-size:18px;font-style:normal}.bottom-item.active{color:#d15e7d;font-weight:700}.bottom-nav .nav-item{text-align:center;flex-direction:column;justify-content:center;gap:2px;min-height:45px;padding:4px;display:flex}.bottom-nav .nav-item i{font-size:17px}.bottom-nav .nav-item span{font-size:9px}.bottom-add{color:#fff;background:var(--pink);border:5px solid #fff8f8;border-radius:50%;place-self:center;width:48px;height:48px;margin-top:-20px;font-size:24px;box-shadow:0 6px 18px #ee7d9e59}.mobile-more{z-index:29;padding-bottom:calc(67px + env(safe-area-inset-bottom));background:#4c2b352e;align-items:end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-more-panel{background:#fffdfa;border-radius:20px 20px 0 0;width:100%;padding:18px 18px 20px;box-shadow:0 -10px 40px #552c3929}.mobile-more-panel .modal-head{margin-bottom:12px}.more-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.more-grid button{color:#92717b;background:#fff7f8;border:0;border-radius:11px;flex-direction:column;align-items:center;gap:5px;min-height:58px;font-size:10px;display:flex}.more-grid button.active{color:#c95e7c;background:#ffedf2}.more-grid i{font-size:18px;font-style:normal}.toast{right:15px;bottom:calc(78px + env(safe-area-inset-bottom));justify-content:center;left:15px}.sheet-backdrop{padding:0}.sheet{width:100%;max-height:91vh;padding:19px 18px calc(18px + env(safe-area-inset-bottom))}.amount-input input{font-size:34px}}@media (max-width:390px){.hero-card img{width:93px}.stat-card>strong{font-size:16px}.stat-top{font-size:10px}.form-grid,.form-grid-wide{grid-template-columns:1fr}.form-grid>.field:first-child,.form-grid-wide>.field:first-child{grid-column:auto}.form-grid-wide>.btn{width:100%}.filter-grid,.donut-layout{grid-template-columns:1fr}.donut-wrap{margin-bottom:8px}}