.shared-budget-page{--shared-bg:var(--surface-subtle,var(--cream,#f4f1e9));--shared-surface:var(--surface-bg,var(--paper,#fff));--shared-surface-soft:var(--surface-subtle,var(--surface-soft,#faf8f2));--shared-border:var(--border-subtle,var(--line,#e4dfd3));--shared-border-strong:var(--border-strong,var(--line-strong,#cfc7b8));--shared-text:var(--text-main,var(--ink,#17342e));--shared-muted:var(--text-muted,var(--muted,#69756f));--shared-accent:var(--action,#0f6b5b);min-height:100vh;color:var(--shared-text);background:var(--shared-bg);font-family:var(--font-ui);align-content:start;gap:22px;padding:32px clamp(18px,5vw,64px);display:grid}.shared-budget-page h1,.shared-budget-page h2,.shared-budget-page h3,.shared-budget-page p,.shared-budget-page dl{margin:0}.shared-budget-hero,.shared-budget-stats article,.shared-budget-envelope-section,.shared-budget-envelope-card,.shared-budget-footer,.shared-budget-error-card,.shared-budget-expiration{border:1px solid var(--shared-border);background:var(--shared-surface);box-shadow:var(--shadow-card,0 10px 30px #0f172a14)}.shared-budget-hero{border-radius:var(--radius-xl,28px);grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:24px;padding:clamp(22px,4vw,40px);display:grid}.shared-budget-eyebrow{color:var(--shared-accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:800}.shared-budget-hero h1,.shared-budget-error-card h1{max-width:780px;color:var(--shared-text);font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(34px,6vw,62px);font-weight:500;line-height:.98}.shared-budget-meta{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.shared-budget-meta div,.shared-budget-privacy-note,.shared-budget-envelope-values div{border:1px solid var(--shared-border);background:var(--shared-surface-soft);border-radius:14px}.shared-budget-meta div{min-width:148px;padding:11px 13px}.shared-budget-meta dt,.shared-budget-envelope-values dt,.shared-budget-stats span{color:var(--shared-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:800}.shared-budget-meta dd,.shared-budget-envelope-values dd{color:var(--shared-text);margin:4px 0 0;font-size:13px;font-weight:800}.shared-budget-notes{max-width:720px;color:var(--shared-muted);margin-top:18px;font-size:14px;line-height:1.6}.shared-budget-privacy-note{color:var(--shared-accent);align-self:start;gap:12px;padding:18px;display:flex}.shared-budget-privacy-note p{color:var(--shared-text);font-size:13px;line-height:1.55}.shared-budget-expiration{color:var(--shared-text);border-radius:16px;padding:14px 16px;font-size:13px;font-weight:750}.shared-budget-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.shared-budget-stats article{border-radius:var(--radius-md,18px);align-content:center;gap:10px;min-height:126px;padding:20px;display:grid}.shared-budget-stats strong{color:var(--shared-text);font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(24px,3.3vw,34px);font-weight:500;line-height:1}.shared-budget-envelope-section{border-radius:var(--radius-xl,28px);gap:18px;padding:22px;display:grid}.shared-budget-section-heading{color:var(--shared-accent);align-items:center;gap:10px;display:flex}.shared-budget-section-heading h2{color:var(--shared-text);font-family:var(--font-display);font-size:24px;font-weight:500}.shared-budget-section-heading p{color:var(--shared-muted);font-size:12px}.shared-budget-envelope-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.shared-budget-envelope-card{border-radius:var(--radius-md,18px);gap:16px;padding:18px;display:grid}.shared-budget-envelope-heading{align-items:center;gap:10px;display:flex}.shared-budget-category-dot{border-radius:999px;flex:none;width:13px;height:13px}.shared-budget-envelope-heading h3{color:var(--shared-text);font-size:15px;font-weight:850}.shared-budget-envelope-heading p{color:var(--shared-muted);font-size:12px}.shared-budget-progress{background:var(--shared-surface-soft);height:10px;box-shadow:inset 0 0 0 1px var(--shared-border);border-radius:999px;overflow:hidden}.shared-budget-progress span{border-radius:inherit;height:100%;display:block}.shared-budget-envelope-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.shared-budget-envelope-values div{padding:10px}.shared-budget-envelope-values dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.shared-budget-footer{border-radius:var(--radius-lg,22px);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.shared-budget-footer strong{color:var(--shared-text);font-family:var(--font-display);font-size:22px;font-weight:600}.shared-budget-footer p,.shared-budget-error-card p{color:var(--shared-muted);font-size:13px;line-height:1.55}.shared-budget-button{min-height:44px;color:var(--solid-text,#fff);border:1px solid var(--solid-bg,var(--shared-accent));background:var(--solid-bg,var(--shared-accent));border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.shared-budget-button:hover{background:var(--solid-hover,#06473d);border-color:var(--solid-hover,#06473d)}.shared-budget-error-page{place-items:center}.shared-budget-error-card{border-radius:var(--radius-xl,28px);justify-items:start;gap:14px;width:min(620px,100%);padding:clamp(24px,5vw,44px);display:grid}.shared-budget-error-card svg{color:var(--danger,#b42318)}@media (width<=900px){.shared-budget-hero,.shared-budget-stats{grid-template-columns:1fr}.shared-budget-footer{flex-direction:column;align-items:flex-start}}@media (width<=560px){.shared-budget-page{padding:18px 12px}.shared-budget-envelope-values{grid-template-columns:1fr}.shared-budget-button{width:100%}}
