:root{color:#17212b;background:#f2f4f3;font-family:Manrope,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #17212b;--navy-soft: #243140;--paper: #ffffff;--canvas: #f2f4f3;--canvas-strong: #e8ecea;--line: #d9dfdc;--muted: #6a746f;--teal: #2a7f72;--teal-strong: #20675d;--teal-soft: #e6f2ef;--coral: #c85d46;--coral-soft: #fbece8;--gold: #b17a22;--gold-soft: #faf2de;--green: #27764b;--green-soft: #e8f3ec;--radius: 8px;--sidebar-width: 244px;--topbar-height: 72px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),var(--canvas);background-size:100% 32px}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(42,127,114,.22);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--navy);color:#f8faf9;padding:22px 16px;display:flex;flex-direction:column;z-index:40}.brand-block{min-height:52px;padding:0 8px;display:flex;align-items:center;gap:12px}.brand-block strong{display:block;font-size:18px;line-height:1.2}.brand-block span{display:block;color:#9dacb8;font-size:11px;margin-top:3px}.brand-mark{width:38px;height:38px;border-radius:var(--radius);display:grid;place-items:center;background:var(--teal);color:#fff;flex:0 0 auto}.brand-mark.large{width:54px;height:54px}.side-nav{display:grid;gap:5px;margin-top:34px}.side-nav button{width:100%;min-height:46px;border:0;border-radius:var(--radius);background:transparent;color:#aebac4;padding:0 13px;display:flex;align-items:center;gap:12px;text-align:left;transition:background .15s ease,color .15s ease,transform .15s ease}.side-nav button:hover{color:#fff;background:#ffffff0f}.side-nav button.active{color:#fff;background:var(--teal);font-weight:700}.side-nav button:active{transform:scale(.98)}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 4px 0;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:9px}.sidebar-user .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f0dcae;color:#6a4b16;font-weight:800}.sidebar-user strong,.sidebar-user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{font-size:12px}.sidebar-user span{margin-top:3px;color:#90a0ad;font-size:10px}.sidebar .icon-button{color:#aebac4}.main-area{grid-column:2;min-width:0}.topbar{height:var(--topbar-height);position:sticky;top:0;z-index:20;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffe8;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-title span,.topbar-title strong{display:block}.topbar-title span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.topbar-title strong{margin-top:3px;font-size:16px}.month-control{height:40px;padding:0 3px;display:flex;align-items:center;gap:2px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius)}.month-label{width:150px;color:var(--navy);text-align:center;font-size:12px;font-weight:700}.icon-button{width:36px;height:36px;border:0;border-radius:var(--radius);display:inline-grid;place-items:center;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--canvas-strong);color:var(--navy)}.mobile-menu-button,.bottom-nav,.menu-backdrop{display:none}.workspace{width:min(1240px,100%);margin:0 auto;padding:34px 30px 54px;transition:opacity .15s ease}.workspace.is-loading{opacity:.62;pointer-events:none}.page-stack{display:grid;gap:24px}.page-enter{animation:page-enter .24s ease both}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-heading{min-height:64px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{display:block;color:var(--teal-strong);font-size:11px;font-weight:900;text-transform:uppercase}.page-heading h1{margin:5px 0 0;max-width:720px;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:0}.heading-actions{display:flex;align-items:center;gap:9px}.primary-button,.secondary-button,.danger-button{min-height:42px;border-radius:var(--radius);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary-button{background:var(--teal);color:#fff}.primary-button:hover{background:var(--teal-strong);box-shadow:0 9px 24px #2a7f7233;transform:translateY(-1px)}.secondary-button{background:var(--paper);color:var(--navy);border-color:var(--line)}.secondary-button:hover{border-color:#bac5bf;transform:translateY(-1px)}.danger-button{background:var(--coral-soft);color:var(--coral);border-color:#f2c8be}.wide{width:100%}.balance-strip{min-height:152px;background:var(--navy);color:#fff;border-radius:var(--radius);display:grid;grid-template-columns:1.35fr repeat(3,1fr);overflow:hidden;box-shadow:0 18px 42px #17212b29}.balance-strip>div{min-width:0;padding:25px 24px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.11)}.balance-strip>div:first-child{border-left:0;background:var(--teal)}.balance-strip span{color:#b6c1c9;font-size:12px;font-weight:700}.balance-strip>div:first-child span,.balance-strip>div:first-child small{color:#d3ece7}.balance-strip strong{display:block;margin-top:8px;font-size:clamp(22px,2.5vw,34px);line-height:1;overflow-wrap:anywhere}.balance-strip>div:not(:first-child) strong{font-size:clamp(20px,2vw,27px)}.balance-strip small{margin-top:8px;color:#8e9ca7;font-size:11px}.negative{color:#f0a28f!important}.income-text{color:var(--green)!important}.balance-strip .income-text{color:#8cd2a8!important}.dashboard-columns,.members-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.members-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.section-block{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.section-title{min-height:68px;padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.section-title h2{margin:0;color:var(--navy);font-size:16px}.section-title span{display:block;margin-top:3px;font-size:11px}.item-list{display:grid}.list-row{min-height:72px;padding:10px 15px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #e8ecea;transition:background .12s ease}.list-row:last-child{border-bottom:0}.list-row:hover{background:#f8faf9}.list-row.completed .row-content strong,.list-row.completed .row-content span{opacity:.58}.check-button{width:31px;height:31px;padding:0;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;color:#9aa49f}.check-button.checked{background:var(--green);border-color:var(--green);color:#fff}.row-content{min-width:0;border:0;background:transparent;padding:4px 0;text-align:left}.row-content strong,.row-content span{display:block}.row-content strong{color:var(--navy);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.row-content span{margin-top:5px;color:var(--muted);font-size:11px}.date-badge{padding:5px 8px;border-radius:var(--radius);background:var(--gold-soft);color:var(--gold);font-size:10px;font-weight:800;white-space:nowrap}.row-amount{max-width:140px;color:var(--coral);font-size:13px;text-align:right;overflow-wrap:anywhere}.empty-state{min-height:190px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#96a09b}.empty-state strong{margin-top:12px;color:#53605a;font-size:14px}.empty-state span{margin-top:5px;max-width:290px;font-size:12px;line-height:1.5}.segmented-control{width:fit-content;min-height:40px;padding:3px;display:flex;background:var(--canvas-strong);border-radius:var(--radius)}.segmented-control button{min-width:92px;min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.segmented-control button.active{background:#fff;color:var(--navy);box-shadow:0 3px 10px #17212b14}.full-list .list-row{min-height:78px;padding-left:20px;padding-right:20px}.finance-summary{min-height:104px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.finance-summary>div{padding:20px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.finance-summary>div:first-child{border-left:0}.finance-summary span{color:var(--muted);font-size:11px;font-weight:700}.finance-summary strong{margin-top:7px;font-size:clamp(19px,2.4vw,28px);overflow-wrap:anywhere}.timeline{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.timeline-day{min-height:94px;display:grid;grid-template-columns:110px minmax(0,1fr);border-bottom:1px solid var(--line)}.timeline-day:last-child{border-bottom:0}.timeline-date{padding:18px;display:flex;flex-direction:column;justify-content:flex-start;background:#f7f9f8;border-right:1px solid var(--line)}.timeline-date strong{font-size:18px}.timeline-date span{margin-top:4px;color:var(--muted);font-size:11px}.timeline-events{padding:10px 18px;display:grid}.timeline-event{min-height:62px;display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid #edf0ef}.timeline-event:last-child{border-bottom:0}.event-dot{width:8px;height:8px;border-radius:50%;background:var(--teal)}.timeline-event.expense .event-dot{background:var(--coral)}.timeline-event.income .event-dot{background:var(--green)}.timeline-event strong,.timeline-event span{display:block}.timeline-event strong{font-size:13px}.timeline-event span{margin-top:4px;color:var(--muted);font-size:11px}.member-list{display:grid}.member-row{min-height:64px;padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8ecea}.member-row:last-child{border-bottom:0}.member-color{width:30px;height:30px;border-radius:50%}.member-row strong{font-size:13px}.simple-form{padding:18px;display:grid;gap:14px}.simple-form label,.modal-form label,.login-panel label{color:#47534d;font-size:12px;font-weight:800}.simple-form input,.modal-form input,.modal-form select,.modal-form textarea,.login-panel input{width:100%;min-height:43px;margin-top:7px;border:1px solid #cbd3cf;border-radius:var(--radius);background:#fff;padding:9px 11px;color:var(--navy)}.modal-form textarea{min-height:86px;resize:vertical}.simple-form input[type=color]{width:64px;padding:4px}.modal-backdrop{position:fixed;inset:0;z-index:70;padding:22px;display:grid;place-items:center;background:#0c13198f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .15s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:min(620px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:var(--radius);box-shadow:0 28px 80px #0c131947;animation:modal-enter .18s ease both}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.modal>header{min-height:62px;padding:0 16px 0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal h2{margin:0;font-size:18px}.modal-form{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-wide,.type-selector,.modal-actions{grid-column:1 / -1}.type-selector{padding:3px;display:grid;grid-template-columns:1fr 1fr;background:var(--canvas-strong);border-radius:var(--radius)}.type-selector button{min-height:39px;border:0;border-radius:6px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.type-selector button.active{background:var(--coral-soft);color:var(--coral);box-shadow:0 3px 10px #17212b12}.type-selector button.active.income{background:var(--green-soft);color:var(--green)}.modal-actions{padding-top:5px;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px}.form-error{padding:11px 12px;border:1px solid #efc2b9;border-radius:var(--radius);background:var(--coral-soft);color:#9b402e;font-size:12px;line-height:1.45}.toast{position:fixed;right:22px;bottom:22px;z-index:90;max-width:min(360px,calc(100vw - 44px));padding:13px 16px;border-radius:var(--radius);background:var(--navy);color:#fff;box-shadow:0 15px 40px #17212b40;font-size:13px;font-weight:700;animation:toast-enter .18s ease both}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr);background:var(--navy)}.login-brand{min-height:100vh;padding:clamp(36px,8vw,112px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(115deg,#2a7f72bf,#17212b2e 58%),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 28px),var(--navy)}.login-brand>div:last-child{max-width:720px}.login-brand span{color:#b8e2d9;font-size:12px;font-weight:900}.login-brand h1{margin:15px 0 0;max-width:690px;font-size:clamp(42px,6.8vw,82px);line-height:.98;letter-spacing:0}.login-brand p{max-width:540px;margin:22px 0 0;color:#bac5cc;font-size:17px;line-height:1.55}.login-panel{min-height:100vh;padding:42px;display:grid;place-items:center;background:#f7f8f7}.login-panel form{width:min(390px,100%);display:grid;gap:18px}.login-panel h2{margin:6px 0 0;font-size:32px}.login-panel input{min-height:49px;background:#fff}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--navy);color:#fff}.loading-screen strong{font-size:20px}@media(max-width:920px){:root{--topbar-height: 62px}.app-shell{display:block}.main-area{min-height:100vh;padding-bottom:70px}.sidebar{transform:translate(-100%);transition:transform .18s ease}.sidebar.mobile-open{transform:translate(0)}.menu-backdrop{display:block;position:fixed;inset:0;z-index:35;border:0;background:#0c131975}.mobile-menu-button{display:inline-grid}.topbar{padding:0 14px}.topbar-title{flex:1}.month-label{width:126px}.workspace{padding:24px 16px 34px}.bottom-nav{height:66px;position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{border:0;background:transparent;color:#7d8782;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bottom-nav button.active{color:var(--teal)}.bottom-nav span{font-size:9px;font-weight:800}.balance-strip{grid-template-columns:1fr 1fr}.balance-strip>div:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.11)}.balance-strip>div:nth-child(4){border-top:1px solid rgba(255,255,255,.11)}.dashboard-columns,.members-layout,.login-page{grid-template-columns:1fr}.login-brand{min-height:43vh;padding:34px 24px}.login-brand h1{font-size:clamp(38px,12vw,64px)}.login-panel{min-height:57vh;padding:34px 24px}}@media(max-width:600px){.topbar-title span{display:none}.topbar-title strong{margin-top:0;font-size:13px}.month-control{height:38px}.month-label{width:82px;font-size:10px;line-height:1.15}.month-control .icon-button{width:30px}.page-heading{align-items:stretch;flex-direction:column}.heading-actions{display:grid;grid-template-columns:1fr 1fr}.heading-actions>button,.page-heading>button{width:100%}.balance-strip{grid-template-columns:1fr 1fr}.balance-strip>div{min-height:116px;padding:18px 15px}.balance-strip strong,.balance-strip>div:not(:first-child) strong{font-size:20px}.finance-summary{grid-template-columns:1fr}.finance-summary>div{min-height:82px;border-left:0;border-top:1px solid var(--line)}.finance-summary>div:first-child{border-top:0}.segmented-control{width:100%}.segmented-control button{min-width:0;flex:1}.list-row{grid-template-columns:34px minmax(0,1fr)}.date-badge,.row-amount{grid-column:2;justify-self:start;max-width:100%;margin-top:-5px;text-align:left}.timeline-day{grid-template-columns:72px minmax(0,1fr)}.timeline-date{padding:14px 10px}.timeline-events{padding:8px 12px}.modal-backdrop{padding:0;align-items:end}.modal{width:100%;max-height:94vh;border-radius:var(--radius) var(--radius) 0 0}.modal-form{grid-template-columns:1fr}.field-wide,.type-selector,.modal-actions{grid-column:1}.modal-actions{grid-template-columns:1fr 1fr}.modal-actions>span{display:none}.modal-actions .danger-button{grid-column:1 / -1;order:3}.login-brand{min-height:38vh}.login-brand p{font-size:14px}.login-panel{min-height:62vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}