.auth-message{padding:var(--space-3);margin:0 0 var(--space-4);border-radius:var(--radius-control);overflow-wrap:anywhere;color:var(--color-text-primary);background:var(--color-background);border:none;font-size:14px;line-height:1.5}.auth-message--error{background:var(--color-auth-error-background);color:var(--color-auth-error)}.auth-message--success{background:var(--color-soft)}.auth-message--compact{padding:var(--space-1) var(--space-2);margin:0;font-size:12px}.auth-message button{color:inherit}.auth-shell{min-height:100dvh;padding:40px var(--space-4);background:var(--page-background);flex-direction:column;align-items:center;display:flex}.auth-logo{width:180px;height:auto;margin-bottom:var(--space-4)}.auth-card{width:100%;max-width:460px;padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.auth-card h1{letter-spacing:-.6px;font-size:28px;line-height:1.2}.auth-subtitle{margin-top:var(--space-2);margin-bottom:var(--space-4);font-size:14px}.auth-card form{gap:var(--space-3);flex-direction:column;display:flex}.auth-field{gap:var(--space-1);display:grid}.auth-field label{font-size:14px;font-weight:500}.auth-input-wrap{position:relative}.auth-field input{width:100%;min-width:0;height:48px;font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background);color:var(--color-text-primary);outline:none;padding:0 14px;font-size:15px}.auth-field input:focus{border:2px solid var(--color-primary);padding-inline:13px}.auth-field input[aria-invalid=true]{border-color:var(--color-auth-error)}.auth-input-wrap:has(.password-toggle) input{padding-right:86px}.password-toggle{height:48px;color:var(--color-text-secondary);padding:8px;font-size:12px;position:absolute;top:0;right:8px}.auth-primary{border-radius:var(--radius-control);background:var(--color-primary);min-height:48px;color:var(--color-surface);margin-top:4px;font-weight:600}.auth-link{color:var(--color-primary);padding:0;font-size:14px}.auth-link:disabled{color:var(--color-text-secondary);opacity:.6;cursor:default}.forgot{align-self:flex-end}.auth-footer{border-top:1px solid var(--color-border);margin-top:var(--space-4);padding-top:var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:14px}.auth-steps{justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:12px;display:flex}.auth-steps .current{color:var(--color-primary);font-weight:600}.auth-resend{text-align:center;margin-top:var(--space-3)}.auth-resend p,.auth-demo-note{font-size:12px}.auth-demo-note{margin-top:var(--space-4);text-align:center}@media (width<=699px){.auth-shell{padding:var(--space-4) var(--space-3)}.auth-card{padding:var(--space-4)}}.auth-primary:disabled{opacity:.6;cursor:default}.auth-primary:disabled:hover{filter:none}.auth-session-notice{bottom:var(--space-4);z-index:30;width:min(480px,100% - 32px);position:fixed;left:50%;transform:translate(-50%)}.auth-session-notice .auth-message{box-shadow:var(--shadow-card);margin:0}.auth-field select{width:100%;min-width:0;min-height:48px;font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background);color:var(--color-text-primary);padding:10px 14px}.auth-field select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root{--color-primary:#3fae68;--color-background:#f7faf7;--page-background:radial-gradient(ellipse 70% 38% at 85% 0%, #b5ed6721 0%, transparent 70%), radial-gradient(ellipse 55% 32% at 8% 4%, #43b96b17 0%, transparent 65%), radial-gradient(ellipse 80% 45% at 50% 12%, #ecf8e9bf 0%, transparent 80%), linear-gradient(160deg, #f1f8f1 0%, #f7faf7 40%, #f5faf4 100%);--color-surface:#fff;--color-header-surface:#ffffffa3;--color-header-border:#e2eee4b3;--color-text-primary:#1c2a21;--color-text-secondary:#738078;--radius-card:22px;--radius-home-hero:24px;--radius-home-summary:16px;--radius-control:14px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--content-max-width:1024px;--color-border:#e2eee4;--color-soft:#ecf8e9;--color-danger:#f45d68;--color-hero-start:#43b96b;--color-hero-middle:#7dd96a;--color-hero-end:#b5ed67;--color-circle:#ffffff18;--color-hero-action:#fff3;--shadow-card:0 2px 4px #1c2a2110, 0 0 0 1px #e2eee455;--shadow-menu:0 16px 32px #1c2a2126;--radius-pill:999px;--color-auth-error:#ba1a1a;--color-auth-error-background:color-mix(in srgb, var(--color-auth-error) 4%, var(--color-surface));--color-auth-error-border:color-mix(in srgb, var(--color-auth-error) 22%, var(--color-surface))}*,:before,:after{box-sizing:border-box}body{background:var(--page-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.container{width:100%;max-width:var(--content-max-width);padding:var(--space-5) clamp(var(--space-3), 3vw, var(--space-5));margin-inline:auto}h1,p{margin:0}p{color:var(--color-text-secondary);margin-block-start:var(--space-1)}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}button:hover{filter:brightness(.96)}svg{vertical-align:middle;flex-shrink:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.category-badge{border-radius:var(--radius-control);flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.notice{bottom:var(--space-4);z-index:30;max-width:calc(100% - 32px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--color-text-primary);color:var(--color-surface);box-shadow:var(--shadow-menu);position:fixed;left:50%;transform:translate(-50%)}.notice button{margin-left:var(--space-3)}@media (width>=1100px){.container{padding-inline:var(--space-5)}}.expense-detail{padding-block:40px}.expense-detail>.text-action{margin-bottom:var(--space-4)}.expense-detail-card{max-width:660px;padding:var(--space-5)}.expense-detail fieldset{gap:var(--space-4);border:0;min-width:0;margin:0;padding:0;display:grid}.expense-detail label{gap:var(--space-1);min-width:0;font-size:14px;display:grid}.expense-detail input,.expense-detail select{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-width:0;height:48px;color:var(--color-text-primary);padding-inline:var(--space-2);font:inherit}.expense-detail input:focus,.expense-detail select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.detail-category{gap:var(--space-2);align-items:center;display:flex}.detail-fields{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.detail-save{background:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-control);padding:var(--space-2) var(--space-4);justify-self:start}.expense-detail button:disabled{opacity:.5;cursor:default}.detail-receipt,.detail-danger{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.detail-receipt h2{margin:0 0 var(--space-3);font-size:18px}.detail-receipt img{object-fit:contain;max-width:100%;max-height:600px;margin-top:var(--space-3);border-radius:var(--radius-control);display:block}.detail-danger button{color:var(--color-auth-error)}@media (width<=699px){.expense-detail-card{padding:var(--space-3)}.detail-fields{grid-template-columns:1fr}}.add-expense>.greeting,.add-expense>.expense-detail-card{width:100%;max-width:660px;margin-inline:auto}.add-expense-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.expenses-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.expenses-add{background:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);white-space:nowrap}@media (width<=699px){.expenses-heading{margin-bottom:var(--space-4);flex-direction:column}.expenses-heading .greeting{margin-bottom:0}}.analytics-page{padding-block:40px}.analytics-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.analytics-month{align-items:center;gap:var(--space-2);white-space:nowrap;padding-top:var(--space-1);display:flex}.analytics-month button{border-radius:var(--radius-control);background:var(--color-surface);width:36px;height:36px;color:var(--color-primary);font-size:24px}.analytics-month button:disabled{opacity:.4;cursor:default}.analytics-summary{gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.analytics-summary p{margin-top:0;font-size:14px}.analytics-summary strong{overflow-wrap:anywhere;font-size:28px;display:block}.analytics-columns{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.analytics-panel{padding:var(--space-4);min-width:0}.analytics-panel h2{margin:0 0 var(--space-4);font-size:20px}.analytics-bar{border-radius:var(--radius-pill);width:100%;height:14px;margin-bottom:var(--space-3);display:flex;overflow:hidden}.analytics-bar span{height:100%}.analytics-rows{margin:0;padding:0;list-style:none}.analytics-rows li{align-items:center;gap:var(--space-2);padding-block:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.analytics-rows li>:last-child{overflow-wrap:anywhere;min-width:0}.analytics-row-text{overflow-wrap:anywhere;flex:1;min-width:0}.analytics-row-text p{margin-top:3px;font-size:13px}.analytics-toggle{margin:var(--space-2) auto 0;padding:var(--space-1);font-size:14px}.analytics-chevron{display:inline-block}.analytics-chevron.expanded{transform:rotate(180deg)}.analytics-largest{background:var(--color-soft);border-radius:var(--radius-card);padding:var(--space-4);overflow-wrap:anywhere}.analytics-largest>p:first-child{margin-top:0;font-size:13px}.analytics-largest h3{margin:var(--space-2) 0;font-size:20px}.analytics-hero-amount{font-size:32px;line-height:1.2;display:block}.analytics-hero-category{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.analytics-hero-category p,.analytics-insight{font-size:13px}.analytics-insight{margin-top:var(--space-3)}.analytics-empty{padding-block:var(--space-4)}@media (width<=799px){.analytics-columns{grid-template-columns:1fr}.analytics-heading{margin-bottom:var(--space-4);flex-direction:column;gap:0}}@media (width<=499px){.analytics-summary{grid-template-columns:1fr}.analytics-panel{padding:var(--space-3)}.analytics-rows li{flex-wrap:wrap}}.app-shell{background:var(--page-background);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}.app-shell .container{width:100%;max-width:var(--content-max-width);box-sizing:border-box;margin-inline:auto}@media (width>=700px){.app-shell .container{padding-inline:var(--space-5)}}.site-header{z-index:20;background:var(--color-header-surface);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--color-header-border);position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-5);height:64px;padding-block:0;display:flex}.brand{flex-shrink:0;padding:0}.brand img{width:158px;height:auto;display:block}.header-inner nav{gap:var(--space-1);display:flex}.nav-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-control);white-space:nowrap;padding:14px 18px;font-weight:500;display:flex}.nav-link.active{background:var(--color-soft);color:var(--color-primary)}.header-actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.bell,.avatar{border-radius:var(--radius-pill);place-items:center;width:46px;height:46px;display:grid}.bell{border:1px solid var(--color-border);color:var(--color-text-secondary);position:relative}.bell i{border-radius:var(--radius-pill);background:var(--color-primary);border:1px solid var(--color-surface);width:6px;height:6px;position:absolute;top:9px;right:11px}.avatar{background:var(--color-primary);color:var(--color-surface);border:3px solid var(--color-surface);box-shadow:var(--shadow-card);font-size:18px}.profile{position:relative}.profile-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);width:280px;box-shadow:var(--shadow-menu);position:absolute;top:calc(100% + 18px);right:0;overflow:hidden}.profile-identity{padding:var(--space-4);border-bottom:1px solid var(--color-border);display:grid}.profile-identity span{color:var(--color-text-secondary);overflow-wrap:anywhere;font-size:14px}.profile-dropdown button{text-align:left;width:100%;color:var(--color-text-secondary);padding:16px 24px;display:block}.profile-dropdown button:hover{background:var(--color-background)}.profile-dropdown .logout{color:var(--color-danger);border-top:1px solid var(--color-border)}@media (width<=1099px){.header-inner{gap:var(--space-3);flex-wrap:wrap;height:auto;padding-block:20px}.header-inner nav{order:3;width:100%;overflow-x:auto}.nav-link{padding:10px 14px}}.expenses-page{padding-block:40px}.expense-filters{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;display:grid}.expense-filters label{gap:var(--space-1);flex-direction:column;min-width:0;font-size:14px;display:flex}.expense-filters input,.expense-filters select{width:100%;min-width:0;height:44px;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-primary);font:inherit}.expense-filters input:focus,.expense-filters select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.expense-filters button{min-height:44px}.expense-filters button:disabled{opacity:.45;cursor:default}.expenses-list{padding-inline:var(--space-4);min-height:160px}.expenses-results{justify-content:space-between;gap:var(--space-2);padding-block:var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;font-size:14px;display:flex}.expenses-results span{color:var(--color-text-secondary)}.expenses-list ul{margin:0;padding:0;list-style:none}.expenses-list li{border-bottom:1px solid var(--color-border)}.expense-open{align-items:center;gap:var(--space-3);text-align:left;width:100%;min-height:86px;padding:14px 0;display:flex}.expenses-list li:last-child{border-bottom:none}.expenses-description{overflow-wrap:anywhere;flex:1;min-width:0}.expenses-description p{margin-top:3px;font-size:14px}.expenses-amount{white-space:nowrap;flex-shrink:0}.expenses-empty{padding-block:var(--space-5)}.expenses-empty .text-action{margin-top:var(--space-3)}@media (width<=699px){.expense-filters{padding:var(--space-3);grid-template-columns:1fr}.expenses-list{padding-inline:var(--space-3)}.expense-open{gap:var(--space-2);flex-wrap:wrap}.expenses-amount{margin-left:auto}}.expense-select{display:block;position:relative}.expense-filters .expense-select select{appearance:none;padding-right:40px}.expense-select>svg{right:var(--space-2);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.home-page{padding-block:40px}.greeting{margin-bottom:var(--space-5)}.greeting h1{letter-spacing:-1.2px;font-size:clamp(28px,3.2vw,42px);font-weight:750;line-height:1.2}.greeting p{margin-top:var(--space-3);font-size:18px}.overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.hero{isolation:isolate;border-radius:var(--radius-home-hero);background:linear-gradient(135deg, var(--color-hero-start), var(--color-hero-middle) 55%, var(--color-hero-end));min-height:230px;color:var(--color-surface);grid-column:span 2;padding:28px;position:relative;overflow:hidden}.hero:before,.hero:after,.hero-circle{content:"";z-index:-1;border-radius:var(--radius-pill);background:var(--color-circle);width:280px;height:280px;position:absolute}.hero:before{top:-60px;right:-60px}.hero:after{width:340px;height:340px;bottom:-80px;right:20px}.hero-circle{top:24px;left:-110px}.hero-content{flex-direction:column;align-items:flex-start;height:100%;display:flex}.hero h2,.summary h2{text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:12px;font-weight:600}.hero-amount{letter-spacing:-2px;margin-top:var(--space-3);overflow-wrap:anywhere;max-width:100%;font-size:clamp(48px,5vw,76px);font-weight:800;line-height:1.3}.hero ul{margin-block:24px 40px;padding-left:20px;font-size:18px}.hero li{margin-bottom:var(--space-2)}.hero button{align-items:center;gap:var(--space-3);background:var(--color-hero-action);border-radius:var(--radius-control);margin-top:auto;padding:14px 24px;font-weight:600;display:flex}.summary-stack{grid-template-rows:repeat(2,1fr);gap:16px;display:grid}.summary{border-radius:var(--radius-home-summary);flex-direction:column;flex:1;justify-content:center;min-width:0;padding:20px;display:flex}.summary h2{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.summary-amount{letter-spacing:-.7px;font-size:30px;line-height:1.2;display:block}.summary p{margin-top:6px;font-size:14px}.summary-detail{align-items:flex-start;gap:var(--space-3);display:flex}.summary-detail>div{overflow-wrap:anywhere;min-width:0}.merchant{margin-top:6px;font-size:15px;display:block}.share{color:var(--color-primary);background:var(--color-soft);border-radius:var(--radius-pill);margin-top:var(--space-2);align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.recent{margin-top:32px}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:16px;display:flex}.section-heading h2{letter-spacing:-.5px;margin:0;font-size:24px}.text-action{align-items:center;gap:var(--space-1);color:var(--color-primary);white-space:nowrap;font-weight:600;display:flex}.recent-card{padding:0 24px}.recent-card ul{margin:0;padding:0;list-style:none}.recent-card li{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding:14px 0;display:flex}.expense-info{flex:1;min-width:0}.expense-info strong{overflow-wrap:anywhere;font-size:17px}.expense-info p{margin-top:3px;font-size:14px}.expense-amount{white-space:nowrap;font-size:18px}.show-more{justify-content:center;align-items:center;gap:var(--space-2);width:100%;color:var(--color-text-secondary);padding:20px;display:flex}@media (width<=1099px){.overview{grid-template-columns:1fr}.hero{grid-column:auto}.summary-stack{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.summary{padding:var(--space-3)}.summary-detail{flex-wrap:wrap}}@media (width<=650px){.summary-stack{grid-template-columns:1fr}.home-page{padding-block:var(--space-5)}.hero{padding:var(--space-4)}.section-heading{flex-direction:column;align-items:flex-start}.recent-card{padding-inline:var(--space-3)}.expense-amount{font-size:15px}.category-badge{flex-basis:40px;width:40px;height:40px}.greeting{margin-bottom:var(--space-4)}}.top-amount{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.top-amount .share{margin-top:0;padding:2px 6px}@media (width>=1100px){.overview{align-items:stretch}.hero{padding:24px 28px}.hero-content{grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;gap:8px 12px;display:grid}.hero h2,.hero-amount{grid-column:1/-1}.hero-amount{margin-top:0;line-height:1.1}.hero ul{margin:0;font-size:14px}.hero li{margin-bottom:0}.hero button{align-self:end;margin-top:0;padding:10px 16px}.summary{padding:12px 16px}.summary h2{margin-bottom:6px}.summary-amount{font-size:24px}.summary p{margin-top:2px;font-size:12px}.summary-detail{align-items:center;gap:8px}.summary-detail .category-badge{flex-basis:36px;width:36px;height:36px}}.home-empty{padding-block:var(--space-4)}