*{box-sizing:border-box}body{background:#f6f7f9;color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}button,input,select{font:inherit}.shell{display:grid;min-height:100vh;padding:24px;place-items:center}.publicShell{align-items:center;display:grid;gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(340px,440px);margin:0 auto;max-width:1180px;min-height:100vh;padding:32px}.publicHero{display:grid;gap:26px;min-width:0}.brandLockup{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.brandLogo{display:block;height:auto;max-width:220px;width:42vw}.betaPill,.okBadge{border:1px solid #99f6e4;border-radius:999px;color:#0f766e;display:inline-flex;font-size:12px;font-weight:900;padding:7px 10px}.heroCopy{display:grid;gap:12px;max-width:680px}.heroLead{color:#334155;font-size:20px;font-weight:700;line-height:30px;margin:0;max-width:640px}.previewBoard{background:#fff;border:1px solid #dbe3ea;border-radius:8px;box-shadow:0 24px 60px #0f172a1a;display:grid;gap:16px;max-width:720px;padding:20px}.previewHeader{align-items:center;display:flex;gap:14px;justify-content:space-between}.previewTitle{color:#0f172a;font-size:24px;font-weight:950;margin-top:4px}.previewGrid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.previewMetric{border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:12px}.previewMetric p{color:#64748b;font-size:12px;font-weight:850;line-height:16px;margin:0 0 8px}.previewMetric strong{color:#0f172a;display:block;font-size:21px;line-height:26px}.previewMetric-income{border-color:#86efac}.previewMetric-bill{border-color:#fecaca}.previewMetric-flex{border-color:#fde68a}.previewMetric-goal{border-color:#99f6e4}.timelinePreview{display:grid;gap:8px}.timelinePreview span{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:block;height:16px}.timelinePreview span:nth-child(1){width:92%}.timelinePreview span:nth-child(2){width:78%}.timelinePreview span:nth-child(3){width:85%}.timelinePreview span:nth-child(4){width:66%}.loginPanel,.emptyState,.monthPanel,.weekPanel,.statusBand{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 18px 45px #0f172a14}.loginPanel{display:grid;gap:16px;max-width:460px;padding:28px;width:100%}.appShell{display:grid;gap:20px;margin:0 auto;max-width:1180px;padding:28px}.topBar,.panelHeader,.statusBand{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.topActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.eyebrow,.label{color:#2563eb;font-size:12px;font-weight:900;letter-spacing:0;margin:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:56px;line-height:62px}h2{font-size:22px;line-height:28px}.muted{color:#64748b;font-size:15px;font-weight:650;line-height:22px}label{color:#334155;display:grid;font-size:13px;font-weight:900;gap:8px}input,select{border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;min-height:44px;padding:10px 12px;width:100%}input[type=checkbox]{accent-color:#2563eb;min-height:auto;width:auto}.primaryButton,.secondaryButton,.ghostButton{align-items:center;border-radius:8px;border:1px solid transparent;cursor:pointer;display:inline-flex;font-weight:900;justify-content:center;min-height:42px;padding:10px 14px}.primaryButton:disabled,.secondaryButton:disabled,.ghostButton:disabled{cursor:not-allowed;opacity:.55}.primaryButton{background:#2563eb;color:#fff}.secondaryButton{background:#fff;border-color:#cbd5e1;color:#0f172a}.ghostButton{background:#eff6ff;color:#1d4ed8}.dangerButton{background:#fff1f2;color:#be123c}.notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:14px;font-weight:800;line-height:20px;padding:12px}.statusBand{padding:16px}.strong{color:#0f172a;font-size:16px;font-weight:900;margin-top:4px}.summaryGrid,.monthStats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.statCard{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.statValue{color:#0f172a;font-size:24px;font-weight:900;line-height:30px;margin-top:8px}.monthPanel,.weekPanel,.emptyState{display:grid;gap:16px;padding:18px}.riskText{color:#b91c1c;font-weight:900}.okText{color:#047857;font-weight:900}.weekList{display:grid;gap:8px}.weekRow{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:14px;font-weight:850;padding:12px}.workspaceGrid{align-items:start;display:grid;gap:18px;grid-template-columns:220px minmax(0,1fr)}.workspaceMain,.viewStack,.formList,.dayList{display:grid;gap:16px;min-width:0}.sideNav{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:6px;padding:10px;position:sticky;top:16px}.navButton{background:transparent;border:1px solid transparent;border-radius:8px;color:#334155;cursor:pointer;font-weight:900;min-height:42px;padding:10px 12px;text-align:left}.navButtonActive{background:#0f172a;color:#fff}.inlineActions,.segmentedControl{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.segmentedControl{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px}.segmentedControl button{background:transparent;border:0;border-radius:6px;color:#334155;cursor:pointer;flex:1;font-size:13px;font-weight:900;min-height:38px;padding:8px}.segmentedControl .activeSegment{background:#fff;box-shadow:0 1px 6px #0f172a1a;color:#0f172a}.monthControls{align-items:center}.timelineWeekControls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.timelineWeekSummary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:210px;padding:9px 12px;text-align:center}.timelineWeekSummary span{color:#2563eb;display:block;font-size:12px;font-weight:900;text-transform:uppercase}.timelineWeekSummary strong{color:#0f172a;display:block;font-size:14px;line-height:20px;margin-top:2px}.compactGrid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.formGrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.formCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:14px;padding:14px}.checkboxLabel{align-content:center;align-items:center;display:flex;flex-direction:row;gap:10px}.savingsRow{align-items:end;grid-template-columns:minmax(0,1fr) minmax(140px,220px) auto}.tableLike{display:grid;gap:8px}.tableRow{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(180px,1.4fr) minmax(90px,.6fr) minmax(90px,.4fr) auto;padding:12px}.tableRowActive,.weekRowActive{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb21}.tableRow span,.eventAmount span,.savingsOpportunity span{color:#64748b;display:block;font-size:13px;font-weight:800;line-height:18px}.rowActions{justify-content:flex-end}.weekRowButton{cursor:pointer;text-align:left}.dayBlock{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:10px;padding:12px}.dayBlockHistory{background:#f8fafc}.dayHeader,.eventRow,.goalProgressHeader,.savingsOpportunity{align-items:center;display:flex;gap:12px;justify-content:space-between}.eventRow{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;padding:12px}.eventMain{align-items:center;display:flex;gap:10px;min-width:220px}.eventBadge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:950;padding:6px 9px}.eventBadge-income{background:#dcfce7;color:#166534}.eventBadge-bill{background:#fee2e2;color:#991b1b}.eventBadge-savings-transfer{background:#ccfbf1;color:#115e59}.eventAmount{min-width:150px}.eventControls{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:260px}.eventControls input,.eventControls select{max-width:150px}.progressTrack{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.progressTrack span{background:#14b8a6;display:block;height:100%}.savingsOpportunity{border-color:#cbd5e1}.savingsOpportunity-best{border-color:#14b8a6}.savingsOpportunity-good{border-color:#86efac}.savingsOpportunity-hold{border-color:#fde68a}@media (max-width: 720px){.appShell,.shell,.publicShell{padding:16px}.publicShell{align-items:stretch;grid-template-columns:1fr}.brandLogo{max-width:185px;width:62vw}.heroLead{font-size:17px;line-height:26px}.previewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.topBar,.panelHeader,.statusBand{display:grid}.workspaceGrid{grid-template-columns:1fr}.sideNav{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.tableRow,.savingsRow{grid-template-columns:1fr}.rowActions,.eventControls,.timelineWeekControls{justify-content:flex-start}.timelineWeekControls,.timelineWeekSummary{width:100%}h1{font-size:42px;line-height:48px}}@media (max-width: 420px){.previewGrid{grid-template-columns:1fr}}