:root{--color-bg: #f2f8f5;--color-surface: #ffffff;--color-text: #123e33;--color-accent: #087f62;--color-accent-100: #e1f5ec;--color-accent-600: #066b53;--color-accent-700: #055541;--color-brand-dark: #064f3e;--color-mint: #a9ecd1;--color-danger: #b42332;--color-danger-100: #fff0f1;--color-warning: #ffd29a;--color-divider: #c9dfd5;--font-heading: "Archivo", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-heading-weight: 800;--radius-md: 14px;--radius-lg: 26px;color:var(--color-text);background:var(--color-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;font-size:15px;line-height:1.55;font-weight:400}button,input,select{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.input{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;padding:6px 10px;font-size:16px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input::placeholder{color:#647e74}.input:focus{border-color:var(--color-accent)}.input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}.input[type=date]::-webkit-date-and-time-value{min-height:1.55em;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior-y:contain;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:color-mix(in srgb,var(--color-brand-dark) 55%,transparent)}.overlay-card{flex:none;width:100%;max-width:360px;margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-600)}.btn-primary:active:not(:disabled){background:var(--color-accent-700)}.remove-btn:hover{color:var(--color-danger)!important;background:var(--color-danger-100)!important}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes chipPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes ptr{0%{opacity:0}to{opacity:1}}@keyframes rowIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}.app-shell{background:var(--color-surface);box-shadow:0 16px 56px #064f3e14}.app-header{border-radius:0 0 var(--radius-md) var(--radius-md)}.budget-hero{margin:14px 12px 0;border-radius:var(--radius-lg);box-shadow:0 10px 24px #064f3e24}.stats-card{overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg)}.rounded-track{border-radius:999px;overflow:hidden}.btn{min-height:40px;padding:8px 12px}@media(min-width:500px){.app-shell{margin-top:24px;border-radius:var(--radius-lg);overflow:hidden}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}