450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#1c303d;--muted:#75828c;--line:#e8edf0;--green:#267d64;--lime:#c1f281;--navy:#112e37;--surface:#f6f8fa}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font:16px 'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #84bdaa;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong,b{font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1{font-size:30px;line-height:1.3;letter-spacing:-1px;margin-bottom:7px;font-weight:800}h2{font-size:17px;line-height:1.4;margin:0;font-weight:750;letter-spacing:-.35px}h3{font-size:17px;margin-bottom:5px}small{font-size:14px;line-height:1.5}svg{flex-shrink:0}input,select{min-width:0;max-width:100%}.app{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:33px 22px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font-size:32px;font-weight:800;letter-spacing:-1.4px;font-family:Manrope,sans-serif;margin:0 9px 49px}.brand-mark{background:var(--navy);color:var(--lime);width:40px;height:40px;display:grid;place-items:center;border-radius:13px;margin-right:11px}.brand-dot{color:#429275}.sidebar-label{font-size:12px;font-weight:700;color:#99a2aa;letter-spacing:1.8px;margin:0 14px 16px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar button{display:flex;align-items:center;gap:13px;min-height:48px;padding:12px 14px;text-align:left;border-radius:10px;font-size:14px;font-weight:550;color:#75808b}.sidebar button:hover{background:#f5f8f7;color:var(--green)}.sidebar button.active{color:#236b57;background:#eaf4ef;font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:50px}.private{display:flex;align-items:center;gap:10px;background:#f7f9f9;border:1px solid #edf0f0;padding:15px 12px;border-radius:12px;margin-bottom:20px;color:#588170}.private strong{font-size:12px;display:block;color:#536e65}.private small{display:block;font-size:12px;color:#909c96}.profile{display:flex;align-items:center;gap:11px;margin:22px 5px 0;padding-top:23px;border-top:1px solid var(--line)}.profile>span,.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7ede8;color:#557962;font-weight:700;font-size:14px}.profile strong{display:block;font-size:14px}.profile small{color:var(--muted);font-size:12px}.workspace{margin-left:246px;width:calc(100% - 246px)}.topbar{height:79px;padding:0 42px;background:#ffffffb5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:14px;color:#7e8a95}.breadcrumb>span{margin:0 15px;color:#c0c7ce}.top-actions{display:flex;align-items:center;gap:20px}.privacy-label{font-size:12px;color:#6e887a;display:flex;gap:7px;align-items:center}.mobile-brand{display:none}.workspace main{padding:33px 42px 20px;max-width:1530px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:29px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;color:#76988c;margin-bottom:9px}.page-heading>div>p:last-child{font-size:14px;color:var(--muted);margin:0}.heading-actions{display:flex;align-items:center;gap:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:10px;font-size:14px;font-weight:650;min-height:44px;white-space:nowrap;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--green);color:white}.primary:hover{background:#206d57}.dark{background:var(--navy);color:#fff}.light{background:#f2f6f4;border:1px solid #e3ebe6;color:#3c6a58}.full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:9px;color:inherit}.icon-button:hover{background:#8aa19215}.text-button{font-size:14px;color:#387d65;font-weight:650;min-height:40px;padding:6px 0}.month-control{display:flex;align-items:center;gap:0;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:14px;height:44px}.month-control>button{height:42px;width:31px;display:grid;place-items:center;color:#8996a1}.month-control label{display:flex;align-items:center;gap:9px;position:relative;white-space:nowrap;min-width:125px;justify-content:center}.month-control input{opacity:0;position:absolute;inset:0;width:100%;cursor:pointer}.overview-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;margin-bottom:24px}.hero{background:var(--navy);color:white;border-radius:18px;padding:24px 28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#d5e3df}.hero-top>span{display:flex;align-items:center;gap:10px}.tiny-icon{display:flex;color:var(--lime)}.hero-top button{color:#85a69d}.hero-value{font-family:Manrope,sans-serif;font-size:45px;line-height:1.4;letter-spacing:-1.5px;font-weight:650;color:#d0f4a2;margin:12px 0 4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hero>p{color:#b2c6c2;font-size:12px;margin:0 0 25px}.hero-divider{height:1px;background:#44616a66;margin:0 0 21px}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-footer small{color:#8ba6a5;font-size:12px;display:block;margin-bottom:6px}.hero-footer strong{font-size:16px;font-weight:650}.hero-footer>span{color:#83a39c}.hero-badge{font-size:12px;background:#ffffff0b;border:1px solid #ffffff15;padding:5px 11px;border-radius:7px;margin-left:auto;color:#a0beb3!important}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{background:white;border:1px solid var(--line);border-radius:15px;padding:19px 22px;display:flex;flex-direction:column;position:relative;min-width:0}.stat>span:not(.stat-icon){font-size:12px;color:#74818a;margin-bottom:5px;padding-right:24px}.stat>strong{font-size:26px;letter-spacing:-.7px;line-height:1.4;overflow-wrap:anywhere}.stat>small{font-size:12px;color:#a0a9b0;margin-top:5px}.stat-icon{position:absolute;right:17px;top:16px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.stat-icon svg{width:16px;height:16px}.green{background:#ebf7ef;color:#4b9873}.coral{background:#fff0ea;color:#da927a}.blue{background:#edf4fc;color:#7c9ec7}.violet{background:#f1eefb;color:#9b88c6}.quick-entry{padding:22px 25px 15px;background:linear-gradient(110deg,#f0f5f2,#f7faf5);border:1px solid #dee9dd;border-radius:15px;margin-bottom:25px}.quick-label{display:flex;align-items:center;gap:13px;margin-bottom:17px}.spark{background:#e1eedc;color:#6e9c64;border-radius:11px;width:41px;height:41px;display:grid;place-items:center}.quick-label h2{font-size:16px}.quick-label p{font-size:12px;color:#8b978a;margin:4px 0 0}.pill{margin-left:auto;background:#e5efdf;border:1px solid #dce8d4;color:#6d8f5c;border-radius:6px;font-size:12px;letter-spacing:.2px;padding:4px 9px}.quick-input{display:flex;align-items:center;background:#fff;border:1px solid #e2e9e0;box-shadow:0 2px 3px #1f452903;border-radius:10px;padding:6px;gap:7px}.quick-input>input{border:0;outline:none;background:transparent;flex:1;min-width:0;padding:9px 11px;font-size:14px}.quick-input>input::placeholder{color:#a0a9a4}.quick-input .button{min-height:39px;font-size:12px;padding:9px 17px;border-radius:7px}.mic{display:grid;place-items:center;min-width:40px;min-height:40px;color:#93a299;border-right:1px solid #edf1ed}.recording{background:#fee4e4;color:#bd5353;border-radius:7px}.quick-note{font-size:12px;color:#889987;display:block;margin-top:9px}.two-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 25px;margin-bottom:24px;min-width:0}.two-columns .panel{margin-bottom:0}.section-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px}.section-head .count{margin-right:auto}.section-head h2{font-size:16px}.section-head .muted{font-size:12px}.outside{margin:20px 0}.end{margin-left:auto}.transaction-row{display:flex;align-items:center;width:100%;gap:13px;border-bottom:1px solid #f0f2f4;padding:16px 0;text-align:left}.transaction-row:last-of-type{border-bottom:0}.transaction-row:hover{background:#fafcfa}.category-icon{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#f0f4f1;color:#709184}.transaction-title{min-width:0;flex:1}.transaction-title strong{display:block;font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-title small{display:block;font-size:12px;color:#9aa3ab;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-amount{text-align:right;flex-shrink:0}.transaction-amount strong{display:block;font-size:14px;font-weight:700}.transaction-amount small{display:block;color:#9ba5ad;font-size:12px;margin-top:4px}.positive{color:#34896d}.negative{color:#d77a6d!important}.distribution{display:flex;align-items:center;gap:25px;padding:14px 0 23px;min-height:225px}.donut{width:175px;height:175px;border-radius:50%;padding:19px;flex-shrink:0;transform:rotate(-.1deg)}.donut>div{width:100%;height:100%;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut small{font-size:12px;color:#94a09f}.donut strong{font-size:20px;letter-spacing:-.6px;margin-top:3px}.legend{flex:1;min-width:0}.legend>div{display:flex;gap:8px;font-size:12px;align-items:center;margin:15px 0;white-space:nowrap}.legend>div>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.legend b{margin-left:auto;font-size:12px}.legend>p{font-size:14px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.panel-footer{padding-top:12px;border-top:1px solid #f1f3f4;text-align:center}.payment-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #f0f2f4}.payment-row:last-of-type{border:0}.payment-row>.grow{min-width:0;flex:1}.payment-row strong{display:block;font-size:14px;font-weight:650;overflow-wrap:anywhere}.payment-row small{font-size:12px;color:#9ba5ad;display:block;margin-top:4px}.payment-row>b{font-size:14px;white-space:nowrap}.date-tile{width:43px;min-height:48px;border:1px solid #e7edef;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9fbfc;flex-shrink:0}.date-tile b{font-size:17px;font-weight:650;line-height:1.2}.date-tile small{font-size:12px!important;text-transform:uppercase;margin:0!important}.date-tile.overdue{background:#fff4ed;border-color:#f4ded0;color:#b77c58}.count{font-size:12px;border-radius:5px;background:#eff3f5;color:#83929c;padding:2px 7px}.budget-overview{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:28px 0 17px}.budget-overview strong{font-size:27px;letter-spacing:-1px}.budget-overview span{color:#9aa5ab;font-size:12px}.progress{height:8px;border-radius:8px;background:#f0f3f2;overflow:hidden}.progress span{display:block;height:100%;border-radius:8px;background:#71a98b;transition:width .3s}.muted{color:var(--muted);font-size:14px}.panel>.muted{font-size:12px;line-height:1.7;margin-top:12px}.budget-tip{display:flex;align-items:center;gap:14px;background:#f8faf8;border-radius:10px;padding:14px;color:#80a18d;margin-top:22px}.budget-tip p{margin:0;font-size:12px;line-height:1.8;color:#92a397}.budget-tip strong{color:#6c8275;font-weight:550}.welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px dashed #c9d8cf;border-radius:14px;padding:20px 24px;background:#fcfefc;margin-bottom:24px}.welcome p{font-size:14px;color:var(--muted);margin:4px 0}.row-actions{display:flex;align-items:center;gap:15px}.empty{padding:22px 10px;text-align:center;color:var(--muted)}.empty-symbol{display:grid;place-items:center;width:37px;height:37px;margin:0 auto 13px;border:1px dashed #bbcfc4;border-radius:12px;font-size:25px;color:#88ab9a}.empty h3{color:#4e6761;font-size:15px}.empty p{font-size:14px;max-width:340px;margin:7px auto 16px;line-height:1.7}.app-footer{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#a6b0b4;margin:30px 0 5px}.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.search{display:flex;gap:10px;align-items:center;flex:1;max-width:420px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:#9aaba3}.search input{background:none;border:0;width:100%;outline:none;font-size:14px}.toolbar select{border:1px solid var(--line);background:white;border-radius:9px;padding:10px;font-size:14px}.transaction-labels{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#9caaa9;padding:10px 0;border-bottom:1px solid var(--line)}.footnote{font-size:12px;color:#8a969e;line-height:1.7;margin:18px 0 0}.large-number{font-size:34px;letter-spacing:-1px;display:block;margin-top:6px}.card-grid,.budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bank-card{border-radius:14px;color:white;padding:22px;min-height:220px;box-shadow:0 10px 25px #132e3c0a}.bank-card>div{display:flex;justify-content:space-between;align-items:center}.bank-card h3{font-size:18px;margin:9px 0 18px}.bank-card>small{font-size:12px;letter-spacing:1.2px;color:#ffffff88}.bank-card>strong{display:block;font-size:28px;font-weight:550;margin:2px 0 18px}.bank-card footer{display:flex;justify-content:space-between;font-size:12px;color:#ffffffaa}.card-details{padding:15px 0}.card-details>div{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin:12px 0}.card-details span{color:var(--muted)}.bank-panel>.footnote{margin:0 0 16px}.installment-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:20px}.installment-row strong{font-size:15px;display:block}.installment-row small{display:block;font-size:12px;color:var(--muted);margin:5px 0}.installment-dots{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.installment-dots span{width:20px;height:6px;border-radius:3px;background:#74b895}.installment-dots .past{background:#e3e8e6}.tabs{display:flex;background:#eef2f2;border-radius:10px;padding:4px;gap:4px}.tabs button{padding:9px 13px;font-size:12px;border-radius:7px;min-height:40px;color:#768583}.tabs .active{background:white;color:#306d58;box-shadow:0 2px 7px #163b2910;font-weight:700}.mini-summary{display:flex;gap:30px;align-items:center;background:#edf3ef;border:1px solid #e2eae5;border-radius:14px;padding:22px;margin-bottom:24px;color:#629880}.mini-summary span{font-size:12px;color:#7f9289;display:block}.mini-summary strong{font-size:24px;color:#355f4d;display:block}.budget-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #dce9e2;border-radius:16px;padding:28px;background:#eaf3ed;margin-bottom:24px}.budget-banner p{font-size:12px;letter-spacing:1.4px;color:#88a28e;margin-bottom:10px}.budget-banner h2{font-size:34px;color:#315c46;letter-spacing:-1px}.budget-banner span{font-size:14px;color:#769881}.category-budget .section-head{justify-content:flex-start}.category-budget small{color:var(--muted);display:block;margin-top:10px}.analysis-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.bar-chart{display:flex;gap:35px;height:300px;padding:20px 20px 0;border-bottom:1px solid var(--line)}.bar-group{flex:1;text-align:center;min-width:0}.bars{height:195px;display:flex;gap:7px;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line);margin-bottom:9px;background:repeating-linear-gradient(to top,transparent,transparent 48px,#f4f6f6 49px,#f4f6f6 50px)}.bar{width:28px;min-height:2px;border-radius:5px 5px 0 0}.bar.income{background:#79b795}.bar.expense{background:#284955}.bar-group strong{font-size:12px}.bar-group small{display:block;font-size:12px;color:#93a19a;white-space:nowrap}.chart-key{display:flex;gap:17px;font-size:12px;color:#84918d}.chart-key span{display:flex;align-items:center;gap:7px}.chart-key i{height:7px;width:7px;background:#79b795;border-radius:2px}.chart-key span:last-child i{background:#284955}.breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.breakdown-row span{display:flex;align-items:center;gap:9px}.breakdown-row i{display:block;width:8px;height:8px;border-radius:3px}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.category-family{border:1px solid var(--line);border-radius:10px;padding:15px}.category-family>button{display:flex;align-items:center;gap:9px;padding:5px 0;width:100%;text-align:left;font-size:14px}.category-family>button>svg{margin-left:auto;color:#9dadac}.category-family>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.category-family>div>button{display:flex;align-items:center;gap:8px;padding:7px 9px;background:#f5f7f6;border-radius:7px;font-size:12px}.category-family>div>.add-sub{background:none;border:1px dashed #d5dfda;color:#88a395}.notice{padding:14px 17px;border:1px solid #e8dec4;background:#fff9e9;border-radius:10px;font-size:14px;margin-bottom:20px;display:flex;gap:15px;align-items:center;justify-content:space-between}.notice button{color:#447e66;font-size:14px;text-decoration:underline}.notice.error{color:#a54e46;background:#fff1ed;border-color:#f5d6cd}.notice.demo{color:#677d5f;background:#f1f6e9;border-color:#dce8cb}.loading{min-height:400px;display:flex;align-items:center;justify-content:center;gap:12px;color:#7f9e8c}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);z-index:100;background:#1d3d32;color:white;border:1px solid #ffffff22;padding:14px 22px;border-radius:12px;box-shadow:0 12px 40px #142b3030;font-size:14px;display:flex;align-items:center;gap:12px;max-width:min(620px,90vw)}.dialog{border:0;padding:0;width:min(570px,calc(100vw - 32px));max-height:90dvh;background:white;border-radius:20px;box-shadow:0 25px 100px #132b3540;color:var(--ink);overflow-y:auto}.dialog::backdrop{background:#11283170;backdrop-filter:blur(4px)}.dialog-head{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:#fff}.dialog-head h2{font-size:20px}.modal-content{padding:24px}.modal-content>p{font-size:14px;color:#77888a}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field>span{font-size:14px;font-weight:600;color:#61756c}.field input,.field select{border:1px solid #dfe7e2;border-radius:9px;background:#fbfcfc;padding:12px;min-height:47px;width:100%;font-size:16px;appearance:auto}.field input[type=color]{padding:5px}.field small{color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-actions{display:flex;justify-content:space-between;gap:15px;margin-top:26px;padding-top:19px;border-top:1px solid var(--line)}.danger{background:#ba5a51;color:white}.danger-quiet{color:#bd726a;background:#fff5f2}.checkbox{display:flex;gap:10px;align-items:center;font-size:14px;margin:12px 0}.checkbox input{width:20px;height:20px;accent-color:#287c62}.type-tabs{margin-bottom:23px}.type-tabs button{flex:1}.draft-info{display:flex;align-items:flex-start;gap:10px;padding:13px;background:#eff7e9;border:1px solid #d9eacb;border-radius:10px;margin-bottom:20px;color:#597b42;font-size:14px}.draft-info small{display:block;font-size:12px;line-height:1.7;margin-top:4px}.draft-total{padding:15px;background:#f3f7f4;border-radius:10px}.draft-total small{display:block;font-size:12px;margin-top:6px}.formula p{display:flex;justify-content:space-between;gap:15px;padding:12px 0;font-size:14px;margin:0;border-bottom:1px solid var(--line)}.formula p:last-child{color:#287859;font-weight:700;padding:20px 0}.modal-nav{padding:15px}.modal-nav button{display:flex;align-items:center;gap:15px;width:100%;padding:17px;font-size:16px}.modal-nav button svg:last-child{margin-left:auto}.mobile-nav{display:none}
@media(min-width:1500px){.workspace main{padding-top:42px}.hero-value{font-size:53px}.hero{padding:30px 35px}.stat{padding:24px}.distribution{justify-content:center;gap:35px}}
@media(max-width:1200px){.sidebar{width:215px;padding:28px 15px}.workspace{margin-left:215px;width:calc(100% - 215px)}.workspace main{padding:28px 26px}.topbar{padding:0 26px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;align-items:stretch}.overview-grid{grid-template-columns:1fr 1fr;gap:16px}.hero{padding:22px}.hero-value{font-size:35px}.stat{padding:17px 15px}.stat strong{font-size:22px}.stat-icon{right:11px;top:12px}.stat>span:not(.stat-icon){max-width:135px}.two-columns{gap:17px;grid-template-columns:1.15fr 1fr}.panel{padding:20px}.distribution{flex-direction:column;gap:8px}.legend{width:100%;max-width:250px}.legend>div{margin:10px 0}.hero-footer{gap:10px}.hero-badge{display:none}.welcome{align-items:flex-start;flex-direction:column;gap:12px}.hero-top{font-size:12px}}
@media(max-width:900px){.sidebar{width:190px;padding:28px 10px}.sidebar button{font-size:12px;gap:9px;padding:12px 10px}.brand{font-size:28px}.brand-mark{width:34px;height:34px}.sidebar-label{font-size:12px}.workspace{margin-left:190px;width:calc(100% - 190px)}.overview-grid{grid-template-columns:1fr}.hero-value{font-size:45px}.hero-badge{display:block}.stats-grid{gap:13px}.stat{padding:20px}.stat>strong{font-size:27px}.two-columns{grid-template-columns:1fr}.distribution{flex-direction:row;justify-content:center;gap:25px}.analysis-stats{grid-template-columns:1fr 1fr}.card-grid,.budget-grid{grid-template-columns:1fr}.category-list{grid-template-columns:1fr}.heading-actions{gap:10px}.hero-top{font-size:14px}.page-heading{flex-wrap:wrap}.heading-actions{flex-direction:row;width:100%;justify-content:space-between}.bar-chart{gap:10px;padding:20px 0 0}.mini-summary{gap:15px}.outside{flex-wrap:wrap}.payment-row .button{padding:8px 12px}}
@media(max-width:680px){body{font-size:16px}.sidebar{display:none}.workspace{margin-left:0;width:100%;padding-bottom:85px}.topbar{height:68px;padding:0 21px;background:#fff}.breadcrumb,.privacy-label{display:none}.mobile-brand{display:block;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px}.mobile-brand span{color:#4d926f}.top-actions{gap:10px}.avatar{width:32px;height:32px;font-size:12px}.workspace main{padding:24px 18px 18px}.page-heading{gap:19px;margin-bottom:23px}.eyebrow{font-size:12px;letter-spacing:1.5px}h1{font-size:28px}.page-heading>div>p:last-child{font-size:14px}.heading-actions .button{padding:10px 13px;font-size:14px}.month-control{font-size:12px}.month-control label{min-width:112px;gap:7px}.month-control>button{width:26px}.hero{border-radius:18px;padding:21px 23px 24px;min-height:244px}.hero-value{font-size:42px;margin-top:12px}.hero>p{font-size:12px;margin-bottom:21px}.hero-top{font-size:14px}.hero-footer small{font-size:12px}.hero-footer strong{font-size:15px}.hero-badge{font-size:12px}.overview-grid{gap:15px;margin-bottom:20px}.stats-grid{gap:11px}.stat{padding:17px 16px;border-radius:13px}.stat>span:not(.stat-icon){font-size:12px;max-width:none;min-height:30px;display:flex;align-items:center}.stat>strong{font-size:25px}.stat>small{font-size:12px}.stat-icon{top:14px;right:12px;width:27px;height:27px}.quick-entry{padding:18px 16px 13px;border-radius:15px}.quick-label{gap:11px}.quick-label h2{font-size:14px;letter-spacing:-.2px;max-width:240px}.quick-label p{font-size:12px}.quick-label .pill{display:none}.spark{width:35px;height:35px;flex-shrink:0}.quick-input{flex-wrap:wrap;gap:3px;padding:5px}.quick-input>input{font-size:16px;padding:12px 8px;width:calc(100% - 45px)}.quick-input .button{width:100%;margin-top:3px;min-height:40px;font-size:14px}.mic{border:0}.quick-note{font-size:12px}.welcome{padding:19px 18px}.welcome h3{font-size:16px}.welcome p{font-size:14px}.row-actions{flex-wrap:wrap;gap:8px}.row-actions .text-button{font-size:12px}.two-columns{gap:19px;margin-bottom:19px}.panel{padding:20px 17px;border-radius:15px;margin-bottom:19px}.section-head{margin-bottom:13px;gap:10px}.section-head h2{font-size:16px}.text-button{font-size:12px}.transaction-row{gap:10px;padding:15px 0}.transaction-title strong{font-size:14px}.transaction-title small{font-size:12px}.transaction-amount strong{font-size:14px}.category-icon{width:37px;height:37px;border-radius:10px}.transaction-title small span{display:none}.distribution{gap:18px;padding:20px 0;min-height:215px}.donut{width:157px;height:157px;padding:17px}.donut strong{font-size:18px}.legend>div{font-size:12px;margin:13px 0;gap:6px}.legend b{font-size:12px}.legend{max-width:none}.payment-row{gap:10px}.payment-row>b{font-size:12px}.payment-row strong{font-size:14px}.payment-row small{font-size:12px}.payment-row .icon-button{min-width:28px}.payment-row .button{font-size:12px;min-height:36px;padding:7px 10px}.date-tile{width:38px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;align-items:center;justify-content:space-around;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #e5ece8;background:#ffffffed;backdrop-filter:blur(20px);z-index:30;box-shadow:0 -4px 25px #162d3404}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;color:#93a29c;width:56px;min-height:46px;justify-content:center}.mobile-nav span{font-size:12px}.mobile-nav .active{color:#347b60;font-weight:700}.mobile-nav .mobile-add{width:48px;height:46px;min-height:46px;border-radius:15px;background:#2a7e63;color:white;margin:0 7px;box-shadow:0 4px 12px #2f805735}.app-footer{font-size:12px;margin-top:25px}.dialog{width:100%;max-width:100%;max-height:94dvh;position:fixed;inset:auto 0 0;margin:0;border-radius:23px 23px 0 0;padding-bottom:env(safe-area-inset-bottom)}.dialog-head{padding:17px 21px}.dialog-head h2{font-size:19px}.modal-content{padding:21px}.form-grid{gap:0 12px}.field>span{font-size:12px}.field input,.field select{font-size:16px;padding:12px 10px}.toast{bottom:calc(86px + env(safe-area-inset-bottom));left:50%;min-width:280px;font-size:14px;padding:14px 16px;max-width:90vw}.toolbar{gap:10px;flex-wrap:wrap}.toolbar select{font-size:14px}.mini-summary{padding:18px 16px;flex-wrap:wrap;gap:16px}.mini-summary>svg{display:none}.mini-summary>div{flex:1}.mini-summary strong{font-size:22px}.mini-summary span{font-size:12px}.tabs button{font-size:12px;padding:8px 11px}.outside{gap:16px}.outside .button{font-size:12px}.budget-banner{padding:24px 20px;flex-wrap:wrap}.budget-banner h2{font-size:31px}.budget-grid{gap:0}.bank-card{padding:22px}.card-grid{gap:0}.analysis-stats{gap:10px}.bar-chart{height:280px;gap:7px;overflow:hidden}.bars{height:180px;gap:4px}.bar{width:19px}.bar-group small{font-size:12px}.bar-group strong{font-size:12px}.category-family>button{font-size:14px}.notice{font-size:12px;flex-wrap:wrap;gap:8px}.large-number{font-size:31px}.installment-row{gap:13px}.installment-row .button{font-size:12px;padding:9px 12px}.installment-row strong{font-size:14px}}
@media(max-width:360px){.workspace main{padding:21px 13px}.hero{padding:20px}.hero-value{font-size:37px}.distribution{flex-direction:column}.legend{width:100%;max-width:240px}.form-grid{grid-template-columns:1fr}.heading-actions{flex-wrap:wrap}.month-control{flex:1;justify-content:center}.stat strong{font-size:21px}.stat>span:not(.stat-icon){padding-right:20px;font-size:12px}.hero-footer strong{font-size:14px}.hero-badge{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


.spendable-summary{display:flex;flex-direction:column;gap:3px;margin-bottom:18px}.spendable-summary>span{font-size:14px;color:#d4e9df}.spendable-summary>strong{font-size:27px;line-height:1.3;letter-spacing:-.6px;color:var(--lime)}.spendable-summary>small{font-size:12px;color:#c2d4cd}.spendable-summary>strong.negative{color:#ffb2a7}@media(max-width:600px){.spendable-summary>strong{font-size:24px}}

.quick-field{border:0;padding:0;margin:0 0 20px;min-width:0}.quick-field legend{font-size:14px;font-weight:700;margin-bottom:10px}.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.category-tiles button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;border:1.5px solid #e6ece9;border-radius:14px;min-height:90px;padding:9px 4px;background:#fff}.category-tiles button>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center}.category-tiles b{font:600 11px system-ui;line-height:1.3;text-align:center;overflow-wrap:anywhere}.category-tiles button.selected,.quick-chips button.selected{border-color:#267d64;background:#eaf5ef;color:#195c47;box-shadow:0 0 0 1px #267d64}.quick-chips{display:flex;gap:8px;flex-wrap:wrap}.quick-chips button{min-height:44px;border:1px solid #dbe5df;border-radius:12px;padding:10px 13px;font-size:13px;display:flex;align-items:center;gap:7px;background:white}.subcategory-area{padding:13px 0 0}.subcategory-area>span{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.subcategory-area small{font-size:11px;color:var(--muted);margin-left:8px;font-weight:400}.quick-amount{display:block;padding:18px 20px;background:#f2f7f4;border:1px solid #d9e9df;border-radius:16px;margin-bottom:20px}.quick-amount>span{font-size:13px;color:#597365}.quick-amount>div{display:flex;align-items:center;gap:9px}.quick-amount>div>span{font-size:28px;color:#759486}.quick-amount input{background:transparent;border:0!important;box-shadow:none;font-size:38px;font-weight:750;width:100%;padding:5px 0;outline-offset:2px}.quick-date{display:flex;align-items:center;gap:14px;margin-bottom:15px;flex-wrap:wrap}.quick-date .field{flex:1;min-width:155px;margin:0}.selection-hint{display:block;margin-top:8px;color:#a24725}.modal-content .form-actions{position:sticky;bottom:-24px;background:#fff;padding:14px 0 max(14px,env(safe-area-inset-bottom));z-index:2;border-top:1px solid #edf0ee}@media(max-width:400px){.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.category-tiles button{min-height:80px}.quick-amount input{font-size:34px}}

.manual-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;border:1px solid var(--line);border-radius:18px;padding:22px;margin:22px 0}.manual-entry p{margin:5px 0 0;color:var(--muted);font-size:14px}@media(max-width:600px){.manual-entry{align-items:stretch;flex-direction:column}.manual-entry .row-actions{display:flex;gap:10px}.manual-entry .button{flex:1;justify-content:center}}