.budget-root{--background:#fff;--foreground:#171717;--accent:#6366f1;--accent-solid:#4f46e5;--accent-hover:#4f46e5;--accent-light:#eef2ff;--accent-muted:#c7d2fe;--surface:#fff;--surface-elevated:#fafafa;--border:#e4e4e7;--border-hover:#a5b4fc;--muted:#71717a;--shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;--cta:#f97316;--cta-hover:#ea580c}@keyframes budget-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes budget-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes budget-bar-grow{0%{width:0}to{width:var(--bar-width)}}@keyframes budget-number-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.budget-transition{transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.budget-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:.75rem;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.budget-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.budget-badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1.25rem;display:inline-flex}.budget-badge-accent{color:#4338ca;background:#eef2ff;box-shadow:inset 0 0 0 1px #c7d2fe}.budget-badge-green{color:#15803d;background:#f0fdf4;box-shadow:inset 0 0 0 1px #bbf7d0}.budget-badge-zinc{color:#52525b;background:#fafafa;box-shadow:inset 0 0 0 1px #e4e4e7}.budget-badge-orange{color:#c2410c;background:#fff7ed;box-shadow:inset 0 0 0 1px #fed7aa}.budget-bar{background:var(--accent);border-radius:9999px;height:8px;animation:.6s cubic-bezier(.4,0,.2,1) both budget-bar-grow}.budget-bar-track{background:var(--surface-elevated);border:1px solid var(--border);border-radius:9999px;height:8px}.budget-hero-gradient{background:linear-gradient(to bottom,var(--accent-light),var(--surface))}.budget-tier-btn{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.budget-tier-btn:hover{border-color:var(--border-hover);color:var(--foreground)}.budget-tier-btn[data-active=true]{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-sm)}.budget-divider{background-image:linear-gradient(to right,transparent,var(--border)20%,var(--border)80%,transparent);background-position:top;background-repeat:no-repeat;background-size:100% 1px;border-top:none;height:1px}