:root{color:#293851;font-synthesis:none;--blue:#5185e8;--muted:#8a97ab;--border:#e9eef5;--green:#55a18e;--shadow:0 4px 24px #28436e05;background:#f5f8fc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,select{outline:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #9cc0fc}input:focus,select:focus{border-color:#8eb1f0;box-shadow:0 0 0 3px #5185e811}button{color:inherit;touch-action:manipulation;background:0 0;border:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.8px;font-size:28px;font-weight:700}h2{letter-spacing:-.2px;font-size:17px}h3{font-size:15px}p{line-height:1.8}small{font-size:12px}strong{font-weight:600}input,select{color:#33435e;background:#fff;border:1px solid #e1e8f1;border-radius:11px;width:100%;min-height:46px;padding:12px 14px;transition:border-color .2s}input::placeholder{color:#a5afbf}label{font-size:13px;font-weight:500;line-height:1.7;display:block}label>input,label>select{margin-top:7px}select{appearance:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:12px;font-size:13px;font-weight:500}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}svg{flex-shrink:0}.primary,.secondary,.danger{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 21px;font-size:13px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.primary{background:var(--blue);color:#fff;box-shadow:0 4px 10px #5185e817}.primary:hover{background:#4476d4}.secondary{color:#5680c8;background:#f0f5fd;border:1px solid #e2ebfa}.secondary:hover{background:#e7f0fd}.danger{color:#c55e59;background:#fbeeed}.danger-text{color:#cc7069!important}.full{width:100%}.compact{min-height:36px;padding:8px 12px}.icon-button{color:#8a98ad;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover{color:var(--blue);background:#f1f5fb}.text-button{color:#6e91cb;justify-content:center;align-items:center;gap:5px;padding:6px 2px;font-size:12px;line-height:1.6;display:inline-flex}.text-button:hover{color:#3c72cf}.muted{color:var(--muted);font-size:13px}.small-text{font-size:12px}.optional{color:#a2adbd;margin-left:5px;font-size:11px;font-weight:400}.field-hint{color:#95a1b2;margin-top:5px;font-size:11px;font-weight:400;line-height:1.7;display:block}.error,.notice{border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.8}.error{color:#b75f58;background:#fff0ed}.notice{color:#7185a5;background:#f0f5fd}.button-row{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.stack-form{flex-direction:column;gap:18px;display:flex}.stack-actions{flex-direction:column;gap:12px;margin-top:18px;display:flex}.form-columns{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-divider{background:var(--border);height:1px;margin:2px 0}.check-label{cursor:pointer;align-items:center;gap:10px;font-size:12px;display:flex}.check-label input{width:16px;height:16px;min-height:0;accent-color:var(--blue);flex-shrink:0;margin:0}.green-text{color:var(--green)!important}.blue-text{color:var(--blue)!important}.brand{letter-spacing:.5px;align-items:center;gap:11px;font-size:20px;font-weight:700;display:flex}.brand img{width:40px;height:40px}.brand span{flex-direction:column;gap:5px;display:flex}.brand small{color:#a0aec1;letter-spacing:1px;font-size:9px;font-weight:400}.eyebrow{color:#8ea3bf;letter-spacing:1.5px;align-items:center;gap:7px;margin-bottom:12px;font-size:11px;display:flex}.eyebrow>span{background:#83aaf2;border-radius:50%;width:5px;height:5px}.auth-shell{background:#fff;grid-template-columns:minmax(420px,1.1fr) minmax(380px,1fr);max-width:1600px;min-height:100dvh;margin:auto;display:grid}.auth-story{background:#eef5ff;flex-direction:column;padding:56px 12%;display:flex;position:relative;overflow:hidden}.story-copy{z-index:1;margin-top:100px;position:relative}.story-copy h1{letter-spacing:0;font-size:48px;font-weight:650;line-height:1.5}.story-copy h1>span{color:#8bb1f3}.story-copy p{color:#8c9bb2;margin-top:22px;font-size:13px;line-height:2}.story-footer{color:#97a7bd;letter-spacing:1px;align-items:center;gap:7px;margin-top:auto;padding-top:35px;font-size:10px;display:flex}.illustration{flex-shrink:0;width:330px;height:280px;margin:30px auto 5px;position:relative}.illustration-orbit{border:1px dashed #d3e2f8;border-radius:50%;width:310px;height:310px;position:absolute;top:0;left:5px;transform:rotate(-20deg)}.illustration-orbit:before{content:"";background:#e4edfc;border-radius:50%;width:225px;height:225px;position:absolute;top:43px;left:43px}.mini-note{background:#fff;border-radius:16px;width:218px;padding:24px 25px;position:absolute;top:52px;left:65px;transform:rotate(-8deg);box-shadow:0 15px 40px #5c84c114}.mini-note>span{color:#9caac0;font-size:10px}.mini-note>strong{color:#487de1;letter-spacing:-1.8px;margin:15px 0 20px;font-size:40px;font-weight:600;display:block}.mini-note>strong span{font-size:22px}.mini-note>div{color:#8799b5;border-top:1px dashed #e1e8f5;justify-content:space-between;align-items:center;padding-top:15px;font-size:12px;display:flex}.check-dot{color:#76ab98;background:#eaf5f0;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.float-tag{color:#b9a583;background:#fff9ec;border-radius:10px;padding:12px 18px;font-size:11px;position:absolute;bottom:30px;right:-15px;transform:rotate(7deg)}.float-coin{color:#fff;background:#b9d0f8;border:6px solid #d4e3fc;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:26px;display:flex;position:absolute;top:25px;left:23px;transform:rotate(-20deg)}.auth-card{place-self:center;width:360px;max-width:100%;padding:70px 0}.auth-icon{color:#739cf0;background:#f0f5ff;border-radius:17px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:24px;display:flex}.auth-card h2{letter-spacing:.5px;margin-bottom:10px;font-size:27px}.auth-card>.muted{font-size:12px}.auth-card form{flex-direction:column;gap:20px;margin-top:33px;display:flex}.auth-card form .primary{justify-content:space-between;height:48px;margin-top:4px;padding:13px 18px;font-size:13px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:18px;display:flex}.setup-link{color:#b0bac8;margin:26px auto 0;font-size:10px;display:block}.auth-footnote{text-align:center;color:#b2bdcc;margin-top:38px;font-size:10px;line-height:1.9}.mobile-brand{display:none}.loading-screen{color:#96a5ba;flex-direction:column;justify-content:center;align-items:center;gap:25px;height:100dvh;font-size:12px;display:flex}.app-shell{max-width:1720px;min-height:100dvh;margin:auto;display:flex}.sidebar{border-right:1px solid var(--border);z-index:5;background:#fff;flex-direction:column;width:232px;padding:35px 24px 20px;display:flex;position:fixed;top:0;bottom:0}.sidebar .brand{gap:10px;font-size:20px}.sidebar .brand img{width:37px;height:37px}.sidebar .brand small{letter-spacing:.7px;font-size:8px}.sidebar-label{color:#b4becc;letter-spacing:2px;margin:51px 17px 16px;font-size:9px}.sidebar nav{flex-direction:column;gap:9px;display:flex}.sidebar nav button{text-align:left;color:#8e9bb0;border-radius:10px;align-items:center;gap:15px;padding:14px 17px;font-size:13px;display:flex;position:relative}.sidebar nav button.active{color:#5487e7;background:#edf4ff;font-weight:600}.sidebar nav button:hover{background:#f5f8fc}.sidebar nav button small{color:#789ce1;background:#e7effc;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;margin-left:auto;font-size:15px;display:flex}.sidebar-note{color:#a5b3c7;background:#f8faff;border-radius:12px;margin:auto 2px 20px;padding:17px;font-size:10px}.sidebar-note>span{color:#ccdff9;font-size:28px}.sidebar-note p{margin-top:8px;line-height:2}.sidebar-user{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:20px;display:flex}.avatar{color:#78a0e8;background:#eaf1fd;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:13px;font-weight:600;display:flex}.sidebar-user>span:nth-child(2){flex:1;min-width:0}.sidebar-user strong{text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.sidebar-user small{color:#a6b2c4;margin-top:4px;font-size:9px;display:block}.main-content{flex:1;min-width:0;margin-left:232px;padding:0 44px 35px}.topbar{border-bottom:1px solid #eaf0f7;justify-content:space-between;align-items:center;height:81px;margin-bottom:33px;display:flex}.desktop-date{color:#9aabc0;letter-spacing:.3px;font-size:11px}.topbar-actions{gap:10px;display:flex}.status-chip{color:#8d9eb5;border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:flex}.status-chip svg{color:#85b1a3}.status-chip.offline{color:#b59b70;background:#fcf7ec}.status-chip.offline svg{color:#b59b70}.status-chip.warning{color:#c0896d;background:#fff2ed}.status-chip.warning svg{color:#c0896d}.mobile-title{display:none}.page-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:29px;display:flex}.page-heading h1{margin-bottom:10px;font-size:27px}.page-heading p{color:#9cacc0;font-size:11px}.page-heading .eyebrow{letter-spacing:1px;margin-bottom:9px;font-size:10px}.page-heading .eyebrow svg{color:#d8ba82}.card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:25px}.overview-grid{grid-template-columns:1.65fr 1fr 1fr;gap:19px;display:grid}.budget-hero{color:#5381ca;background:#e9f2ff;border:1px solid #dfebfd;border-radius:16px;min-height:218px;padding:25px 27px;position:relative;overflow:hidden}.hero-label{z-index:1;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:relative}.hero-label>span:first-child{align-items:center;gap:7px;display:flex}.period-tag{letter-spacing:1px;color:#85a6d7;background:#ffffff70;border-radius:6px;padding:5px 8px;font-size:8px}.hero-amount{letter-spacing:-1.5px;z-index:1;font-variant-numeric:tabular-nums;color:#487de0;margin:17px 0 7px;font-size:42px;font-weight:600;line-height:1.2;position:relative}.hero-amount .currency{margin-right:7px;font-size:21px;font-weight:400}.hero-amount .decimal{letter-spacing:-.3px;font-size:25px}.hero-amount .no-budget{letter-spacing:-.6px;font-size:24px;line-height:1.7}.hero-period{color:#8fa9cc;z-index:1;font-size:9px;position:relative}.budget-progress{z-index:1;background:#d5e3f8;border-radius:4px;height:4px;margin-top:23px;position:relative;overflow:hidden}.budget-progress>span{background:#75a0ee;border-radius:4px;height:100%;transition:width .5s;display:block}.hero-footer{color:#8aa2c4;z-index:1;justify-content:space-between;margin-top:9px;font-size:9px;display:flex;position:relative}.hero-decoration{color:#deebff;pointer-events:none;font-size:165px;font-weight:700;line-height:1;position:absolute;top:17px;right:-12px;transform:rotate(-14deg)}.hero-action{color:#5b88d5;align-items:center;gap:7px;margin-top:23px;padding:0;font-size:11px;display:flex}.over-budget{background:#fff1eb;border-color:#f7e4da}.over-budget .hero-amount,.over-budget .hero-label{color:#c3846c}.over-budget .hero-decoration{color:#f9e7df}.income-card,.expense-card{flex-direction:column;align-items:flex-start;padding:25px 24px;display:flex}.stat-icon{border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:16px;display:flex}.stat-icon.green{color:#85b5a0;background:#eef8f3}.stat-icon.peach{color:#dcab8b;background:#fff3ea}.income-card>p,.expense-card>p{color:#99a7ba;font-size:10px}.income-card>strong,.expense-card>strong{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:7px;font-size:24px;font-weight:600}.income-card>small,.expense-card>small{color:#b1bdcc;margin-top:auto;padding-top:16px;font-size:9px;line-height:1.8}.home-lower{grid-template-columns:1.6fr 1fr;gap:22px;margin-top:27px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.section-heading h2{font-size:15px}.section-heading p{color:#a5b1c3;margin-top:6px;font-size:10px}.section-heading .text-button{white-space:nowrap;font-size:10px}.record-row{text-align:left;border-top:1px solid #f1f4f9;align-items:center;gap:12px;width:100%;min-height:76px;padding:16px 0;display:flex}.record-row:hover{background:#fafcff}.record-row:first-child{border-top:0}.category-icon{background:#f3f6fc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;font-size:20px;display:flex}.category-icon.income{background:#edf6f1}.category-icon.refund{color:#729fca;background:#ecf5fb}.record-text{flex:1;min-width:0}.record-text>strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.record-text>small{color:#a6b3c6;margin-top:7px;font-size:9px;display:block}.record-text>small>span{margin:0 7px}.record-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:500}.record-amount>small{color:#b0bdcf;justify-content:flex-end;align-items:center;gap:4px;margin-top:7px;font-size:9px;font-weight:400;display:flex}.record-amount.income,.record-amount.refund{color:#78a998}.glance-illustration{justify-content:center;align-items:flex-end;gap:6px;height:70px;margin:3px 0 20px;display:flex;position:relative}.glance-illustration>span{margin-right:18px;font-size:44px}.glance-illustration>div{background:#edf3fd;border-radius:5px 5px 0 0;width:19px;height:26px}.glance-illustration>div:nth-child(3){background:#ddeafb;height:41px}.glance-illustration>div:nth-child(4){background:#c8dcf9;height:61px}.insight-list{flex-direction:column;gap:19px;margin:10px 0 20px;display:flex}.insight-list>div{align-items:flex-start;gap:10px;display:flex}.insight-list>div>span{color:#a6bfdf;font-variant-numeric:tabular-nums;padding-top:3px;font-size:10px}.insight-list p{color:#8e9eb5;font-size:11px;line-height:1.9}.glance-card>.text-button{margin-top:8px;font-size:10px}.page-footnote{text-align:center;color:#b4c0d1;letter-spacing:.5px;margin-top:32px;font-size:9px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:35px 12px;display:flex}.empty-icon{color:#bdd0ee;background:#f3f7fe;border-radius:22px;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:18px;display:flex}.empty h3{color:#8a9cb5;font-size:13px;font-weight:500}.empty p{color:#b0bdcf;max-width:300px;margin-top:10px;margin-bottom:20px;font-size:10px}.empty .secondary{min-height:37px;padding:8px 14px;font-size:11px}.glance-card .empty{min-height:220px}.connection-note{color:#aa9878;background:#fcf8ef;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:11px 15px;font-size:11px;display:flex}.connection-note button{color:#967e59;white-space:nowrap}.draft-note{color:#8b9fbf;background:#edf4fd;border:1px dashed #d8e6fb;border-radius:10px;justify-content:space-between;margin-bottom:20px;padding:12px 16px;font-size:11px;display:flex}.draft-note button{color:#6f91c7;align-items:center;gap:6px;display:flex}.budget-alert{color:#b39a72;background:#fcf7ec;border:1px solid #f5ead8;border-radius:11px;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;font-size:11px;display:flex}.budget-alert.warning{color:#c18c74;background:#fff3ee;border-color:#f8e4da}.due-card{margin-top:24px}.due-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:13px 0;display:flex}.due-row>div{flex:1;min-width:0}.due-row strong{font-size:12px;display:block}.due-row small{color:#a3b0c3;margin-top:5px;font-size:10px;display:block}.due-row .text-button{font-size:11px}.due-card .section-heading{margin-bottom:10px}.due-row .category-icon{color:#94afd6}.period-control{align-items:center;gap:12px;display:flex}.period-control>div{text-align:center}.period-control strong{font-size:13px;display:block}.period-control small{color:#a3b0c3;margin-top:5px;font-size:9px;display:block}.period-control>.text-button{margin-left:3px;font-size:10px}.details-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.search-input{width:240px;position:relative}.search-input>svg{color:#acb9ca;position:absolute;top:13px;left:12px}.search-input input{background:#f9fbfe;min-height:42px;padding-left:37px;font-size:11px}.filters{border-bottom:1px solid var(--border);gap:11px;padding-bottom:20px;display:flex}.filters select{background:#fafcff;width:auto;min-width:115px;min-height:36px;padding:7px 10px;font-size:11px}.details-summary{color:#99a9c0;align-items:center;gap:25px;padding:19px 0 10px;font-size:10px;display:flex}.details-summary>span:first-child{margin-right:auto}.details-summary strong{color:#70839e;margin-left:6px;font-weight:500}.stats-period{justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 23px;display:flex}.private-pill{color:#8fa9d1;white-space:nowrap;background:#f0f6ff;border-radius:5px;padding:6px 9px;font-size:9px}.stats-numbers{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px;display:grid}.stats-numbers .card{padding:20px 23px}.stats-numbers small{color:#9caabf;font-size:10px;display:block}.stats-numbers strong{font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin-top:10px;font-size:22px;font-weight:500;display:block}.charts-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.charts-grid>.card{min-width:0}.bars{flex-direction:column;gap:17px;padding:4px 0;display:flex}.bar-row{text-align:left;width:100%;padding:0;opacity:1!important}.bar-label{color:#8b9db5;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.bar-label strong{color:#70849f;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.bar-track{background:#f5f8fd;border-radius:4px;height:7px;display:block;overflow:hidden}.bar-track>span{background:#98b6ed;border-radius:4px;height:100%;display:block}.bar-track>span.negative{background:#8ac0ae}.daily-chart svg{width:100%;display:block}.chart-legend{color:#a4b1c5;justify-content:center;gap:20px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{background:#7ba0e6;border-radius:3px;width:7px;height:7px}.chart-legend span:nth-child(2) i{background:#8cbda9}.category-budgets{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.category-budgets h3{color:#8296b1;margin-bottom:10px;font-size:12px}.category-budgets>div{color:#97a6bb;justify-content:space-between;padding:8px 0;font-size:11px;display:flex}.category-budgets strong{color:#7b8fae;font-size:11px;font-weight:500}.category-budgets small{color:#a6b3c6;font-size:10px;font-weight:400}.profile-card{align-items:center;gap:18px;margin-bottom:24px;padding:26px;display:flex}.large-avatar{color:#89abe5;background:#edf3fd;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;font-size:25px;display:flex}.profile-card>div{flex:1;min-width:0}.profile-card h2{word-break:break-all;font-size:18px}.profile-card p{color:#a0aec1;align-items:center;gap:6px;margin-top:8px;font-size:10px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-card{padding:25px 23px}.settings-card .section-heading{margin-bottom:9px}.settings-row{text-align:left;border-bottom:1px solid #f1f5fa;align-items:center;gap:12px;width:100%;padding:19px 0;display:flex}.settings-row:last-child{border-bottom:0}.settings-icon{color:#93add7;background:#f4f7fd;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.settings-row>span:nth-child(2){flex:1;min-width:0}.settings-row strong{font-size:12px;display:block}.settings-row small{color:#aab7ca;margin-top:6px;font-size:9px;line-height:1.7;display:block}.settings-row>svg{color:#bdc8d8}.settings-row i{color:#acb9cd;white-space:nowrap;font-size:8px;font-style:normal}.settings-row:hover .settings-icon{background:#eaf2ff}.account-note{align-items:center;gap:17px;margin-top:24px;padding:22px 25px;display:flex}.account-note>svg{color:#a5bbde}.account-note strong{color:#8599b5;font-size:12px;font-weight:500}.account-note p{color:#acb8cb;margin-top:7px;font-size:10px}.settings-footer{color:#b5c0d0;justify-content:space-between;align-items:center;margin-top:28px;font-size:9px;display:flex}.settings-footer .text-button{font-size:10px}.bottom-nav{display:none}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain;background:#23355045;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{scrollbar-width:thin;background:#fff;border-radius:22px;outline:none;width:520px;max-width:100%;max-height:calc(100dvh - 50px);padding:25px 27px;overflow:auto;box-shadow:0 25px 90px #263c6a22}.modal.wide{width:700px}.modal-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.modal-head h2{font-size:19px}.segmented{background:#f3f6fb;border-radius:10px;gap:4px;padding:4px;display:flex}.segmented button{text-align:center;color:#99a8bd;border-radius:8px;flex:1;padding:9px 12px;font-size:12px}.segmented button.selected{color:#648ed9;background:#fff;font-weight:600;box-shadow:0 2px 7px #24447108}.entry-form{flex-direction:column;gap:22px;display:flex}.amount-input{background:#f7faff;border:1px solid #edf2fb;border-radius:14px;margin-top:-3px;padding:17px 20px}.amount-input>label{color:#a0b1cc;font-size:10px}.amount-input>div{color:#6190e4;align-items:center;gap:9px;display:flex}.amount-input>div>span{margin-top:8px;font-size:25px}.amount-input input{font-variant-numeric:tabular-nums;color:#5484dc;letter-spacing:-1px;background:0 0;border:0;min-width:0;padding:7px 0 0;font-size:37px;font-weight:500;box-shadow:none!important}.amount-input input::placeholder{color:#cad9ef}.category-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.category-picker>button{color:#8e9eb5;border:1px solid #0000;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 2px;font-size:10px;display:flex}.category-picker>button>span{background:#f5f7fb;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-size:20px;display:flex}.category-picker>button.selected{color:#6290db;background:#f0f6ff;border-color:#dce8fc}.category-picker>button.selected>span{background:#e4edfc}.channel-picker{flex-wrap:wrap;gap:9px;display:flex}.channel-picker>button{color:#94a3b9;border:1px solid #e8edf5;border-radius:9px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;display:flex}.channel-picker>button.selected{color:#648ad0;background:#f2f7ff;border-color:#b5cdf4}.channel-dot{background:#98acc9;border-radius:50%;width:7px;height:7px}.channel-dot.alipay{background:#83b2ef}.channel-dot.wechat{background:#8fc2a6}.channel-dot.bank{background:#b3a7d1}.entry-footer{justify-content:flex-end;align-items:center;gap:10px;display:flex}.entry-footer .primary{min-width:180px}.entry-footer .icon-button{margin-right:auto}.delete-confirm{color:#b78276;background:#fff4f1;border-radius:12px;padding:15px;font-size:11px}.recovery-notice{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.large-icon{color:#92b2e7;background:#edf4ff;border-radius:22px;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.recovery-notice>p{color:#96a5bc;font-size:12px}.recovery-notice>code{color:#6187c7;letter-spacing:1px;word-break:break-all;background:#f3f7fd;border-radius:12px;padding:20px;font-size:17px;line-height:2}.recovery-notice .check-label{color:#8a9db8;font-size:11px}.toast{z-index:100;color:#fff;background:#334966ee;border-radius:12px;align-items:center;gap:10px;max-width:90vw;padding:13px 22px;font-size:12px;line-height:1.7;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #34476020}.toast svg{color:#b8d8c9}.update-banner{z-index:110;color:#eaf1ff;background:#354967;border-radius:12px;align-items:center;gap:15px;width:max-content;max-width:94vw;padding:13px 20px;font-size:11px;display:flex;position:fixed;top:15px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #22375622}.update-banner button{color:#bad1fb;white-space:nowrap;font-size:11px}.conflict-card{border:1px solid var(--border);border-radius:13px;margin-bottom:20px;padding:16px}.conflict-versions{grid-template-columns:1fr 1fr;gap:15px;margin-top:16px;display:grid}.conflict-versions>div{background:#f8fafe;border-radius:10px;flex-direction:column;align-items:flex-start;gap:13px;padding:13px;display:flex}.conflict-versions h3{color:#8b9cb7;font-size:11px}.conflict-versions p{white-space:pre-wrap;word-break:break-word;color:#8da0bc;flex:1;font-size:11px}.conflict-versions button{min-height:36px;padding:8px 12px;font-size:11px}.category-budget-inputs{grid-template-columns:1fr 1fr;gap:11px 15px;display:grid}.category-budget-inputs label{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.category-budget-inputs input{width:88px;min-height:36px;margin:0;padding:7px 10px;font-size:11px}.cycle-preview{background:#f5f8fd;border-radius:12px;padding:18px}.cycle-preview h3{color:#8297b6;margin-bottom:15px;font-size:12px}.cycle-preview p{justify-content:space-between;gap:10px;padding:6px 0;font-size:10px;display:flex}.cycle-preview p>span{color:#a0adc3}.cycle-preview strong{color:#7e95b6;font-weight:500}.manage-list{margin:18px 0}.manage-row{border-bottom:1px solid #f0f4f9;align-items:center;gap:10px;padding:12px 0;display:flex}.manage-row>span:nth-child(2){flex:1;min-width:0}.manage-row strong{font-size:12px;display:block}.manage-row small{color:#a7b5c9;margin-top:6px;font-size:9px;display:block}.manage-row .category-icon{width:32px;height:32px;font-size:16px}.manage-actions{align-items:center;gap:1px;display:flex}.manage-actions .icon-button{width:29px;height:30px}.manage-actions .text-button{margin-left:4px;font-size:10px}.disabled-item{opacity:.6}.inline-editor{background:#f8faff;border-radius:13px;margin-top:18px;padding:18px}.inline-editor h3{font-size:13px}.skipped-list{border-top:1px solid var(--border);margin-top:25px;padding-top:20px}.skipped-list>h3{color:#99aac2;margin-bottom:10px;font-size:12px}.skipped-list>div{color:#a6b4c8;justify-content:space-between;align-items:center;padding:5px 0;font-size:10px;display:flex}.invite-code{background:#f2f7ff;border-radius:13px;flex-direction:column;gap:12px;margin:20px 0;padding:20px;display:flex}.invite-code>small{color:#91a9cc;font-size:10px}.invite-code>code{color:#7097d8;word-break:break-all;font-size:16px;line-height:1.8}.invite-code .button-row{justify-content:flex-start;margin:0}.invite-code .secondary{min-height:36px;padding:8px 12px;font-size:10px}.invite-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.invite-list strong{font-size:12px;display:block}.invite-list small{color:#a3b2c8;margin-top:6px;font-size:10px;display:block}.install-guide>img{width:75px;height:75px;margin:15px auto 25px;display:block}.install-guide ol{color:#8fa0b8;padding-left:23px;font-size:12px;line-height:2.1}.install-guide li{margin-bottom:10px}.install-guide strong{color:#6f8ebc;font-weight:500}.import-stats{color:#a3b1c6;gap:20px;padding:24px 0;font-size:11px;display:flex}.import-stats>span{text-align:center;flex:1}.import-stats strong{color:#7398d7;margin-bottom:5px;font-size:25px;font-weight:500;display:block}.import-differences{max-height:300px;margin:17px 0;overflow:auto}.import-differences>label{border-bottom:1px solid var(--border);padding:12px 0}.import-differences strong{font-size:11px;font-weight:500}.import-differences small{color:#a5b2c8;margin-top:5px;font-size:9px;display:block}.spin{animation:1.2s linear infinite spin}.page-enter{animation:.25s ease-out appear}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width>=1720px){.sidebar{left:calc(50vw - 860px)}}@media (width<=1200px){.sidebar{width:200px;padding:28px 19px}.sidebar .brand{font-size:18px}.main-content{margin-left:200px;padding:0 28px 30px}.overview-grid{grid-template-columns:1.5fr 1fr 1fr;gap:14px}.budget-hero{padding:23px 21px}.income-card,.expense-card{padding:23px 19px}.income-card>strong,.expense-card>strong{font-size:21px}.hero-amount{font-size:38px}.hero-amount .no-budget{font-size:21px}.home-lower{grid-template-columns:1.4fr 1fr;gap:18px}.card{padding:22px}.settings-grid{gap:18px}.settings-row{gap:9px}.settings-row i{display:none}.story-copy h1{font-size:41px}.auth-story{padding:45px 10%}.auth-card{width:330px}.story-copy{margin-top:80px}}@media (width<=1000px){.overview-grid{grid-template-columns:1fr 1fr}.budget-hero{grid-column:1/-1;min-height:210px}.hero-amount{font-size:46px}.hero-amount .no-budget{font-size:27px}.hero-decoration{right:25px}.income-card,.expense-card{min-height:170px}.income-card>small,.expense-card>small{padding-top:15px}.home-lower{grid-template-columns:1fr}.glance-illustration{display:none}.glance-card .insight-list{margin-top:25px}.charts-grid,.settings-grid{grid-template-columns:1fr}.stats-numbers strong{font-size:20px}.auth-shell{grid-template-columns:1fr 1fr}.auth-story{padding:40px 9%}.story-copy h1{font-size:35px}.illustration{transform-origin:0;margin-left:0;transform:scale(.85)}.auth-card{width:290px}.details-toolbar{flex-direction:column;align-items:flex-start}.search-input{width:100%}}@media (width<=760px){body{background:#f5f8fc}.sidebar{display:none}.main-content{padding:0 20px calc(110px + env(safe-area-inset-bottom));margin-left:0}.topbar{height:76px;padding-top:env(safe-area-inset-top);border:0;margin-bottom:25px}.desktop-date{display:none}.mobile-title{letter-spacing:.5px;align-items:center;gap:8px;font-size:17px;font-weight:650;display:flex}.mobile-title img{width:29px;height:29px}.status-chip{gap:4px;padding:6px 8px;font-size:9px}.topbar-actions{gap:5px}.page-heading{margin-bottom:24px}.page-heading h1{letter-spacing:-.5px;margin-bottom:8px;font-size:23px}.page-heading p{font-size:10px}.page-heading .eyebrow{margin-bottom:10px;font-size:9px}.desktop-only{display:none!important}.overview-grid{gap:12px}.budget-hero{min-height:218px;padding:23px 24px}.hero-label{font-size:11px}.hero-amount{margin:17px 0 10px;font-size:45px}.hero-decoration{top:26px;right:8px}.hero-footer,.hero-period{font-size:9px}.hero-amount .decimal{font-size:27px}.income-card,.expense-card{min-height:168px;padding:20px 17px}.stat-icon{border-radius:9px;width:32px;height:32px;margin-bottom:12px}.stat-icon svg{width:18px;height:18px}.income-card>strong,.expense-card>strong{margin-top:5px;font-size:21px}.income-card>small,.expense-card>small{font-size:8px;line-height:1.8}.card{border-radius:15px;padding:21px 19px}.home-lower{gap:20px;margin-top:23px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:14px}.section-heading p{font-size:9px}.record-row{gap:10px;min-height:74px;padding:15px 0}.record-text>strong{font-size:12px}.record-amount{font-size:14px}.record-text>small,.record-amount>small{font-size:9px}.category-icon{border-radius:10px;width:36px;height:36px;font-size:19px}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:8px 10px calc(9px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #edf1f7;grid-template-columns:1fr 1fr 1.1fr 1fr 1fr;align-items:center;min-height:69px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav>button{color:#a4b1c6;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:48px;font-size:9px;display:flex}.bottom-nav>button.active{color:#5788e0}.bottom-nav>button>span{justify-content:center;align-items:center;height:24px;display:flex}.bottom-nav .add-entry{color:#7299dc;gap:3px;margin-top:-22px;font-size:8px}.bottom-nav .add-entry>span{background:var(--blue);color:#fff;box-sizing:content-box;border:5px solid #f5f8fc;border-radius:16px;width:48px;height:48px;box-shadow:0 3px 8px #5185e813}.page-footnote{margin-top:26px;font-size:8px}.budget-alert{align-items:flex-start;padding:11px 13px;font-size:10px;line-height:1.8}.budget-alert svg{margin-top:1px}.due-card{margin-top:21px}.due-row{flex-wrap:wrap;gap:8px}.due-row strong{font-size:11px}.due-row small{font-size:9px}.due-row .secondary{min-height:33px;padding:6px 9px;font-size:10px}.due-row .text-button{font-size:10px}.due-card .section-heading h2{font-size:13px}.due-card .category-icon{width:30px;height:30px}.empty{min-height:245px}.glance-card .insight-list{margin-top:22px}.glance-card .insight-list p{font-size:11px}.details-toolbar{gap:18px;margin-bottom:17px}.period-control{gap:7px}.period-control strong{font-size:12px}.period-control small{font-size:8px}.period-control .icon-button{width:28px}.filters{gap:7px;padding-bottom:16px}.filters select{width:33.33%;min-width:0;min-height:35px;padding:6px 5px;font-size:10px}.details-summary{gap:13px;font-size:9px}.details-summary strong{margin-left:3px}.stats-period{gap:7px;margin-bottom:15px;padding:15px 12px}.stats-period .private-pill{padding:5px;font-size:8px}.stats-numbers{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stats-numbers .card{padding:17px}.stats-numbers strong{margin-top:8px;font-size:20px}.stats-numbers small{font-size:9px}.charts-grid,.bars{gap:18px}.profile-card{gap:12px;padding:22px 18px}.profile-card h2{font-size:16px}.profile-card p{align-items:flex-start;font-size:9px;line-height:1.8}.large-avatar{border-radius:14px;width:45px;height:45px;font-size:20px}.profile-card .private-pill{font-size:8px}.settings-grid{gap:20px}.settings-card{padding:22px 19px}.settings-row{padding:18px 0}.settings-row small{font-size:9px}.account-note{align-items:flex-start;gap:11px;padding:19px}.account-note>svg{width:19px;margin-top:1px}.account-note p{font-size:9px}.account-note strong{font-size:11px}.settings-footer{font-size:8px}.modal-overlay{align-items:flex-end;padding:0}.modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 22px);padding:22px 22px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.modal-head{margin-bottom:18px}.modal-head h2{font-size:18px}.modal.wide{width:100%}.modal input,.modal select,.auth-card input{font-size:16px}.entry-form{gap:20px}.amount-input input{font-size:40px!important}.entry-form input[type=date]{min-width:0;min-height:46px;display:block}.entry-footer .primary{flex:1}.toast{bottom:calc(92px + env(safe-area-inset-bottom));width:max-content;max-width:88vw;padding:11px 17px;font-size:11px}.update-banner{top:calc(10px + env(safe-area-inset-top));gap:9px;padding:10px 13px;font-size:10px}.update-banner>span{max-width:190px}.category-budget-inputs{gap:12px}.category-budget-inputs label{gap:5px;font-size:10px}.category-budget-inputs input{width:70px;min-height:37px;padding:6px 8px;font-size:14px}.cycle-preview{padding:16px 13px}.cycle-preview p{font-size:9px}.conflict-versions{gap:10px}.conflict-versions>div{padding:12px}.conflict-versions button{padding:8px;font-size:10px}.form-columns{gap:13px}.manage-row{gap:8px}.manage-row strong{font-size:11px}.manage-row small{font-size:8px}.manage-actions .icon-button{width:25px}.manage-actions .text-button{font-size:9px}.auth-shell{min-height:100dvh;padding:40px 25px calc(35px + env(safe-area-inset-bottom));background:#f5f8fc;display:block}.auth-story{display:none}.auth-card{align-self:auto;width:100%;max-width:380px;margin:auto;padding:0}.mobile-brand{margin:4px 0 55px;display:block}.mobile-brand .brand{font-size:23px}.mobile-brand .brand img{width:43px;height:43px}.mobile-brand .brand small{font-size:9px}.auth-icon{background:#e9f0fd;border-radius:15px;width:49px;height:49px;margin-bottom:20px}.auth-card h2{font-size:26px}.auth-card form{gap:19px;margin-top:26px}.auth-card form .primary{height:49px}.auth-card>.muted,.auth-card label{font-size:12px}.auth-footnote{margin-top:30px;font-size:9px}.setup-link{margin-top:24px}.recovery-notice>code{font-size:15px}.settings-footer .text-button{font-size:9px}}@media (width<=370px){.main-content{padding-left:15px;padding-right:15px}.page-heading h1{font-size:21px}.hero-amount{font-size:41px}.income-card>strong,.expense-card>strong{font-size:19px}.record-text>small{font-size:8px}.record-amount{font-size:13px}.category-picker{grid-template-columns:repeat(4,1fr);gap:5px}.category-picker>button{font-size:9px}.modal{padding-left:18px;padding-right:18px}.topbar-actions .status-chip.warning{font-size:8px}.topbar-actions .status-chip.warning>svg{display:none}.form-columns,.category-budget-inputs{grid-template-columns:1fr}.category-budget-inputs input{width:100px}.brand{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-heading p,.section-heading p,.record-text>small,.record-amount>small,.muted,.settings-row small{color:#65768e}.category-picker>button,.channel-picker>button{color:#62738c;font-size:12px}.entry-footer{z-index:2;background:linear-gradient(#ffffffdc,#fff 14px);padding-top:14px;position:sticky;bottom:0;box-shadow:0 40px #fff}@media (width<=760px){.record-text>strong{font-size:14px}.record-text>small,.record-amount>small{font-size:11px}.category-picker>button,.channel-picker>button{font-size:12px}.income-card>small,.expense-card>small{font-size:10px}}