:root{color:#172019;font-synthesis:none;--ink:#172019;--muted:#7b867e;--green:#194f3d;--mint:#8fddb5;--paper:#fbfcf8;--line:#e4e9e2;background:#edf1ea;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#f9fbf6 0,#edf1ea 55%,#e7ece4 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:#f7f9f5;width:100%;max-width:480px;min-height:100vh;margin:auto;padding:20px 18px 112px;box-shadow:0 0 70px #405c4a18}header{justify-content:space-between;align-items:center;margin:4px 2px 22px;display:flex}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.13em;color:#89938c;margin:0 0 5px;font-size:10px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:20px}.avatar{color:var(--green);background:#dceadf;border:0;border-radius:50%;width:42px;height:42px;font-weight:800}.balance-card{color:#fff;background:linear-gradient(145deg,#163f32,#245f49);border-radius:27px;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 45px #1744312b}.balance-card:after{content:"";background:#76c89b1c;border-radius:50%;width:180px;height:180px;position:absolute;top:-85px;right:-50px}.balance-top{color:#cfe3d6;justify-content:space-between;align-items:center;font-size:12px;display:flex}.currency-toggle{background:#0d2f253d;border-radius:11px;padding:3px;display:flex}.currency-toggle button{z-index:1;color:#b8cfbf;background:0 0;border:0;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:800;position:relative}.currency-toggle .active{color:#174333;background:#f2f7f2}.balance-card>strong{letter-spacing:-.06em;margin:18px 0 5px;font-size:34px;display:block}.balance-card>strong small{letter-spacing:0;color:#c8dbce;font-size:13px}.balance-card>p{color:#a9c2b2;margin:0;font-size:11px}.balance-stats{border-top:1px solid #ffffff1c;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;padding-top:17px;display:grid}.balance-stats div{grid-template-columns:22px 1fr;align-items:center;display:grid}.balance-stats svg{color:#96dfb9}.balance-stats span{color:#aac1b2;font-size:10px}.balance-stats b{grid-column:2;font-size:14px}.section{margin-top:27px}.section-heading{justify-content:space-between;align-items:flex-end;margin:0 2px 12px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:18px}.section-heading button{color:#65806f;background:0 0;border:0;padding:4px;font-size:11px;font-weight:700}.rhythm-card{border:1px solid var(--line);background:#fff;border-radius:20px;align-items:center;gap:17px;padding:16px;display:flex;box-shadow:0 9px 25px #4d614f0a}.ring{background:conic-gradient(var(--mint) 0 42%,#edf1ec 42%);border-radius:50%;place-items:center;width:73px;height:73px;display:grid}.ring:after{content:"";background:#fff;border-radius:50%;width:53px;height:53px;position:absolute}.ring span{z-index:1;font-size:13px;font-weight:800}.rhythm-copy b{font-size:13px}.rhythm-copy p{color:var(--muted);margin:4px 0 10px;font-size:11px}.legend{color:#8b958e;gap:12px;font-size:9px;display:flex}.legend i{background:#dfe5de;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.legend i.mint{background:var(--mint)}.payment{background:#eaf2eb;border-radius:18px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.date{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:42px;height:45px;display:flex}.date b{font-size:15px}.date span{color:#849088;font-size:8px;font-weight:700}.payment>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.payment b{font-size:12px}.payment span{color:#7c8980;font-size:9px}.payment>strong{font-size:11px}.operations{margin-top:28px}.operation{grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:10px 2px;display:grid}.op-icon{color:#737f77;background:#eef1ee;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.op-icon.income{color:#2e8c60;background:#ddf3e5}.op-icon svg{width:17px}.operation>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.operation b{font-size:12px}.operation span{color:#8b958e;font-size:9px}.operation>strong{font-size:11px}.operation>strong.income{color:#2b9762}nav{z-index:5;width:min(480px,100%);height:84px;padding:12px 20px max(13px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfcf9ef;border-top:1px solid #e3e8e1;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#9aa39c;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:43px;font-size:8px;font-weight:700;display:flex}nav svg{width:20px}nav button.active{color:var(--green)}nav button.add{background:var(--green);color:#fff;border-radius:50%;justify-content:center;width:53px;min-width:53px;height:53px;margin-top:-28px;box-shadow:0 10px 25px #174d3938}nav button.add svg{width:24px}@media (width>=700px){body{padding:25px}.app-shell{border-radius:30px;min-height:calc(100vh - 50px);overflow:hidden}.app-shell nav{border-radius:0 0 30px 30px;bottom:25px}}.screen-content{animation:.25s fade-in}.header-actions{align-items:center;gap:8px;display:flex}.demo-pill{letter-spacing:.08em;text-transform:uppercase;color:#5d7566;background:#e7eee7;border-radius:8px;padding:5px 7px;font-size:8px;font-weight:800}.loader{min-height:100vh;color:var(--green);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.loader svg,.spin{animation:1s linear infinite spin}.loader b{font-size:20px}.loader span{color:var(--muted);font-size:11px}.ring{background:conic-gradient(var(--mint) 0 var(--progress,42%),#edf1ec var(--progress,42%))}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.quick-grid div{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:5px;padding:13px 14px;display:flex}.quick-grid span{color:var(--muted);font-size:9px}.quick-grid b{font-size:12px}.section-heading{margin-top:27px}.operations-list .operation+.operation,.operations-card .operation+.operation{border-top:1px solid #edf0ec}.page-title{margin:6px 2px 20px}.page-title h2{letter-spacing:-.06em;margin:0 0 7px;font-size:28px;line-height:1}.page-title p{color:var(--muted);margin:0;font-size:11px}.chips{scrollbar-width:none;gap:7px;padding-bottom:4px;display:flex;overflow:auto}.chips button{white-space:nowrap;border:1px solid var(--line);color:#758078;background:#fff;border-radius:12px;padding:8px 12px;font-size:10px;font-weight:700}.chips button.active{background:var(--green);border-color:var(--green);color:#fff}.group-label{text-transform:uppercase;letter-spacing:.13em;color:#909a93;margin:23px 2px 8px;font-size:9px;font-weight:800}.operations-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:4px 13px}.month-summary{color:var(--muted);justify-content:space-between;margin:12px 4px;font-size:11px;display:flex}.month-summary b{color:var(--ink)}.plan-overview{grid-template-columns:1fr 1fr;gap:10px;display:grid}.plan-overview>div{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:28px 1fr;align-items:center;padding:15px;display:grid}.plan-overview svg{color:#51906f;grid-row:1/3;width:20px}.plan-overview span{color:var(--muted);font-size:9px}.plan-overview b{font-size:11px}.timeline{position:relative}.timeline:before{content:"";background:#dce4dc;width:1px;position:absolute;top:24px;bottom:24px;left:54px}.timeline-item{grid-template-columns:43px 12px 1fr auto;align-items:center;gap:9px;padding:11px 0;display:grid}.timeline-date{flex-direction:column;align-items:center;display:flex}.timeline-date b{font-size:15px}.timeline-date span{text-transform:uppercase;color:var(--muted);font-size:7px}.timeline-item>i{z-index:1;background:#e19271;border:2px solid #f7f9f5;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #e19271}.timeline-item>i.income{background:#70be92;box-shadow:0 0 0 1px #70be92}.timeline-item>div:nth-child(3){flex-direction:column;gap:3px;display:flex}.timeline-item b,.timeline-item strong{font-size:10px}.timeline-item span{color:var(--muted);font-size:8px}.timeline-item strong.income{color:#2f9462}.goal-card{color:#fff;background:#173f32;border-radius:20px;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.goal-icon{background:#ffffff15;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.goal-icon svg{color:#9fe2bd;width:19px}.goal-card>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.goal-card b{font-size:11px}.goal-card span{color:#a9c4b3;font-size:8px}.goal-card>strong{font-size:12px}.progress{background:#ffffff1c;border-radius:5px;height:4px;margin-top:3px;overflow:hidden}.progress i{background:#99dfb8;width:52%;height:100%;display:block}.saving-card{background:linear-gradient(135deg,#efe9fa,#edf4e9);border-radius:20px;padding:18px;position:relative;overflow:hidden}.saving-card:after{content:"";background:#fff5;border-radius:50%;width:100px;height:100px;position:absolute;top:-40px;right:-25px}.saving-card span{color:#6c776f;font-size:10px}.saving-card strong{letter-spacing:-.06em;margin:4px 0;font-size:30px;display:block}.saving-card p{color:#63826d;margin:0;font-size:9px}.chart-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:17px}.bars{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:9px;height:150px;display:flex}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bar-group>div{align-items:flex-end;gap:3px;height:calc(100% - 22px);display:flex}.bar-group i{border-radius:5px 5px 1px 1px;width:6px;min-height:3px;display:block}.bar-group i.income{background:#6bc18f}.bar-group i.expense{background:#d9a088}.bar-group span{color:var(--muted);font-size:7px}.chart-legend{color:var(--muted);justify-content:center;gap:20px;margin-top:13px;font-size:8px;display:flex}.chart-legend i{border-radius:3px;width:7px;height:7px;margin-right:5px;display:inline-block}.chart-legend i.income{background:#6bc18f}.chart-legend i.expense{background:#d9a088}.category-list{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 15px}.category-list>div{grid-template-columns:9px 75px 1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.category-list>div+div{border-top:1px solid #edf0ec}.category-list b,.category-list strong{font-size:9px}.category-list>i{background:#edf0ec;border-radius:5px;height:4px;overflow:hidden}.category-list em{background:#82caa0;border-radius:5px;height:100%;display:block}.cat-dot{background:#82caa0;border-radius:50%;width:8px;height:8px}.cat-dot.c1{background:#7f70cf}.cat-dot.c2{background:#e0ac67}.cat-dot.c3{background:#d8847d}.couple-card{text-align:center;color:#fff;background:linear-gradient(145deg,#174334,#245d49);border-radius:23px;padding:22px}.couple-avatars{justify-content:center;display:flex}.couple-avatars span{background:#94d9b2;border:3px solid #1d4b3a;border-radius:50%;place-items:center;width:45px;height:45px;font-size:14px;font-weight:800;display:grid}.couple-avatars span+span{background:#d5c7f3;margin-left:-10px}.couple-card h2{margin:12px 0 3px;font-size:18px}.couple-card p{color:#adc8b7;margin:0 0 15px;font-size:9px}.couple-card button{color:#fff;background:#ffffff16;border:0;border-radius:12px;align-items:center;gap:7px;padding:9px 12px;font-size:9px;font-weight:700;display:inline-flex}.couple-card button svg{width:14px}.members,.settings-list{border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 14px}.members>div{align-items:center;gap:11px;padding:10px 0;display:flex}.members>div+div,.settings-list button+button{border-top:1px solid #edf0ec}.member-avatar{color:#26734d;background:#d8eee0;border-radius:12px;place-items:center;width:37px;height:37px;font-size:11px;font-weight:800;display:grid}.member-avatar.m1{color:#6959ae;background:#e8e1f6}.members div div{flex-direction:column;flex:1;gap:3px;display:flex}.members b{font-size:10px}.members small{color:var(--muted);font-size:8px}.members svg{color:#5eb282;width:14px}.settings-list button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;grid-template-columns:29px 1fr 16px;align-items:center;padding:11px 0;display:grid}.settings-list button>svg:first-child{color:#4f8369;width:18px}.settings-list button>svg:last-child{color:#a3aba5;width:14px}.settings-list button div{flex-direction:column;gap:3px;display:flex}.settings-list b{font-size:10px}.settings-list span{color:var(--muted);font-size:8px}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b18115c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(480px,100%);max-height:94vh;padding:9px 20px calc(22px + env(safe-area-inset-bottom));background:#f9fbf7;border-radius:27px 27px 0 0;animation:.27s sheet-up;overflow:auto}.sheet-handle{background:#d3dbd4;border-radius:5px;width:38px;height:4px;margin:0 auto 16px}.sheet-title{justify-content:space-between;display:flex}.sheet-title span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:700}.sheet-title h2{margin:3px 0 0;font-size:20px}.sheet-title button,.back{color:#6b766e;background:#edf1ec;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.sheet-title button svg,.back svg{width:17px}.type-toggle{background:#edf1ec;border-radius:13px;grid-template-columns:1fr 1fr;margin:19px 0 16px;padding:3px;display:grid}.type-toggle button{color:#808a83;background:0 0;border:0;border-radius:10px;padding:9px;font-size:10px;font-weight:700}.type-toggle button.active{color:#a35240;background:#fff;box-shadow:0 3px 10px #3c4b400c}.type-toggle button.active.income{color:#31865a}.sheet label,.onboarding label{flex-direction:column;gap:7px;margin:13px 0;display:flex}.sheet label>span,.onboarding label>span{color:#707b73;font-size:9px;font-weight:700}.sheet input,.sheet select,.onboarding input{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:13px;outline:none;padding:12px 13px;font-size:12px}.sheet input:focus,.sheet select:focus,.onboarding input:focus{border-color:#76b691}.amount-field{border:1px solid var(--line);background:#fff;border-radius:17px;padding:13px}.amount-field>div{grid-template-columns:1fr 76px;display:grid}.amount-field input,.amount-field select{border:0;padding:5px 0}.amount-field input{letter-spacing:-.04em;font-size:28px;font-weight:700}.amount-field select{text-align:center;background:#edf4ee;border-radius:10px;font-weight:800}.amount-field small{color:var(--muted);font-size:9px}.shared-row{justify-content:space-between;align-items:center;padding:12px 2px;display:flex}.shared-row>div{align-items:center;gap:10px;display:flex}.shared-row svg{color:#4a8668;width:18px}.shared-row span{flex-direction:column;gap:3px;display:flex}.shared-row b{font-size:10px}.shared-row small{color:var(--muted);font-size:8px}.shared-row>button{background:#dce2dc;border:0;border-radius:20px;width:38px;height:22px;padding:3px}.shared-row>button i{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.shared-row>button.on{background:#4f9c73}.shared-row>button.on i{transform:translate(16px)}.primary-button,.secondary-button{border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:11px;font-weight:800;display:flex}.primary-button{background:var(--green);color:#fff;box-shadow:0 10px 22px #1c503a2a}.primary-button:disabled{opacity:.45}.primary-button svg{width:17px}.secondary-button{color:#315a47;background:#e8eee8;margin-top:9px}.toast{z-index:40;color:#fff;white-space:nowrap;background:#173e31;border-radius:13px;align-items:center;gap:7px;padding:10px 14px;font-size:10px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 13px 35px #1a34266b}.toast svg{color:#91ddb2;width:15px}.onboarding{background:#f7f9f5;flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:auto;padding:70px 27px 35px;display:flex}.brand-mark{background:var(--green);color:#a5e4c0;border-radius:17px;place-items:center;width:49px;height:49px;margin-bottom:auto;font-size:20px;font-weight:800;display:grid}.onboarding h1{letter-spacing:-.065em;margin:45px 0 13px;font-size:33px;line-height:1.12}.onboarding p{color:var(--muted);margin:0 0 25px;font-size:12px;line-height:1.7}.onboarding .back{margin-bottom:10px}.onboarding label{margin:5px 0 20px}.onboarding .primary-button{margin-top:9px}nav{gap:2px;padding-left:10px;padding-right:10px}nav button{min-width:38px}nav button.add{width:48px;min-width:48px;height:48px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(50px)}}@media (width>=700px){.sheet{border-radius:27px}.sheet-backdrop{align-items:center}.onboarding{border-radius:30px;min-height:calc(100vh - 50px);margin-top:25px}}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif}.install-banner{background:#e4f2e8;border:1px solid #cfe4d5;border-radius:17px;grid-template-columns:1fr auto 24px;align-items:center;gap:8px;margin:0 0 16px;padding:10px 10px 10px 12px;display:grid}.install-banner>div{align-items:center;gap:9px;min-width:0;display:flex}.install-banner svg{color:#377b5a;flex:none;width:19px}.install-banner span{flex-direction:column;gap:2px;min-width:0;display:flex}.install-banner b{font-size:10px}.install-banner small{color:#688071;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.install-banner>button{background:var(--green);color:#fff;border:0;border-radius:10px;padding:8px 9px;font-size:8px;font-weight:800}.install-banner>button.install-close{color:#829087;background:0 0;padding:2px}.install-banner>button.install-close svg{width:15px}.telegram-context{color:#77857c;align-items:center;gap:6px;margin-bottom:6px;font-size:8px;display:flex}.telegram-context i{background:#56ad78;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #56ad7817}.telegram-context i.offline{background:#d49b63}.empty-state{text-align:center;background:#fff;border:1px dashed #d8e0d8;border-radius:20px;flex-direction:column;align-items:center;gap:7px;padding:24px 20px;display:flex}.empty-state>div{color:#4b8468;background:#eaf2eb;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.empty-state svg{width:19px}.empty-state b{font-size:11px}.empty-state span{max-width:260px;color:var(--muted);font-size:9px;line-height:1.55}.partner-form{grid-template-columns:1fr auto;gap:8px;margin-top:9px;display:grid}.partner-form input{border:1px solid var(--line);min-width:0;font:inherit;background:#fff;border-radius:13px;padding:11px 12px;font-size:10px}.partner-form button{background:var(--green);color:#fff;border:0;border-radius:13px;align-items:center;gap:5px;padding:9px 12px;font-size:9px;font-weight:800;display:flex}.partner-form svg{width:14px}.hidden-file{display:none}.onboarding-kicker{text-transform:uppercase;letter-spacing:.18em;color:#59816a;margin-top:32px;font-size:9px;font-weight:800}.onboarding>small{text-align:center;color:var(--muted);margin-top:13px;font-size:9px;display:block}.onboarding label span small{color:#9aa39d;font-weight:500}.screen-content{padding-bottom:max(0px,env(safe-area-inset-bottom))}@media (width<=370px){.install-banner{grid-template-columns:1fr 24px}.install-banner>button:not(.install-close){display:none}.app-shell{padding-left:13px;padding-right:13px}}
