@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6e8df35dd937fa7a-s.0xa7br5mfity1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fc2699ecc8323b38-s.1svzn21vgh2j9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fa0520225c6f3d07-s.p.3tasb8qs95n_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans Fallback;src:local(Arial);ascent-override:90.59%;descent-override:21.46%;line-gap-override:0.0%;size-adjust:104.87%}.public_sans_d097af7a-module__C2Ta1W__className{font-family:Public Sans,Public Sans Fallback;font-style:normal}.public_sans_d097af7a-module__C2Ta1W__variable{--font-public-sans:"Public Sans", "Public Sans Fallback"}
:root{--beige-100:#f8f4f0;--beige-500:#98908b;--grey-100:#f2f2f2;--grey-300:#b3b3b3;--grey-500:#696868;--grey-900:#201f24;--green:#277c78;--yellow:#f2cdac;--cyan:#82c9d7;--purple:#826cb0;--red:#c94736;--white:#fff;--shadow:0 18px 60px #201f2414;--motion-fast:.14s;--motion-base:.2s;--motion-slow:.42s;--ease-polished:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--beige-100)}body{color:var(--grey-900);background:var(--beige-100);font-family:var(--font-public-sans), Arial, sans-serif;margin:0}button,input,select{font:inherit}button{color:inherit;transition:color var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-polished)}button:not(:disabled):active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #3f82b2}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(2rem,3vw,2.5rem);line-height:1.2}h2{letter-spacing:-.02em;font-size:1.25rem;line-height:1.25}h3{font-size:1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--grey-500);font-size:.875rem;line-height:1.5}.eyebrow{color:var(--green);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:7px;font-size:.75rem;font-weight:700;display:flex}.positive{color:var(--green)!important}.danger-text{color:var(--red)!important}.app-shell{min-height:100vh}.sidebar{z-index:20;width:300px;color:var(--white);background:var(--grey-900);transition:width .25s var(--ease-polished);border-radius:0 18px 18px 0;flex-direction:column;padding:40px 24px 24px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:inherit;letter-spacing:-.05em;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;font-size:2rem;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{width:31px;height:31px;color:var(--green)}.sidebar>.brand{margin:0 32px 46px}.sidebar nav{gap:4px;display:grid}.sidebar nav button,.collapse-button,.logout-button{width:calc(100% - 16px);min-height:56px;color:var(--grey-300);text-align:left;cursor:pointer;transition-duration:var(--motion-base);transition-timing-function:var(--ease-polished);background:0 0;border:0;border-radius:0 12px 12px 0;align-items:center;gap:16px;padding:0 28px 0 32px;font-size:.875rem;font-weight:700;display:flex;position:relative}.sidebar nav button:before{content:"";background:0 0;border-radius:0 4px 4px 0;width:4px;position:absolute;inset:0 auto 0 0}.sidebar nav button:hover,.collapse-button:hover,.logout-button:hover{color:var(--white)}.sidebar nav button.active{color:var(--grey-900);background:var(--beige-100)}.sidebar nav button.active:before{background:var(--green)}.sidebar nav svg,.collapse-button svg,.logout-button svg{flex:0 0 20px;width:20px}.sidebar nav button.active svg{color:var(--green)}.sidebar-bottom{gap:6px;margin-top:auto;display:grid}.user-chip{border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:11px;margin:0 20px 14px 24px;padding:12px;display:flex}.user-chip>span,.user-avatar{width:34px;height:34px;color:var(--grey-900);background:var(--yellow);border-radius:50%;flex:0 0 34px;place-items:center;font-size:.8rem;font-weight:800;display:grid}.user-avatar{cursor:pointer;border:0;padding:0}.user-chip div{gap:2px;min-width:0;display:grid}.user-chip strong,.user-chip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-chip strong{font-size:.75rem}.user-chip small{color:var(--grey-300);font-size:.625rem}.workspace{min-height:100vh;transition:margin .25s var(--ease-polished);margin-left:300px}.nav-collapsed .sidebar{width:88px}.nav-collapsed .workspace{margin-left:88px}.nav-collapsed .sidebar .brand span,.nav-collapsed .sidebar nav span,.nav-collapsed .sidebar-bottom button span,.nav-collapsed .user-chip div{display:none}.nav-collapsed .sidebar>.brand{margin-inline:auto}.nav-collapsed .sidebar nav button,.nav-collapsed .collapse-button,.nav-collapsed .logout-button{justify-content:center;width:72px;padding:0}.nav-collapsed .user-chip{border:0;justify-content:center;margin-inline:14px 0;padding:10px 0}.mobile-heading,.mobile-nav{display:none}.page-transition{min-height:100vh}.page-wrap{max-width:1440px;margin:0 auto;padding:40px clamp(24px,3.2vw,48px) 64px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;min-height:54px;margin-bottom:32px;display:flex}.date-context{color:var(--grey-500);font-size:.8125rem}.balance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.balance-card{background:var(--white);border-radius:12px;gap:12px;min-height:120px;padding:24px;display:grid}.balance-card.current{color:var(--white);background:var(--grey-900)}.balance-card span{color:var(--grey-500);font-size:.875rem}.balance-card.current span{color:var(--grey-300)}.balance-card strong{letter-spacing:-.04em;font-size:2rem;line-height:1.2}.surface{background:var(--white);border-radius:12px;box-shadow:0 1px #201f2405}.overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(350px,.8fr);align-items:start;gap:24px;display:grid}.overview-primary,.overview-secondary{gap:24px;min-width:0;display:grid}.pots-overview,.transactions-overview,.budgets-overview,.bills-overview{min-width:0;padding:32px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-link{color:var(--grey-500);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;font-size:.8125rem;display:flex}.section-link:hover{color:var(--grey-900)}.section-link svg{transition:transform var(--motion-base) var(--ease-polished)}.section-link:hover svg{transform:translate(3px)}.pots-summary{grid-template-columns:minmax(190px,.9fr) 1.2fr;gap:20px;display:grid}.saved-total{background:var(--beige-100);border-radius:12px;align-items:center;gap:16px;padding:20px 16px;display:flex}.saved-total svg{width:42px;height:42px;color:var(--green)}.saved-total span{gap:8px;display:grid}.saved-total small,.mini-metrics small,.budget-legend small{color:var(--grey-500)}.saved-total strong{font-size:2rem}.mini-metrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mini-metrics div,.budget-legend div{border-left:4px solid;gap:4px;padding-left:12px;display:grid}.mini-metrics strong,.budget-legend strong{font-size:.875rem}.mini-metrics small,.budget-legend small{font-size:.75rem}.compact-list{display:grid}.compact-transaction{border-top:1px solid var(--grey-100);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.compact-transaction:first-child{border-top:0}.compact-transaction img,.recipient img,.latest-row img,.bill-row img{object-fit:cover;border-radius:50%}.compact-transaction>strong{font-size:.875rem}.compact-transaction>span{text-align:right;gap:5px;display:grid}.compact-transaction b{font-size:.875rem}.compact-transaction small{color:var(--grey-500);font-size:.7rem}.budget-summary{grid-template-columns:190px 1fr;align-items:center;gap:22px;display:grid}.donut{aspect-ratio:1;border-radius:50%;place-items:center;width:180px;display:grid;position:relative}.donut:before{aspect-ratio:1;content:"";background:#ffffffd6;border-radius:50%;width:72%;position:absolute;box-shadow:inset 0 0 0 12px #ffffff73}.donut span{z-index:1;text-align:center;gap:5px;display:grid;position:relative}.donut strong{font-size:1.75rem}.donut small{color:var(--grey-500);font-size:.75rem}.budget-legend{grid-template-columns:1fr 1fr;gap:16px;display:grid}.bill-summary-row{background:var(--beige-100);border-left:4px solid;border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:18px 16px;font-size:.8125rem;display:flex}.bill-summary-row.paid{border-color:var(--green)}.bill-summary-row.upcoming{border-color:var(--yellow)}.bill-summary-row.due{border-color:var(--cyan)}.button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 18px;font-size:.875rem;font-weight:700;display:inline-flex}.button svg{width:17px}.button.primary{color:var(--white);background:var(--grey-900)}.button.primary:hover{background:var(--grey-500);transform:translateY(-1px)}.button.danger{color:var(--white);background:var(--red)}.button.ghost{background:0 0}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-button:hover{background:var(--grey-100)}.icon-button svg{width:20px}.list-surface{padding:32px}.list-tools{justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px;display:flex}.search-field{width:min(320px,100%);display:block;position:relative}.search-field input{border:1px solid var(--beige-500);background:var(--white);width:100%;height:48px;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border-radius:8px;padding:0 48px 0 18px}.search-field svg{pointer-events:none;width:19px;position:absolute;top:14px;right:15px}.select-tools{gap:20px;display:flex}.select-tools label,.single-sort{color:var(--grey-500);white-space:nowrap;align-items:center;gap:8px;font-size:.8125rem;display:flex}select{border:1px solid var(--beige-500);min-height:46px;color:var(--grey-900);background:var(--white);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border-radius:8px;padding:0 38px 0 14px}.transaction-head,.transaction-row{grid-template-columns:minmax(230px,1.45fr) 1fr 1fr .8fr;align-items:center;gap:16px;display:grid}.transaction-head{color:var(--grey-500);padding:12px 16px;font-size:.72rem}.transaction-head span:last-child{text-align:right}.transaction-row{border-top:1px solid var(--grey-100);min-height:72px;color:var(--grey-500);padding:12px 16px;font-size:.75rem}.transaction-row>strong:last-child{color:var(--grey-900);text-align:right;font-size:.875rem}.recipient{min-width:0;color:var(--grey-900);align-items:center;gap:14px;display:flex}.recipient strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pagination{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.pagination>div{gap:8px;display:flex}.pagination button{border:1px solid var(--beige-500);background:var(--white);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:40px;height:40px;padding:0 12px;display:inline-flex}.pagination button.active{color:var(--white);background:var(--grey-900);border-color:var(--grey-900)}.pagination button:not(:disabled):hover{border-color:var(--grey-900);transform:translateY(-1px)}.pagination svg{width:16px}.empty-state{color:var(--grey-500);text-align:center;padding:56px 20px}.empty-state h2{color:var(--grey-900);margin-bottom:6px}.budget-page-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.25fr);align-items:start;gap:24px;display:grid}.spending-summary{padding:32px;position:sticky;top:24px}.donut.large{width:min(280px,100%);margin:8px auto 32px}.spending-summary>h2{margin-bottom:20px}.spending-lines{display:grid}.spending-lines>div{border-bottom:1px solid var(--grey-100);border-left:4px solid;justify-content:space-between;align-items:center;padding:15px 0 15px 14px;display:flex}.spending-lines>div:last-child{border-bottom:0}.spending-lines span{color:var(--grey-500);font-size:.8125rem}.spending-lines strong{font-size:.875rem}.spending-lines strong small{color:var(--grey-500);font-weight:400}.budget-cards{gap:24px;display:grid}.budget-card,.pot-card{padding:32px}.entity-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.entity-title h2{flex:1}.theme-dot{border-radius:50%;width:16px;height:16px}.entity-menu{position:relative}.menu-popover{z-index:4;background:var(--white);width:140px;box-shadow:var(--shadow);transform-origin:100% 0;animation:menu-in var(--motion-base) var(--ease-polished) both;border-radius:8px;padding:4px 16px;display:grid;position:absolute;top:44px;right:0}.menu-popover button{border:0;border-top:1px solid var(--grey-100);text-align:left;cursor:pointer;background:0 0;padding:13px 0;font-size:.75rem}.menu-popover button:first-child{border-top:0}.progress-track{background:var(--beige-100);border-radius:6px;height:32px;margin:16px 0;padding:4px;overflow:hidden}.progress-track i{height:100%;transition:width var(--motion-slow) var(--ease-polished), background-color var(--motion-base) ease;border-radius:4px;display:block}.budget-figures{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.budget-figures>div{border-left:4px solid var(--grey-100);gap:5px;padding-left:14px;display:grid}.budget-figures small{color:var(--grey-500)}.budget-figures strong{font-size:.875rem}.latest-panel{background:var(--beige-100);border-radius:12px;padding:20px}.latest-panel .section-heading{margin-bottom:6px}.latest-panel .section-heading>span{color:var(--grey-500);font-size:.7rem}.latest-row{border-top:1px solid #69686826;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.latest-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.latest-row>span{text-align:right;gap:4px;display:grid}.latest-row b{font-size:.75rem}.latest-row small{color:var(--grey-500);font-size:.65rem}.pots-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.pot-total,.amount-preview{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.pot-total span,.amount-preview span{color:var(--grey-500);font-size:.875rem}.pot-total strong,.amount-preview strong{letter-spacing:-.04em;font-size:2rem}.progress-track.pot-progress{height:16px;margin-bottom:12px}.pot-target{color:var(--grey-500);justify-content:space-between;font-size:.75rem;display:flex}.pot-target strong{color:var(--grey-500)}.pot-actions{grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;display:grid}.pot-actions button{background:var(--beige-100);cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:52px;font-size:.875rem;font-weight:700}.pot-actions button:hover{border-color:var(--grey-900);background:var(--white)}.bills-page-grid{grid-template-columns:minmax(260px,.58fr) minmax(0,1.45fr);align-items:start;gap:24px;display:grid}.bills-sidebar{gap:24px;display:grid}.total-bills-card{min-height:190px;color:var(--white);background:var(--grey-900);border-radius:12px;padding:28px 24px;display:grid}.total-bills-card svg{width:42px}.total-bills-card span{align-self:end;font-size:.875rem}.total-bills-card strong{font-size:2rem}.summary-card{padding:24px}.summary-card h2{margin-bottom:16px}.summary-card>div{border-top:1px solid var(--grey-100);color:var(--grey-500);justify-content:space-between;padding:14px 0;font-size:.75rem;display:flex}.summary-card strong{color:var(--grey-900);font-size:.75rem}.bill-head,.bill-row{grid-template-columns:minmax(210px,1.4fr) 1fr .6fr;align-items:center;gap:16px;display:grid}.bill-head{color:var(--grey-500);padding:12px 16px;font-size:.72rem}.bill-head span:last-child{text-align:right}.bill-row{border-top:1px solid var(--grey-100);min-height:72px;padding:12px 16px}.bill-row>div{align-items:center;gap:14px;min-width:0;display:flex}.bill-row>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.bill-row>strong{text-align:right;font-size:.875rem}.bill-status{color:var(--green);align-items:center;gap:8px;font-size:.75rem;display:flex}.bill-status svg{width:16px}.bill-status.soon{color:var(--red)}.bill-status.upcoming{color:var(--grey-500)}.modal-backdrop{z-index:80;background:#0000007a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--white);width:min(560px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);border:0;border-radius:12px;padding:32px;overflow-y:auto}.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.modal-heading h2{font-size:2rem}.modal-heading p{color:var(--grey-500);margin-top:10px;font-size:.875rem;line-height:1.5}.entity-form{gap:18px;display:grid}.entity-form label,.auth-card label{color:var(--grey-500);gap:8px;font-size:.75rem;font-weight:700;display:grid}.animated-field{overflow:hidden}.entity-form input,.entity-form select,.auth-card input{border:1px solid var(--beige-500);width:100%;height:48px;color:var(--grey-900);background:var(--white);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border-radius:8px;padding:0 16px}.entity-form input:hover,.entity-form select:hover,.auth-card input:hover,.search-field input:hover,select:hover{border-color:var(--grey-900)}.form-error{border-left:4px solid var(--red);color:#7a2318;background:#fff0ed;border-radius:4px;padding:12px 14px;font-size:.8rem;line-height:1.4}.modal-actions{gap:12px;display:flex}.modal-actions.stacked{display:grid}.auth-layout{grid-template-columns:minmax(460px,41vw) 1fr;gap:20px;min-height:100vh;padding:20px;display:grid}.auth-art{min-height:calc(100vh - 40px);color:var(--white);background:var(--grey-900);border-radius:14px;flex-direction:column;justify-content:space-between;padding:44px;display:flex;position:relative;overflow:hidden}.brand-auth{z-index:2;position:relative}.auth-illustration{background:radial-gradient(circle,#277c785c,#0000 62%);border-radius:50%;height:57%;position:absolute;inset:14% -7% auto 8%}.phone-card{background:var(--beige-100);width:min(320px,66%);animation:auth-device-in .65s var(--ease-polished) both;border:7px solid #403e44;border-radius:34px;padding:28px;display:grid;position:absolute;top:16%;left:17%;transform:rotate(-4deg);box-shadow:24px 28px #00000038}.phone-label{color:var(--grey-500);font-size:.8rem}.phone-card strong{color:var(--grey-900);margin:7px 0 28px;font-size:2.2rem}.mini-chart{align-items:flex-end;gap:10px;height:120px;display:flex}.mini-chart i{background:var(--green);transform-origin:bottom;width:14%;animation:chart-rise .55s var(--ease-polished) both;border-radius:8px 8px 3px 3px}.mini-chart i:first-child{height:44%;animation-delay:80ms}.mini-chart i:nth-child(2){background:var(--yellow);height:68%;animation-delay:.12s}.mini-chart i:nth-child(3){background:var(--cyan);height:35%;animation-delay:.16s}.mini-chart i:nth-child(4){height:88%;animation-delay:.2s}.mini-chart i:nth-child(5){background:var(--purple);height:59%;animation-delay:.24s}.mini-chart i:nth-child(6){background:var(--yellow);height:76%;animation-delay:.28s}.coin{width:70px;height:70px;color:var(--grey-900);background:var(--yellow);border:6px solid #ffffff6b;border-radius:50%;place-items:center;font-size:1.6rem;font-weight:800;display:grid;position:absolute}.coin-one{top:12%;right:12%}.coin-two{background:var(--cyan);width:52px;height:52px;font-size:1.2rem;bottom:12%;left:8%}.auth-copy{z-index:2;position:relative}.auth-copy h1{font-size:clamp(2.2rem,4.1vw,4.1rem);line-height:.98}.auth-copy p{max-width:470px;color:var(--grey-300);margin-top:22px;line-height:1.55}.auth-panel{place-items:center;padding:40px;display:grid}.auth-card{background:var(--white);width:min(560px,100%);box-shadow:var(--shadow);animation:auth-form-in .45s var(--ease-polished) both;border-radius:12px;gap:20px;padding:34px;display:grid}.auth-card h2{margin-bottom:8px;font-size:2rem}.auth-submit{width:100%}.password-control{display:block;position:relative}.password-control input{padding-right:50px}.password-control button{cursor:pointer;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:4px;right:4px}.password-control svg{width:18px}.field-help{color:var(--grey-500);margin-top:-12px;font-size:.7rem}.auth-switch{color:var(--grey-500);text-align:center;font-size:.875rem}.auth-switch button{color:var(--grey-900);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.auth-mobile-brand{display:none}.save-notice{z-index:70;color:var(--white);background:var(--green);box-shadow:var(--shadow);border-radius:999px;padding:10px 16px;font-size:.75rem;font-weight:700;position:fixed;top:18px;right:24px}.fatal-state{text-align:center;place-content:center;justify-items:center;gap:14px;min-height:100vh;padding:24px;display:grid}.fatal-state p{color:var(--grey-500)}@keyframes auth-device-in{0%{opacity:0;transform:translateY(18px)rotate(-6deg)scale(.98)}to{opacity:1;transform:translateY(0)rotate(-4deg)scale(1)}}@keyframes auth-form-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-rise{0%{opacity:.2;transform:scaleY(.08)}to{opacity:1;transform:scaleY(1)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1400px) and (min-width:1121px){.budget-summary{grid-template-columns:150px minmax(0,1fr);gap:16px}.budget-summary .donut{width:150px}.budget-legend{grid-template-columns:1fr;gap:10px}}@media (max-width:1120px){.sidebar{display:none}.workspace{margin:0 0 78px}.mobile-heading{min-height:72px;color:var(--white);background:var(--grey-900);justify-content:space-between;align-items:center;padding:0 32px;display:flex}.mobile-heading .brand{font-size:1.6rem}.mobile-nav{z-index:60;background:var(--grey-900);border-radius:12px 12px 0 0;grid-template-columns:repeat(5,1fr);height:78px;padding:8px 20px 0;display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{color:var(--grey-300);cursor:pointer;background:0 0;border:0;border-radius:8px 8px 0 0;place-items:center;gap:4px;padding:6px 3px 10px;font-size:.65rem;display:grid;position:relative}.mobile-nav button:after{content:"";height:4px;transition:background-color var(--motion-base) ease, transform var(--motion-base) var(--ease-polished);background:0 0;border-radius:4px 4px 0 0;position:absolute;inset:auto 0 0;transform:scaleX(.35)}.mobile-nav button.active{color:var(--green);background:var(--beige-100)}.mobile-nav button.active:after{background:var(--green);transform:scaleX(1)}.mobile-nav svg{width:20px}.overview-grid{grid-template-columns:1fr}.overview-secondary{grid-template-columns:1fr 1fr}.budget-page-grid{grid-template-columns:300px minmax(0,1fr)}}@media (max-width:780px){.page-wrap{padding:28px 16px 40px}.page-header{align-items:center;margin-bottom:28px}.page-header .button{min-height:48px;padding-inline:14px;font-size:.75rem}.date-context{display:none}.balance-grid,.overview-secondary,.pots-grid,.budget-page-grid,.bills-page-grid{grid-template-columns:1fr}.spending-summary{position:static}.list-surface,.pots-overview,.transactions-overview,.budgets-overview,.bills-overview,.budget-card,.pot-card{padding:20px}.list-tools{align-items:stretch}.search-field{flex:1}.select-tools label>span,.single-sort>span{display:none}.select-tools{gap:8px}.select-tools select{color:#0000;background:var(--white);width:48px;padding:0}.select-tools label{position:relative}.select-tools label:after{color:var(--grey-900);pointer-events:none;content:"⌄";position:absolute;inset:14px}.transaction-head{display:none}.transaction-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding-inline:0}.transaction-row .recipient{grid-row:1/3}.category-cell{display:none}.transaction-row time{text-align:right;grid-area:2/2}.transaction-row>strong:last-child{grid-area:1/2}.pagination>div button:nth-child(n+4):not(:last-child){display:none}.budget-summary{grid-template-columns:1fr;justify-items:center}.budget-legend{width:100%}.bills-sidebar{grid-template-columns:1fr 1fr}.total-bills-card{min-height:170px}.bills-list{grid-column:1/-1}.auth-layout{min-height:100vh;padding:0;display:block}.auth-art{display:none}.auth-panel{align-content:start;min-height:100vh;padding:0 16px 40px}.auth-mobile-brand{width:calc(100% + 32px);min-height:72px;color:var(--white);background:var(--grey-900);border-radius:0 0 10px 10px;justify-content:center;align-items:center;gap:10px;margin:0 -16px 52px;font-size:1.6rem;font-weight:700;display:flex}.auth-mobile-brand svg{color:var(--green)}.auth-card{padding:24px 20px}.auth-card h2{font-size:1.8rem}}@media (max-width:520px){.mobile-heading{padding-inline:20px}.mobile-heading .brand span{display:none}.mobile-nav{height:68px;padding:6px 8px 0}.mobile-nav button span{display:none}.mobile-nav button.active span{font-size:.55rem;display:block}.workspace{margin-bottom:68px}.balance-grid{gap:12px}.balance-card{min-height:100px;padding:20px}.balance-card strong{font-size:1.75rem}.pots-summary{grid-template-columns:1fr}.mini-metrics{gap:12px}.compact-transaction{grid-template-columns:32px minmax(0,1fr) auto}.compact-transaction img{width:32px;height:32px}.list-tools{gap:8px}.search-field input{padding-left:12px}.select-tools select{width:44px}.pagination button{min-width:36px;height:36px;padding:0 9px}.pagination>button span{display:none}.bills-sidebar{grid-template-columns:1fr}.bill-head{display:none}.bill-row{grid-template-columns:minmax(0,1fr) auto;padding-inline:0}.bill-status{grid-column:1;padding-left:54px}.bill-row>strong{grid-area:1/2/3}.pot-actions{gap:10px}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:12px 12px 0 0;max-height:92vh;padding:24px 20px 30px}.modal-heading h2{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}