@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;--bg: #f4efe6;--bg-accent: #e5ddd0;--surface: rgba(255, 252, 246, .8);--surface-strong: #fffaf4;--ink: #132128;--muted: #5d666c;--line: rgba(19, 33, 40, .08);--teal: #0d5c63;--amber: #d17c2f;--coral: #cb5d49;--sage: #5d7d61;--navy: #284b63;--rose: #9f5461;--shadow: 0 24px 80px rgba(18, 33, 40, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left,rgba(209,124,47,.16),transparent 24%),radial-gradient(circle at top right,rgba(13,92,99,.12),transparent 26%),linear-gradient(180deg,var(--bg) 0%,#f8f4ec 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.72}#root{min-height:100vh}.landing-shell,.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.nav-bar-app{margin-bottom:20px}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup h1,.brand-lockup h2,.brand-lockup p{margin:0}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--teal),#1d8b95);color:#fff;font-weight:700;letter-spacing:.08em;box-shadow:0 12px 28px #0d5c6340}.brand-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.version-chip{display:inline-flex;align-items:center;width:max-content;min-height:26px;padding:0 10px;border:1px solid rgba(13,92,99,.14);border-radius:999px;background:#0d5c6314;color:var(--teal);font-size:.78rem;font-weight:700;line-height:1}.eyebrow{margin:0 0 6px;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.panel,.feature-card{border:1px solid var(--line);border-radius:28px;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);animation:rise .52s ease both}.panel{padding:24px}.panel-hero{padding:clamp(28px,4vw,42px)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-bottom:20px}.hero-copy h2,.dashboard-hero h2,.story-panel h3,.feature-card h3,.panel-heading h3{margin:0;font-family:Fraunces,Georgia,serif;font-weight:700;line-height:1.02}.hero-copy h2{font-size:clamp(2.8rem,5vw,5rem);max-width:11ch}.lead{margin:18px 0 0;max-width:62ch;font-size:1.05rem;line-height:1.7;color:var(--muted)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.button:hover{transform:translateY(-1px)}.button:disabled:hover{transform:none}.button-primary{background:linear-gradient(135deg,var(--teal),#1d8b95);color:#fff;box-shadow:0 14px 30px #0d5c633d}.button-secondary{border-color:var(--line);background:#ffffff85}.button-link{border-color:var(--line);color:var(--ink)}.hero-preview{display:flex;align-items:stretch}.preview-card{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:22px;padding:22px;border-radius:24px;background:linear-gradient(160deg,#0d5c63f2,#284b63e0),var(--teal);color:#fff}.preview-label{margin:0;opacity:.72;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.preview-stack{display:grid;gap:16px}.preview-stack div{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.preview-stack span{opacity:.72}.preview-stack strong{font-size:1.1rem}.preview-meter{width:100%;height:16px;padding:3px;border-radius:999px;background:#ffffff29}.preview-meter span{display:block;width:64%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f7d28b,#ffe6b8)}.feature-grid,.story-grid,.dashboard-grid,.plan-grid,.summary-grid,.field-grid{display:grid;gap:18px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.feature-card{padding:24px}.feature-card p:last-child,.story-panel p:last-child{margin-bottom:0;color:var(--muted);line-height:1.7}.story-grid{grid-template-columns:1.2fr .8fr}.story-panel ul{margin:18px 0 0}.accent-panel{background:linear-gradient(135deg,#d17c2f26,#cb5d491f),var(--surface)}.lead-form{display:grid;gap:14px;margin-top:22px}.lead-note{margin:0;color:var(--muted);line-height:1.6}.lead-form .button{width:100%}.checklist{display:grid;gap:10px;padding-left:18px}.info-page{padding-bottom:72px}.info-page .eyebrow{letter-spacing:.12em}.info-nav{padding-bottom:18px;margin-bottom:34px;border-bottom:1px solid var(--line)}.info-nav .button,.info-page .cta-row .button,.info-page .lead-form .button{border-radius:8px}.info-hero{grid-template-columns:minmax(0,.95fr) minmax(320px,.85fr);align-items:center;gap:48px;margin-bottom:34px;padding:18px 0 22px}.info-hero-copy{padding:18px 0}.info-page .hero-copy h2{max-width:12ch;font-size:4.4rem;line-height:.98}.info-page .lead{max-width:56ch;font-size:1.08rem;line-height:1.65}.info-preview{min-height:390px}.info-page .preview-card{min-height:100%;padding:28px;border-radius:8px;background:#132e35;box-shadow:0 24px 64px #13212838}.preview-top,.preview-daily{display:flex;align-items:center;justify-content:space-between;gap:18px}.preview-top{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.16)}.preview-top strong{max-width:220px;font-size:1.35rem;line-height:1.2;text-align:right}.info-page .preview-stack{gap:0}.preview-row{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.info-page .preview-meter{height:10px;padding:0;background:#ffffff2e}.info-page .preview-meter span{width:72%;background:#f1c66d}.preview-daily{padding:16px;border-radius:8px;background:#fffaf4;color:var(--ink)}.preview-daily span{color:var(--muted)}.preview-daily strong{color:var(--teal);max-width:220px;line-height:1.25;text-align:right}.info-section-heading{max-width:720px;margin:0 0 18px}.info-section-heading h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:2.15rem;line-height:1.12}.info-page .feature-grid{margin-bottom:24px}.info-page .panel,.info-page .feature-card{border-radius:8px;background:#fffcf6eb;box-shadow:0 14px 38px #13212814;-webkit-backdrop-filter:none;backdrop-filter:none}.info-page .feature-card{padding:22px}.info-page .feature-card h3{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.15rem;line-height:1.25}.info-page .feature-card p:last-child{margin-top:12px;line-height:1.62}.info-page .story-grid{grid-template-columns:1fr 1fr;gap:20px}.info-page .story-panel h3{font-size:1.85rem;line-height:1.12}.process-list{display:grid;gap:16px;padding:0;margin:22px 0 0;list-style:none;counter-reset:process}.process-list li{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;row-gap:4px;counter-increment:process}.process-list li:before{display:grid;grid-row:1 / span 2;place-items:center;width:38px;height:38px;border-radius:8px;background:#0d5c631a;color:var(--teal);font-weight:700;content:counter(process,decimal-leading-zero)}.process-list strong,.process-list span{grid-column:2}.process-list span{color:var(--muted);line-height:1.55}.clean-list{padding:0;margin:18px 0 0;list-style:none}.clean-list li{position:relative;padding:12px 0 12px 24px;border-bottom:1px solid var(--line);line-height:1.5}.clean-list li:last-child{border-bottom:0}.clean-list li:before{position:absolute;top:19px;left:0;width:8px;height:8px;border-radius:999px;background:var(--teal);content:""}.info-page .accent-panel{background:#fffaf4}.info-page .lead-form{padding-top:18px;border-top:1px solid var(--line)}.dashboard-hero{display:grid;gap:20px;margin-bottom:18px}.calculator-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:18px;align-items:end}.dashboard-hero h2{font-size:clamp(2rem,4vw,3.4rem);max-width:12ch}.income-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.income-form .button{min-width:146px}.planning-controls{display:grid;gap:12px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{display:grid;gap:10px;padding:18px;border-radius:22px;background:var(--surface-strong);border:1px solid var(--line)}.summary-card span{color:var(--muted)}.summary-card strong{font-size:clamp(1.2rem,3vw,1.8rem)}.emphasis-card{background:linear-gradient(135deg,#0d5c631a,#5d7d611f)}.warning-card{background:linear-gradient(135deg,#cb5d491f,#d17c2f1f)}.budget-meter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.meter-label{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.94rem}.meter-label strong{color:var(--ink)}.progress-track-spent span{background:var(--coral)}.dashboard-grid{grid-template-columns:1.15fr .85fr;align-items:start}.dashboard-rail,.sync-grid,.sync-actions,.month-toolbar,.month-list,.form-actions,.transaction-side,.transaction-actions,.cloud-overview-grid,.app-info-grid,.workspace-tabs,.operations-grid,.invite-form,.member-list,.invitation-list,.category-settings,.rollover-grid{display:grid;gap:12px}.workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;padding:6px;border:1px solid var(--line);border-radius:22px;background:#ffffff94}.workspace-tab{display:grid;gap:4px;min-height:64px;padding:10px 14px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.workspace-tab span{font-weight:700}.workspace-tab small{color:var(--muted)}.workspace-tab.is-active{border-color:#0d5c6329;background:var(--surface-strong);box-shadow:0 12px 28px #12212814}.today-workspace{grid-template-columns:minmax(360px,1.15fr) minmax(280px,.85fr);align-items:start;gap:18px}.daily-entry-panel{overflow:hidden;padding:0}.daily-entry-top{display:grid;gap:24px;padding:24px;background:linear-gradient(135deg,#0d5c63f2,#284b63e6),var(--teal);color:#fff}.daily-entry-panel.is-over .daily-entry-top{background:linear-gradient(135deg,#cb5d49f5,#9f5461e6),var(--coral)}.daily-entry-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.daily-entry-header .eyebrow,.daily-entry-amount span,.salary-days span{color:#ffffffc2}.daily-entry-header h3{margin:0;color:#fff;font-family:Fraunces,Georgia,serif;font-weight:700;line-height:1.02}.salary-days{display:grid;justify-items:end;gap:4px;min-width:max-content;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#ffffff1a}.salary-days span,.daily-entry-amount span{font-size:.92rem}.salary-days strong{white-space:nowrap;font-size:1.04rem}.daily-entry-amount{display:grid;gap:8px}.daily-entry-amount strong{font-size:clamp(2.7rem,7vw,4.4rem);line-height:.95;overflow-wrap:anywhere}.daily-entry-notice{max-width:42ch;margin:0;color:#ffffffd6;line-height:1.55}.daily-entry-form{padding:24px}.quick-entry-primary-fields{grid-template-columns:minmax(0,1.15fr) minmax(96px,.85fr);gap:12px}.invite-form{grid-template-columns:minmax(0,1fr)}.member-list,.invitation-list{margin-top:14px}.member-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,160px) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#ffffffad}.member-row div{display:grid;gap:4px}.member-row span{color:var(--muted);font-size:.9rem}.member-row select{min-height:40px}.category-settings,.rollover-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.check-row{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:.94rem}.check-row input{width:18px;height:18px;accent-color:var(--teal)}.month-card{display:grid;gap:8px;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:#ffffffb8;text-align:left;color:var(--ink);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.month-card:hover{transform:translateY(-1px)}.month-card.is-active{border-color:#0d5c6347;background:linear-gradient(135deg,#0d5c6314,#5d7d6114);box-shadow:0 16px 32px #0d5c631a}.month-card-label{font-family:Fraunces,Georgia,serif;font-size:1.08rem}.month-card small{color:var(--muted)}.dashboard-rail{align-content:start;gap:18px}.onboarding-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.panel-onboarding h2,.onboarding-preview h3{margin:0;font-family:Fraunces,Georgia,serif;line-height:1.08}.compact-lead{margin-top:14px}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-heading strong{white-space:nowrap}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-icon{display:block;width:24px;height:24px;flex-shrink:0;color:var(--teal)}.category-catalog{margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-strong)}.category-catalog summary{padding:16px;cursor:pointer;font-weight:500;color:var(--teal)}.category-catalog-content{padding:0 16px 16px}.category-catalog-intro{margin:0 0 20px;color:var(--muted);line-height:1.5}.category-catalog-group+.category-catalog-group{margin-top:20px}.category-catalog-group h4{margin:0 0 10px;font-size:.94rem}.category-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-choice{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:4px 10px;min-height:60px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-strong);color:var(--ink);text-align:left;cursor:pointer}.category-choice span{overflow-wrap:anywhere}.category-choice small{grid-column:2;color:var(--muted)}.category-choice:not(:disabled):hover,.category-choice[aria-pressed=true]{border-color:var(--teal);background:#eaf2ef}.category-catalog-message{margin:16px 0 0;color:var(--teal);line-height:1.5}.category-catalog-message:empty{margin:0}.category-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.category-picker-trigger #quick-category-value{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--ink)}.category-picker-chevron{flex-shrink:0}.category-picker-dialog{width:min(560px,calc(100% - 24px));max-height:80vh;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface-strong);color:var(--ink)}.category-picker-dialog::backdrop{background:#13212873}.category-picker-content{padding:20px}.category-picker-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}.category-picker-heading h3{margin:0;font-size:1.15rem}.category-picker-close{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}.category-choice:focus-visible,.category-picker-trigger:focus-visible,.category-picker-close:focus-visible,.category-catalog summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.plan-category-identity,.transaction-identity{display:flex;align-items:center;gap:10px;min-width:0}.plan-category-identity>div,.transaction-identity .transaction-main{min-width:0;overflow-wrap:anywhere}.plan-category-identity>.category-icon,.transaction-category-icon{width:36px;height:36px;padding:6px;border-radius:10px;background:#eaf2ef}.category-form{display:grid;grid-template-columns:1.35fr .8fr auto;gap:12px;align-items:end;padding:16px;margin-bottom:18px;border:1px solid var(--line);border-radius:20px;background:#ffffff9e}.plan-card{padding:18px;border-radius:22px;background:var(--surface-strong);border:1px solid var(--line)}.plan-card[data-tone=teal]{--tone: var(--teal)}.plan-card[data-tone=amber]{--tone: var(--amber)}.plan-card[data-tone=coral]{--tone: var(--coral)}.plan-card[data-tone=sage]{--tone: var(--sage)}.plan-card[data-tone=navy]{--tone: var(--navy)}.plan-card[data-tone=rose]{--tone: var(--rose)}.plan-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px}.plan-card-header h4,.transaction-item p,.transaction-item span{margin:0}.plan-card-header span,.field-label,.transaction-item span{color:var(--muted)}.field-label{display:inline-block;margin-bottom:8px;font-size:.92rem}.number-field,.field-group input,.field-group select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink)}.progress-track{overflow:hidden;height:10px;margin:14px 0 12px;border-radius:999px;background:#13212814}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--tone, var(--teal))}.balance-positive,.balance-negative{margin:0;font-size:.94rem}.balance-positive{color:var(--sage)}.balance-negative{color:var(--coral)}.plan-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-form,.panel-sync,.panel-transactions{height:fit-content}.form-actions,.sync-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-note,.sync-meta{margin:0;line-height:1.6}.cloud-overview-card{display:grid;gap:12px;padding:16px;border-radius:20px;background:#ffffffad;border:1px solid var(--line)}.cloud-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-overview-grid div{display:grid;gap:6px}.cloud-overview-grid span{color:var(--muted);font-size:.9rem}.panel-app-info .panel-heading{margin-bottom:16px}.app-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-info-grid div{display:grid;gap:6px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffffad}.app-info-grid span{color:var(--muted);font-size:.88rem}.app-info-grid strong{overflow-wrap:anywhere;font-size:.98rem}.sync-note-local{color:var(--navy)}.sync-note-syncing{color:var(--amber)}.sync-note-cloud{color:var(--sage)}.sync-note-error{color:var(--coral)}.sync-meta{color:var(--muted);font-size:.94rem}.transaction-form{display:grid;gap:16px}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group{display:grid;gap:8px}.field-group span{font-size:.94rem;color:var(--muted)}.form-error{margin:0;color:var(--coral)}.transaction-list{display:grid;gap:12px}.transaction-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:20px;background:var(--surface-strong);border:1px solid var(--line)}.transaction-item strong{white-space:nowrap}.transaction-main{display:grid;gap:6px}.transaction-side{justify-items:end}.transaction-actions{grid-auto-flow:column;justify-content:end}.action-link{padding:0;border:0;background:transparent;color:var(--navy);font-weight:500;cursor:pointer}.action-link-danger{color:var(--coral)}.amount-income{color:var(--sage)}.amount-expense{color:var(--coral)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.hero-grid,.story-grid,.dashboard-grid,.onboarding-grid,.feature-grid,.summary-grid,.calculator-head,.budget-meter-grid,.category-form,.operations-grid,.plan-grid,.category-settings,.rollover-grid{grid-template-columns:1fr}.dashboard-grid{gap:18px}.info-hero{gap:28px}.info-page .hero-copy h2{font-size:3.4rem}.info-page .story-grid{grid-template-columns:1fr}}@media (max-width: 720px){.landing-shell,.app-shell{width:min(100% - 20px,1180px);padding:16px 0 40px}.nav-bar,.panel-heading,.plan-card-header,.transaction-item{align-items:flex-start;flex-direction:column}.cta-row,.two-up,.income-form,.sync-actions,.form-actions,.cloud-overview-grid,.app-info-grid,.member-row{grid-template-columns:1fr}.cta-row{display:grid}.button{width:100%}.daily-entry-header{flex-direction:column}.salary-days{justify-items:start;min-width:0}.daily-entry-top,.daily-entry-form{padding:20px}.hero-copy h2{font-size:clamp(2.4rem,14vw,4rem)}.info-page .hero-copy h2{font-size:2.65rem}.info-page .preview-card{padding:22px}.preview-top,.preview-daily,.info-page .preview-row{align-items:flex-start;flex-direction:column}.process-list li{grid-template-columns:36px minmax(0,1fr)}.panel,.feature-card{border-radius:22px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.panel,.feature-card,.button{animation:none;transition:none}}
