:root{--paper:#f6f5ef;--card:#fffefa;--ink:#233731;--muted:#7a817a;--green:#164c47;--green-light:#e8efea;--line:#e3e6dd;--orange:#c6784e;--orange-light:#f5e6d8;--shadow:0 8px 30px #27352a04;--radius:19px;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c6784e88;outline-offset:3px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:42px;letter-spacing:-1.5px;line-height:1.1}h2{font-size:25px;letter-spacing:-.6px}h3{font-size:15px;font-weight:600}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.initial-loading{height:100vh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;color:var(--muted)}.brand-mark{font-family:Georgia,serif;font-size:33px;letter-spacing:-5px;font-style:italic;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding-right:5px;background:var(--green);color:#fffefa}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;display:flex;flex-direction:column;padding:32px 21px 23px;border-right:1px solid var(--line);background:var(--card);z-index:20}.brand{display:flex;align-items:center;gap:13px;padding-left:8px}.brand-word{font-family:Georgia,serif;font-size:25px;letter-spacing:-.8px}.brand-sub{display:block;font-family:inherit;font-size:9px;letter-spacing:2.1px;text-transform:uppercase;color:var(--muted);margin-top:5px}.nav-caption{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);padding:0 16px;margin:49px 0 16px}.main-nav{display:flex;flex-direction:column;gap:6px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:11px;text-align:left;color:var(--muted);font-size:13px;font-weight:500}.nav-item.active{background:var(--green-light);color:var(--green);font-weight:600}.nav-item.active:after{content:"";height:5px;width:5px;border-radius:50%;background:var(--green);margin-left:auto}.nav-item:hover{background:var(--green-light);color:var(--green)}.sidebar-foot{margin-top:auto}.family-card{border:1px solid var(--line);padding:17px 16px;border-radius:14px;margin:26px 8px 24px;background:var(--paper)}.family-card .icon{color:var(--orange);width:23px;height:23px;margin-bottom:11px}.family-card p{font-family:Georgia,serif;font-size:17px;margin-bottom:7px}.family-card small{font-size:11px;color:var(--muted);line-height:1.5;display:block}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:22px 7px 0}.avatar{width:34px;height:34px;border-radius:50%;background:var(--orange-light);color:#926644;display:grid;place-items:center;font-size:11px;font-weight:600}.profile-text{flex:1;min-width:0}.profile-text strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile-text small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.icon-button{background:transparent;border:0;padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted)}.icon-button:hover{background:var(--green-light);color:var(--green)}.main{grid-column:2;min-width:0}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:9px;align-items:center}.breadcrumb strong{font-weight:500;color:var(--ink)}.breadcrumb .icon{height:12px;width:12px}.topbar-right{display:flex;gap:16px;align-items:center}.today-date{font-size:11px;color:var(--muted);text-transform:capitalize}.privacy-badge{display:flex;gap:6px;align-items:center;color:var(--green);font-size:10px;letter-spacing:.2px}.privacy-badge .icon{width:13px;height:13px}.content{max-width:1460px;padding:39px 44px 38px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:1.9px;font-size:9px;color:var(--orange);font-weight:600;margin-bottom:13px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{color:var(--muted);font-size:12px;margin-top:13px;line-height:1.6}.page-heading-actions{display:flex;align-items:center;gap:10px;padding-top:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:11px;font-weight:600;white-space:nowrap;min-height:40px}.btn .icon{width:16px;height:16px}.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-primary:hover{background:#21605a}.btn-ghost{background:transparent}.btn-danger{color:#a44539;border-color:#a4453933}.btn-small{padding:8px 12px;font-size:10px;min-height:33px}.welcome-panel{display:flex;position:relative;justify-content:space-between;overflow:hidden;border-radius:var(--radius);background:var(--green);color:#fffefa;padding:27px 30px;margin-bottom:25px;min-height:144px}.welcome-panel .eyebrow{color:#d2d8ab;font-size:8px;letter-spacing:1.8px;margin-bottom:14px}.welcome-panel h2{font-size:29px;max-width:470px;line-height:1.25}.welcome-panel p{font-size:11px;color:#bfd0c7;margin-top:13px;max-width:430px;line-height:1.6}.welcome-panel .welcome-side{position:relative;display:flex;align-items:center;gap:20px;z-index:1;min-width:250px;justify-content:flex-end}.welcome-number{font-size:38px;letter-spacing:-1.4px;font-family:Georgia,serif}.welcome-number small{font-family:inherit;font-size:13px;letter-spacing:0}.welcome-label{font-size:9px;color:#bfd0c7;letter-spacing:.8px;display:block;margin-top:9px;text-transform:uppercase}.welcome-decoration{position:absolute;right:-13px;top:-61px;width:215px;height:240px;border:1px solid #ffffff12;border-radius:50%;transform:rotate(-30deg)}.welcome-decoration:after,.welcome-decoration:before{content:"";position:absolute;inset:20px;border:1px solid #ffffff12;border-radius:50%}.welcome-decoration:after{inset:44px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:20px 20px 18px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:var(--muted)}.stat-symbol{width:29px;height:29px;border-radius:9px;background:var(--green-light);display:grid;place-items:center;color:var(--green)}.stat-symbol.orange{background:var(--orange-light);color:var(--orange)}.stat-symbol .icon{height:15px;width:15px}.stat-value{margin:15px 0 10px;font-family:Georgia,serif;font-size:26px;letter-spacing:-.6px;white-space:nowrap}.stat-value small{font-family:inherit;font-size:13px;color:var(--muted);letter-spacing:0}.stat-note{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.stat-note .dot{height:5px;width:5px;background:var(--green);border-radius:50%}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:21px;align-items:start}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 20px;gap:12px}.panel-heading h2{font-size:21px}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:10px;border:0;background:transparent;padding:5px 0;font-weight:500}.text-link .icon{height:14px;width:14px}.panel-subtitle{font-size:10px;color:var(--muted);margin-top:6px}.panel-body{padding:0 24px 24px}.budget-overview{display:flex;gap:29px;align-items:center;padding:10px 4px 26px}.donut{height:141px;width:141px;border-radius:50%;background:var(--line);position:relative;flex-shrink:0;display:grid;place-items:center}.donut:after{content:"";position:absolute;inset:18px;background:var(--card);border-radius:50%}.donut-label{position:relative;z-index:1;text-align:center}.donut-label strong{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400}.donut-label small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.budget-legend{flex:1}.legend-row{display:flex;align-items:center;gap:9px;font-size:10px;padding:9px 0;color:var(--muted)}.legend-dot{height:7px;width:7px;border-radius:50%;background:var(--green)}.legend-row strong{margin-left:auto;font-size:11px;font-weight:500;color:var(--ink)}.transactions-preview{border-top:1px solid var(--line);padding-top:19px}.section-mini{font-size:9px;color:var(--muted);letter-spacing:1.1px;text-transform:uppercase;margin-bottom:8px}.transaction-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.transaction-row:last-child{border-bottom:0}.transaction-symbol{height:34px;width:34px;flex-shrink:0;background:var(--green-light);border-radius:10px;display:grid;place-items:center;color:var(--green)}.transaction-symbol.expense{background:var(--orange-light);color:var(--orange)}.transaction-symbol .icon{height:16px;width:16px}.transaction-text{flex:1;min-width:0}.transaction-text strong{display:block;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-text small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.transaction-amount{font-size:11px;font-weight:600;white-space:nowrap}.transaction-amount.positive{color:var(--green)}.transaction-row .row-actions{display:flex;gap:2px}.row-actions .icon-button{padding:6px}.row-actions .icon{height:14px;width:14px}.stack{display:grid;gap:21px}.event-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.event-row:last-child{border:0;padding-bottom:0}.event-date{width:42px;height:46px;border-radius:10px;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--green);flex-shrink:0}.event-date strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.event-date small{font-size:8px;letter-spacing:.5px;text-transform:uppercase;margin-top:3px}.event-details{flex:1;min-width:0}.event-details strong{display:block;font-size:11px;font-weight:500}.event-details small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.tag{font-size:8px;padding:5px 7px;border-radius:5px;background:var(--green-light);color:var(--green);white-space:nowrap}.check-row{display:flex;gap:10px;align-items:center;padding:10px 0;font-size:11px}.check-row input{accent-color:var(--green);height:16px;width:16px;cursor:pointer;margin:0}.check-row.done span{color:var(--muted);text-decoration:line-through}.check-row>span{flex:1;line-height:1.45}.list-progress{font-size:9px;color:var(--muted);margin-top:4px}.progress-track{height:4px;background:var(--line);border-radius:4px;margin-top:13px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:4px}.quick-section{margin-top:29px}.quick-section .section-mini{margin-bottom:13px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick-action{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid var(--line);border-radius:12px;padding:15px;text-align:left}.quick-action>.icon{height:19px;width:19px;color:var(--green)}.quick-action>span{flex:1}.quick-action strong{display:block;font-size:10px;font-weight:500}.quick-action small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.quick-action .arrow{height:13px;width:13px;color:var(--muted)}.quick-action:hover{background:var(--card);border-color:#164c4755}.page-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px;margin-top:31px;padding-top:19px;border-top:1px solid var(--line)}.page-footer span{display:flex;align-items:center;gap:5px}.page-footer .icon{height:11px;width:11px}.empty-state{text-align:center;padding:32px 12px 34px;color:var(--muted)}.empty-state>.icon{height:31px;width:31px;color:var(--green);margin-bottom:12px;opacity:.7}.empty-state h3{font-size:12px;font-weight:500;color:var(--ink);margin-bottom:8px}.empty-state p{font-size:10px;line-height:1.7;max-width:310px;margin:0 auto 15px}.empty-state .text-link{font-size:10px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:25px;overflow-x:auto;scrollbar-width:none}.tab{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:14px 15px 17px;font-size:12px;border-bottom:2px solid transparent}.tab.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.filter-row{display:flex;gap:10px;align-items:center}.select-small,.search-input{border:1px solid var(--line);border-radius:9px;background:var(--card);padding:10px 12px;color:var(--ink);font-size:11px;min-height:39px}.search-wrap{position:relative}.search-wrap .icon{position:absolute;left:11px;top:11px;width:16px;height:16px;color:var(--muted)}.search-input{padding-left:35px;width:220px}.subheading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:28px 0 15px}.subheading h2{font-size:24px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-card{padding:22px;position:relative}.account-card .row-actions{position:absolute;right:12px;top:12px;display:flex}.account-card .stat-symbol{height:36px;width:36px;margin-bottom:19px}.account-card h3{font-size:14px;margin-bottom:7px}.account-card .account-owner{font-size:10px;color:var(--muted)}.account-card .account-balance{font-family:Georgia,serif;font-size:30px;margin:23px 0 16px;letter-spacing:-.6px}.account-card .account-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.account-card .account-bottom .text-link{font-size:9px}.table-panel .panel-body{padding-top:2px}.finance-total{background:var(--green-light);color:var(--green);padding:12px 17px;border-radius:10px;font-size:11px;font-weight:600}.person-details{display:flex;gap:20px;font-size:10px;color:var(--muted);margin-top:15px}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.note-card{min-height:210px;padding:23px;display:flex;flex-direction:column}.note-card:nth-child(3n+2){background:#f5eadc}.note-card:nth-child(3n+3){background:#eaf0e8}.note-card h2{font-size:23px;margin:13px 0}.note-card p{font-size:12px;line-height:1.8;color:var(--muted);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.note-card .note-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:25px;color:var(--muted);font-size:9px}.list-card .panel-heading{padding-bottom:12px}.list-card .list-add{display:flex;gap:8px;margin-top:20px}.list-add input{min-width:0;flex:1;padding:9px 11px;font-size:11px}.list-add .btn{min-height:34px;padding:8px 10px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-toolbar h2{text-transform:capitalize;font-size:25px}.calendar-controls{display:flex;align-items:center;gap:8px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{padding:15px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;text-align:center;background:var(--paper);border-bottom:1px solid var(--line)}.calendar-cell{min-height:116px;padding:11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.other-month{opacity:.45}.calendar-cell .day-number{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;font-size:10px;margin-bottom:8px}.calendar-cell.today .day-number{background:var(--green);color:white}.calendar-event{display:block;width:100%;border:0;padding:6px 7px;font-size:9px;text-align:left;background:var(--green-light);color:var(--green);border-radius:5px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event.family{background:var(--orange-light);color:#8d5b3f}.calendar-cell .calendar-add{border:0;background:none;color:var(--muted);font-size:12px;opacity:0;padding:3px}.calendar-cell:hover .calendar-add,.calendar-cell:focus-within .calendar-add{opacity:1}.settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px}.setting-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row>div{flex:1}.setting-row h3{font-size:11px;margin-bottom:6px}.setting-row p{font-size:10px;color:var(--muted);line-height:1.6}.member-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.member-row:last-child{border-bottom:0}.member-row .profile-text strong{font-size:11px}.member-row .profile-text small{font-size:9px}.notice{padding:17px 20px;background:var(--orange-light);border-radius:12px;color:#875737;font-size:11px;line-height:1.7;margin-bottom:20px}.notice strong{display:block;margin-bottom:4px}.preview-banner{background:#eddfc4;color:#785a31;text-align:center;padding:9px 15px;font-size:10px;letter-spacing:.25px;position:relative;z-index:25}.preview-banner button{border:0;background:none;text-decoration:underline;font-size:10px;margin-left:13px;color:inherit}.conflict-banner{display:flex;align-items:center;gap:12px;background:var(--orange-light);padding:16px 20px;border:1px solid #c6784e66;border-radius:12px;margin-bottom:22px;font-size:11px;line-height:1.6}.conflict-banner p{flex:1}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--green);color:white;padding:13px 20px;border-radius:12px;font-size:12px;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 100px #0003;width:min(550px,calc(100% - 32px));padding:0;max-height:90dvh}dialog::backdrop{background:#122e2b66;backdrop-filter:blur(4px)}.modal-header{padding:24px 27px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h2{font-size:28px}.modal-form{padding:24px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:500}.field input,.field select,.field textarea,.list-add input{border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:12px;width:100%;min-height:43px}.field textarea{resize:vertical;min-height:130px;line-height:1.6}.field small{font-size:9px;color:var(--muted);line-height:1.6}.form-error{color:#a44539;font-size:11px;line-height:1.6;margin-top:17px;min-height:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:19px;border-top:1px solid var(--line)}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--green);color:var(--card);display:flex;flex-direction:column;position:relative;overflow:hidden;padding:53px 64px}.login-story .brand-mark{background:#ffffff18}.login-story .brand-sub{color:#abc4bb}.login-story-content{margin:auto 0;max-width:410px;padding:55px 0}.login-story .eyebrow{color:#d2d8ab}.login-story h1{font-size:61px;line-height:1.1;letter-spacing:-2px}.login-story-content p{font-size:13px;line-height:1.8;color:#bfd0c7;margin-top:25px;max-width:350px}.login-features{display:flex;gap:25px;margin-top:40px;font-size:10px;color:#c9d7ce}.login-features span{display:flex;align-items:center;gap:7px}.login-features .icon{width:15px;height:15px}.login-story .welcome-decoration{width:460px;height:560px;right:-180px;top:48%;pointer-events:none}.login-story-footer{font-size:10px;color:#abc4bb;display:flex;align-items:center;gap:8px}.login-story-footer .icon{width:13px;height:13px}.login-side{display:flex;align-items:center;justify-content:center;padding:60px 45px;position:relative}.login-card{width:100%;max-width:340px}.login-card h2{font-size:36px}.login-card>p{color:var(--muted);font-size:12px;margin-top:15px;line-height:1.8;margin-bottom:31px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .btn{margin-top:5px;min-height:47px}.login-note{text-align:center;color:var(--muted);font-size:9px;line-height:1.8;margin-top:26px}.login-theme{position:absolute;top:28px;right:28px}.mobile-brand{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hidden{display:none!important}.danger-zone{margin-top:20px}.event-list-mobile{display:none}.loading-inline{padding:20px;color:var(--muted);font-size:11px}.finance-empty{min-height:280px;display:grid;place-items:center}.legacy-details{font-size:10px;color:var(--muted);line-height:1.8}.legacy-details summary{cursor:pointer;color:var(--green);font-size:12px;padding:12px 0}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.help-copy{font-size:11px;line-height:1.8;color:var(--muted)}.help-copy code{font-size:10px;background:var(--paper);padding:2px 5px;border-radius:4px}.balance-meta{color:var(--muted);font-size:10px;margin-top:8px}
[data-theme="dark"]{--paper:#152622;--card:#1b302b;--ink:#e2e9de;--muted:#a0b1a6;--green:#9bc5b5;--green-light:#29443a;--line:#33483c;--orange:#d5a07e;--orange-light:#493e32;--shadow:none;color-scheme:dark}[data-theme="dark"] .btn-primary,[data-theme="dark"] .brand-mark,[data-theme="dark"] .calendar-cell.today .day-number{color:#102b23}[data-theme="dark"] .welcome-panel,[data-theme="dark"] .login-story{background:#103b32}[data-theme="dark"] .note-card:nth-child(3n+2){background:#393b2d}[data-theme="dark"] .note-card:nth-child(3n+3){background:#263d33}[data-theme="dark"] .preview-banner{background:#493e32;color:#e2be92}[data-theme="dark"] .notice,[data-theme="dark"] .conflict-banner{color:#e2be92}[data-theme="dark"] .toast{color:#102b23}
@media(min-width:1600px){.content{padding-top:49px}.welcome-panel{min-height:170px}.welcome-panel h2{font-size:33px}.stat-card{padding:25px}.stat-value{font-size:32px}.dashboard-grid{gap:25px}.panel-heading{padding:26px 28px}.panel-body{padding:0 28px 26px}.budget-overview{padding-top:15px;padding-bottom:35px}.donut{height:165px;width:165px}}
@media(max-width:1200px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:30px 15px 22px}.brand{gap:10px}.brand-word{font-size:22px}.brand-mark{height:43px;width:43px;font-size:30px}.content{padding:32px 28px}.topbar{padding:0 28px}.welcome-panel{padding:25px}.welcome-panel .welcome-side{min-width:195px}.stat-grid{gap:11px}.stat-card{padding:17px 16px}.stat-value{font-size:23px}.dashboard-grid{gap:17px;grid-template-columns:1.35fr 1fr}.panel-heading{padding:21px 20px}.panel-body{padding:0 20px 20px}.budget-overview{gap:20px}.donut{height:120px;width:120px}.donut:after{inset:15px}.donut-label strong{font-size:21px}.quick-action{padding:12px;gap:9px}.quick-action small{display:none}.cards-grid,.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-cell{min-height:105px;padding:8px}.settings-grid{grid-template-columns:1fr}.login-story{padding:40px}.login-story h1{font-size:51px}}
@media(max-width:960px){.app-shell{grid-template-columns:184px minmax(0,1fr)}.sidebar{width:184px;padding:25px 12px 18px}.brand-word{font-size:19px}.brand{gap:8px}.brand-sub{font-size:7px}.nav-item{font-size:12px;padding:12px;gap:10px}.family-card{padding:15px 11px;margin-left:2px;margin-right:2px}.family-card p{font-size:16px}.today-date{display:none}.content{padding:29px 23px}.topbar{height:72px;padding:0 23px}h1{font-size:36px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:29px}.dashboard-grid{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr;gap:17px}.budget-overview{gap:40px;padding-top:12px}.donut{height:145px;width:145px}.welcome-panel h2{font-size:25px}.welcome-panel .welcome-side{min-width:165px}.welcome-number{font-size:30px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-action small{display:block}.page-heading{gap:15px}.page-heading-actions .btn{padding:10px 12px;font-size:10px}.calendar-cell{min-height:95px;padding:5px}.calendar-event{font-size:8px;padding:5px}.search-input{width:180px}.login-features{gap:14px}.login-story h1{font-size:44px}.login-side{padding:45px 30px}}
@media(max-width:720px){:root{font-size:14px}.app-shell{display:block}.sidebar{inset:auto 0 0;width:100%;height:72px;padding:0 8px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--line);background:var(--card)}.sidebar>.brand,.nav-caption,.sidebar-foot{display:none}.main-nav{flex-direction:row;justify-content:space-around;height:100%;gap:0;overflow-x:auto}.nav-item{flex-direction:column;justify-content:center;gap:6px;border-radius:0;font-size:8px;padding:10px 8px;min-width:53px}.nav-item .icon{height:19px;width:19px}.nav-item.active{background:transparent;color:var(--green)}.nav-item.active:after{display:none}.main{padding-bottom:82px}.topbar{height:71px;padding:0 22px}.breadcrumb{display:none}.mobile-brand{display:flex;gap:9px;align-items:center}.mobile-brand .brand-mark{width:32px;height:32px;border-radius:10px;font-size:24px;letter-spacing:-4px}.mobile-brand .brand-word{font-size:21px}.topbar-right{gap:8px}.privacy-badge{font-size:8px}.privacy-badge .icon{height:11px;width:11px}.content{padding:27px 20px 25px}.page-heading{margin-bottom:24px;align-items:center}h1{font-size:35px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:11px}.page-heading p{font-size:11px;margin-top:9px;max-width:240px}.page-heading-actions{padding-top:0}.page-heading-actions .btn{font-size:0;padding:12px;border-radius:50%;width:40px;height:40px}.page-heading-actions .btn .icon{width:17px;height:17px}.page-heading-actions .select-small{max-width:120px;font-size:10px;padding:10px}.welcome-panel{padding:23px;min-height:160px;margin-bottom:18px;gap:20px}.welcome-panel h2{font-size:25px;max-width:230px}.welcome-panel p{font-size:10px;max-width:220px;line-height:1.7;margin-top:11px}.welcome-panel .eyebrow{font-size:7px}.welcome-panel .welcome-side{min-width:85px;align-items:flex-end;padding-bottom:5px;text-align:right}.welcome-number{font-size:30px;white-space:nowrap}.welcome-number small{font-size:10px}.welcome-label{font-size:7px;max-width:90px;line-height:1.6}.welcome-decoration{right:-79px}.stat-grid{gap:12px;margin-bottom:19px}.stat-card{padding:16px}.stat-value{font-size:25px;margin-top:15px}.stat-value small{font-size:11px}.stat-top{font-size:9px}.stat-symbol{height:26px;width:26px}.stat-note{font-size:8px}.dashboard-grid,.stack{gap:18px}.stack{grid-template-columns:1fr}.panel-heading{padding:21px 21px 16px}.panel-heading h2{font-size:22px}.panel-body{padding:0 21px 22px}.budget-overview{gap:24px;padding:10px 0 25px}.donut{height:132px;width:132px}.donut-label strong{font-size:23px}.legend-row{font-size:9px;padding:9px 0;gap:7px}.legend-row strong{font-size:10px}.transaction-row{padding:14px 0}.transaction-text strong{font-size:11px}.transaction-text small{font-size:9px}.transaction-amount{font-size:11px}.transaction-row .row-actions{gap:0}.quick-section{margin-top:25px}.quick-grid{gap:10px}.quick-action{padding:14px 12px;gap:10px}.quick-action strong{font-size:10px}.quick-action small{font-size:8px}.quick-action .arrow{display:none}.page-footer{margin-top:25px;font-size:8px}.page-footer span:last-child{display:none}.preview-banner{font-size:9px;padding:8px 10px}.preview-banner button{font-size:9px;margin-left:7px}.tabs{margin-left:-20px;margin-right:-20px;padding-left:12px;padding-right:12px;margin-bottom:20px}.tab{padding:12px 13px 15px;font-size:11px}.toolbar{flex-wrap:wrap;gap:12px}.filter-row{flex:1;gap:8px}.search-wrap{flex:1}.search-input{width:100%;font-size:10px}.select-small{font-size:10px;padding:10px}.toolbar>.btn{font-size:10px;padding:10px 12px}.cards-grid,.note-grid{grid-template-columns:1fr}.account-card{padding:23px}.account-card .account-balance{font-size:33px}.subheading h2{font-size:23px}.calendar-toolbar{margin-top:5px}.calendar-toolbar h2{font-size:24px}.calendar-grid{display:none}.event-list-mobile{display:block}.settings-grid{gap:18px}.setting-row{gap:8px}.setting-row .btn-small{font-size:9px;padding:8px 10px}.member-row .row-actions{display:flex}.mini-grid{grid-template-columns:1fr}.note-card{min-height:200px}.login-page{display:block}.login-story{min-height:300px;padding:28px 27px}.login-story-content{padding:34px 0 20px}.login-story h1{font-size:42px;max-width:330px}.login-story-content p{font-size:11px;margin-top:17px;max-width:300px}.login-story .brand-word{font-size:24px}.login-features{display:none}.login-story-footer{display:none}.login-story .welcome-decoration{width:310px;height:380px;right:-175px;top:90px}.login-side{padding:37px 25px 45px}.login-card{max-width:380px}.login-card h2{font-size:31px}.login-card>p{font-size:11px;margin-bottom:24px}.login-theme{top:14px;right:16px}.login-form{gap:17px}.login-note{margin-top:23px}.conflict-banner{display:block;padding:16px}.conflict-banner .btn{margin-top:12px;margin-right:5px;font-size:10px}.toast{bottom:91px;font-size:11px}dialog{border-radius:18px;max-height:92dvh}.modal-header{padding:20px}.modal-header h2{font-size:26px}.modal-form{padding:21px}.form-grid{gap:16px}.field label{font-size:10px}.field input,.field select,.field textarea{font-size:12px;padding:11px}.modal-actions .btn{font-size:10px}.event-row{padding:15px 0}.event-details strong{font-size:12px}.event-details small{font-size:10px}.empty-state{padding:30px 10px}.empty-state p{font-size:11px}.empty-state h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* The coastal artwork stays intact. Independent light and water layers add motion. */
.landing-page {
  --landing-bg: #fffdf8;
  --landing-ink: #284e45;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  overflow: hidden;
  background: var(--landing-bg);
  color: var(--landing-ink);
}
.landing-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 34px clamp(24px, 4.5vw, 86px);
}
.landing-header .brand { gap: 12px; }
.landing-header .brand-mark { width: 45px; height: 45px; font-size: 32px; border-radius: 14px; background: #2c554b; color: #fffdf8; }
.landing-header .brand-word { font-size: 27px; }
.landing-header .brand-word, .landing-login { white-space: nowrap; }
.landing-header .brand-sub { color: #687b70; font-size: 8px; letter-spacing: 2px; }
.landing-actions { display: flex; gap: 12px; align-items: center; }
.landing-actions button { min-height: 44px; }
.landing-actions .icon-button { color: var(--landing-ink); opacity: .65; }
.landing-actions .icon-button:hover { opacity: 1; background: #2b544909; }
.landing-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 19px;
  border: 1px solid #2c554b26;
  border-radius: 100px;
  background: #fffdf890;
  color: var(--landing-ink);
  font-size: 13px;
  transition: background .25s, border-color .25s, transform .25s;
}
.landing-login:hover { background: #eaf0e8; border-color: #2c554b55; transform: translateY(-1px); }
.landing-login .icon { width: 14px; height: 14px; }
.landing-copy {
  position: relative;
  z-index: 1;
  width: min(590px, 48%);
  margin: clamp(64px, 8vh, 120px) 0 160px clamp(24px, 7.5vw, 144px);
  animation: landing-arrive 1.2s cubic-bezier(.2,.7,.2,1) both;
}
.landing-copy .eyebrow { color: #7d8c72; font-size: 10px; letter-spacing: 2.8px; margin-bottom: 24px; }
.landing-copy h1 { font-size: clamp(48px, 5vw, 80px); font-weight: 400; line-height: 1.04; letter-spacing: -2.7px; max-width: 590px; text-wrap: balance; }
.landing-copy > p { font-size: 15px; line-height: 1.85; color: #65796c; margin: 25px 0 0; max-width: 335px; }
.landing-cta {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  border: 0;
  border-bottom: 1px solid #38594b42;
  background: transparent;
  color: var(--landing-ink);
  padding: 12px 0;
  min-height: 44px;
  margin-top: 27px;
  font-size: 13px;
}
.landing-cta .icon { width: 16px; height: 16px; transition: transform .25s; }
.landing-cta:hover .icon { transform: translateX(4px); }
.landing-scene {
  --scene-width: max(145vw, 240svh);
  position: absolute;
  z-index: -1;
  width: var(--scene-width);
  aspect-ratio: 2172 / 724;
  right: -8vw;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  transform-origin: 78% 75%;
  animation: coastal-drift 16s ease-in-out infinite alternate;
  will-change: transform;
}
.landing-art { width: 100%; height: 100%; display: block; object-fit: contain; }
.landing-scene::before { content: ""; position: absolute; z-index: 1; inset: 0 0 auto; height: 16%; background: linear-gradient(var(--landing-bg), transparent); }
.landing-water {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  clip-path: polygon(26% 60%, 32% 49%, 41% 66%, 50% 78%, 67% 100%, 18% 100%);
  opacity: .8;
}
.landing-water path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  opacity: 0;
  animation: coastal-ripple 7s ease-in-out infinite;
}
.landing-wave-one path { animation-delay: -1s; }
.landing-wave-two path { animation-delay: -3s; animation-duration: 8s; }
.landing-wave-three path { animation-delay: -5s; animation-duration: 9s; }
.landing-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 63% 63%, #fff9b519 0, transparent 47%);
  mix-blend-mode: screen;
  animation: coastal-sunlight 19s ease-in-out infinite alternate;
}
.landing-motes { position: absolute; inset: 0; }
.landing-motes span { position: absolute; display: block; width: 3px; height: 3px; border-radius: 50%; background: #fffbed; box-shadow: 0 0 6px #fff9cdaa; opacity: 0; animation: coastal-mote 16s ease-in-out infinite; }
.landing-motes span:nth-child(1) { left: 57%; top: 53%; }
.landing-motes span:nth-child(2) { left: 71%; top: 37%; animation-delay: -5s; }
.landing-motes span:nth-child(3) { left: 84%; top: 57%; animation-delay: -11s; }
.landing-motes span:nth-child(4) { left: 67%; top: 64%; animation-delay: -7s; }
.landing-footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  padding: 22px clamp(24px, 4.5vw, 86px);
  font-size: 11px;
  color: #687b70;
}
.landing-footer .icon { width: 12px; height: 12px; }
.landing-footer a { margin-left: 12px; padding: 10px 0; text-decoration: underline; text-underline-offset: 4px; }
.login-dialog {
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 30px;
  margin: auto;
  border: 1px solid #b5c1b647;
  border-radius: 23px;
  background: var(--card);
  color: var(--ink);
  box-shadow: 0 28px 100px #183d3430;
}
.login-dialog[open] { animation: landing-dialog-in .28s ease both; }
.login-dialog::backdrop { background: #f5f3e88f; backdrop-filter: blur(6px); }
.login-dialog-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.login-dialog-head .eyebrow { margin-bottom: 0; }
.login-dialog-head .icon-button { width: 44px; height: 44px; margin: -10px -10px -10px 0; }
.login-dialog .login-card { width: auto; max-width: none; }
.login-dialog h2 { font-size: 35px; line-height: 1.1; margin-bottom: 15px; }
.login-dialog .login-card > p { font-size: 13px; line-height: 1.75; margin-bottom: 24px; }
.login-dialog .login-form { display: grid; gap: 19px; }
.login-dialog .field label { font-size: 12px; margin-bottom: 8px; }
.login-dialog .field input { font-size: 16px; min-height: 48px; padding: 12px 14px; }
.login-dialog .login-form > .btn { min-height: 49px; font-size: 13px; }
.login-dialog .login-note { font-size: 11px; line-height: 1.8; margin-top: 23px; }
.login-dialog .notice { font-size: 11px; line-height: 1.7; padding: 14px 16px; }
.login-dialog .form-error:empty { display: none; }
.landing-page[data-motion="paused"] .landing-scene,
.landing-page[data-motion="paused"] .landing-scene * { animation-play-state: paused; }
@keyframes landing-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes landing-dialog-in { from { opacity: 0; transform: translateY(7px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes coastal-drift { from { transform: scale(1.015) translate(0, 0); } to { transform: scale(1.045) translate(-12px, 6px); } }
@keyframes coastal-ripple { 0%, 100% { opacity: 0; transform: translate(0, 0); } 35% { opacity: .58; } 70% { opacity: .35; } 95% { opacity: 0; transform: translate(-30px, 16px); } }
@keyframes coastal-sunlight { from { opacity: .22; transform: translateX(-1.2%); } to { opacity: .65; transform: translateX(1.2%); } }
@keyframes coastal-mote { 0%, 100% { opacity: 0; transform: translate(0, 0); } 30%, 65% { opacity: .55; } 90% { opacity: 0; transform: translate(-16px, -10px); } }
[data-theme="dark"] .landing-page { --landing-bg: #132922; --landing-ink: #e1e9db; }
[data-theme="dark"] .landing-header .brand-mark { background: #d0e1cb; color: #254b40; }
[data-theme="dark"] .landing-header .brand-sub,
[data-theme="dark"] .landing-copy > p,
[data-theme="dark"] .landing-footer { color: #afc3b3; }
[data-theme="dark"] .landing-copy .eyebrow { color: #b9c9a7; }
[data-theme="dark"] .landing-login { background: #29483b70; border-color: #bfd0bc36; }
[data-theme="dark"] .landing-login:hover { background: #3f5a47; }
[data-theme="dark"] .landing-cta { border-color: #bfd0bc55; }
[data-theme="dark"] .landing-art { filter: brightness(.56) saturate(.72); }
[data-theme="dark"] .landing-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #132922 0, #132922b3 22%, transparent 55%), linear-gradient(#132922 0, transparent 34%); }
[data-theme="dark"] .login-dialog::backdrop { background: #0b251bbd; }
@media (min-aspect-ratio: 2/1) {
  .landing-copy { margin-top: 22px; margin-bottom: 95px; }
  .landing-copy h1 { font-size: clamp(48px, 4.4vw, 76px); }
}
@media (max-width: 1000px) {
  .landing-copy { width: 55%; margin-left: 6vw; margin-top: 74px; }
  .landing-copy h1 { font-size: 58px; }
  .landing-scene { --scene-width: max(160vw, 240svh); right: calc(50vw - var(--scene-width) * .37); }
}
@media (max-width: 720px) {
  .landing-header { padding: 24px; gap: 12px; }
  .landing-header .brand-word { font-size: 23px; }
  .landing-header .brand-mark { width: 38px; height: 38px; font-size: 29px; border-radius: 12px; }
  .landing-header .brand-sub { font-size: 6px; letter-spacing: 1.6px; }
  .landing-actions { gap: 6px; }
  .landing-actions .icon-button { width: 36px; padding: 8px; }
  .landing-login { padding: 11px 14px; font-size: 12px; }
  .landing-login .icon { display: none; }
  .landing-copy { width: calc(100% - 48px); margin: 48px 24px 385px; }
  .landing-copy .eyebrow { font-size: 9px; letter-spacing: 2.2px; margin-bottom: 19px; }
  .landing-copy h1 { font-size: clamp(43px, 10vw, 60px); letter-spacing: -1.6px; max-width: 425px; }
  .landing-copy > p { font-size: 13px; line-height: 1.8; margin-top: 21px; max-width: 285px; }
  .landing-cta { margin-top: 17px; font-size: 12px; }
  .landing-scene { --scene-width: max(1100px, 225svh); right: calc(50vw - var(--scene-width) * .37); bottom: 0; }
  .landing-footer { padding: 18px 24px; font-size: 10px; max-width: 100%; background: linear-gradient(transparent, #fffdf8b3); }
  [data-theme="dark"] .landing-footer { background: linear-gradient(transparent, #132922b3); }
  .login-dialog { padding: 25px; }
  .login-dialog h2 { font-size: 31px; }
}
@media (max-width: 370px) {
  .landing-header { padding: 18px; }
  .landing-header .brand-sub { display: none; }
  .landing-header .brand-word { font-size: 21px; }
  .landing-header .brand { gap: 8px; }
  .landing-actions { gap: 0; }
  .landing-actions .icon-button { width: 44px; }
  .landing-theme { display: none; }
  .landing-login { padding: 10px 12px; }
  .landing-copy { margin-left: 22px; margin-right: 22px; width: calc(100% - 44px); }
  .landing-copy h1 { font-size: 42px; }
}
@media (max-height: 600px) and (min-width: 721px) {
  .landing-copy { margin-top: 24px; margin-bottom: 140px; }
  .landing-copy h1 { font-size: 50px; }
  .landing-copy > p { font-size: 13px; }
  .landing-cta { margin-top: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-copy, .login-dialog { animation: none !important; }
  .landing-page *, .login-dialog { transition: none !important; }
}
:root{--muted:#646f67}.transaction-text strong,.event-details strong,.check-row,.note-card p,.account-card h3{font-size:13px}.transaction-text small,.event-details small,.panel-subtitle,.list-progress,.account-owner,.account-bottom,.person-details,.balance-meta,.setting-row p,.member-row .profile-text small,.help-copy,.legacy-details,.note-bottom,.stat-note{font-size:11px}.transaction-amount,.legend-row strong,.setting-row h3,.member-row .profile-text strong{font-size:12px}.legend-row,.stat-top,.quick-action strong,.privacy-badge,.text-link{font-size:11px}.quick-action small,.empty-state p,.family-card small,.page-heading p{font-size:11px}.empty-state h3{font-size:13px}.calendar-event{font-size:11px}.field label{font-size:12px}.field small,.form-error{font-size:11px}.login-card>p{font-size:13px}.login-note{font-size:11px}.preview-banner{font-size:11px}.preview-banner button{font-size:11px}.profile-text small{font-size:11px}.btn{font-size:12px;min-height:44px}.btn-small{font-size:11px;min-height:38px}[data-theme="dark"]{--muted:#a0b1a6}
@media(max-width:720px){.nav-item{font-size:10px;min-width:58px}.transaction-text strong,.event-details strong,.check-row,.note-card p,.account-card h3{font-size:13px}.transaction-text small,.event-details small,.panel-subtitle,.list-progress,.account-owner,.account-bottom,.person-details,.balance-meta,.setting-row p,.member-row .profile-text small,.help-copy,.legacy-details,.note-bottom,.stat-note{font-size:11px}.stat-top{font-size:11px}.stat-value{font-size:26px}.privacy-badge{font-size:10px}.quick-action strong,.text-link{font-size:12px}.quick-action small,.empty-state p,.page-heading p{font-size:11px}.transaction-amount{font-size:12px}.row-actions .icon-button{width:36px;min-height:44px}.row-actions .icon-button .icon{width:15px;height:15px}.icon-button{min-width:40px;min-height:44px}.check-row input{height:20px;width:20px}.check-row{min-height:44px}.calendar-desktop-list{display:none}.btn,.btn-small,.setting-row .btn-small{min-height:44px;font-size:11px}.field input,.field select,.field textarea,.list-add input,.login-form input,.search-input,.select-small{font-size:16px;min-height:44px}.page-heading-actions .select-small{font-size:12px;max-width:125px}.page-heading-actions .btn{font-size:0;min-width:44px;min-height:44px}.toolbar .select-small{font-size:12px}.preview-banner,.preview-banner button{font-size:10px}.form-grid{column-gap:12px}.calendar-toolbar .btn-small{font-size:11px}.form-grid .field:not(.full){min-width:0}.transaction-row{gap:9px}.transaction-symbol{width:30px;height:30px}.transaction-row .row-actions .icon-button{min-width:30px;width:30px}.transaction-text{min-width:0}.legend-row{font-size:10px}.legend-row strong{font-size:11px}.login-story-content p{font-size:12px}.login-card>p{font-size:12px}.login-note{font-size:11px}.setting-row{flex-wrap:wrap}.setting-row>div{min-width:190px}.note-card .note-bottom{font-size:11px}}
@media(max-width:390px){.content{padding-left:16px;padding-right:16px}.welcome-panel{padding:21px 17px;gap:10px}.welcome-panel h2{font-size:23px}.welcome-number{font-size:26px}.welcome-label{font-size:8px}.stat-card{padding:15px 13px}.stat-value{font-size:24px}.stat-top{font-size:10px}.transaction-row .row-actions{flex-direction:column}.transaction-row .row-actions .icon-button{min-height:29px;height:29px}.budget-overview{gap:17px}.donut{height:118px;width:118px}.nav-item{min-width:53px;font-size:9px}}
@media(max-width:720px){.row-actions .icon-button,.transaction-row .row-actions .icon-button{width:44px;min-width:44px;min-height:44px}.transaction-row .row-actions{flex-direction:column;gap:0}.transaction-row .row-actions .icon-button{height:44px}.transaction-amount{font-size:12px}.nav-item{min-height:64px}.profile-text strong{font-size:12px}}