:root{--color-bg-dark: #0E1013;--color-surface-dark: #151820;--color-surface2-dark: #1B1F28;--color-line-dark: #232832;--color-text-dark: #E7EAF0;--color-text-dim-dark: #8A919E;--color-text-mute-dark: #5A6270;--color-income-dark: #4FA776;--color-expense-dark: #C77563;--color-credit-dark: #B59260;--color-bg-light: #F7F6F3;--color-surface-light: #FFFFFF;--color-surface2-light: #F1EEE8;--color-line-light: #E6E2D9;--color-text-light: #1A1D22;--color-text-dim-light: #6A7280;--color-text-mute-light: #9AA0AC;--color-income-light: #3F8C5E;--color-expense-light: #B5604E;--color-credit-light: #9A7540;--color-bg: var(--color-bg-dark);--color-surface: var(--color-surface-dark);--color-surface2: var(--color-surface2-dark);--color-line: var(--color-line-dark);--color-text: var(--color-text-dark);--color-text-dim: var(--color-text-dim-dark);--color-text-mute: var(--color-text-mute-dark);--color-income: var(--color-income-dark);--color-expense: var(--color-expense-dark);--color-credit: var(--color-credit-dark);--mobile-padding: 16px;--tablet-padding: 24px;--desktop-padding: 32px;--mobile-gap: 12px;--tablet-gap: 16px;--desktop-gap: 20px;--mobile-radius: 12px;--tablet-radius: 14px;--desktop-radius: 16px;--mobile-font: 14px;--tablet-font: 15px;--desktop-font: 16px;--mobile-heading: 24px;--tablet-heading: 28px;--desktop-heading: 32px;--mobile-emoji: 48px;--tablet-emoji: 56px;--desktop-emoji: 64px;--max-container: 1200px;--modal-padding: 22px}body[data-theme=light]{--color-bg: var(--color-bg-light);--color-surface: var(--color-surface-light);--color-surface2: var(--color-surface2-light);--color-line: var(--color-line-light);--color-text: var(--color-text-light);--color-text-dim: var(--color-text-dim-light);--color-text-mute: var(--color-text-mute-light);--color-income: var(--color-income-light);--color-expense: var(--color-expense-light);--color-credit: var(--color-credit-light)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,system-ui,sans-serif;font-size:var(--mobile-font);line-height:1.5;letter-spacing:-.01em;transition:background-color .3s,color .3s;overscroll-behavior:none}@media (min-width: 640px){body{font-size:var(--tablet-font)}}@media (min-width: 1024px){body{font-size:var(--desktop-font)}}::-webkit-scrollbar{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}.text-heading{font-size:var(--mobile-heading)}@media (min-width: 640px){.text-heading{font-size:var(--tablet-heading)}}@media (min-width: 1024px){.text-heading{font-size:var(--desktop-heading)}}.text-emoji{font-size:var(--mobile-emoji)}@media (min-width: 640px){.text-emoji{font-size:var(--tablet-emoji)}}@media (min-width: 1024px){.text-emoji{font-size:var(--desktop-emoji)}}.text-dim{color:var(--color-text-dim)}.text-mute{color:var(--color-text-mute)}.app-container{width:100%;max-width:100%;margin:0 auto}@media (min-width: 1024px){.app-container{max-width:var(--max-container)}}#root{width:100%;display:flex;justify-content:center}#root>div:first-child{width:100%;max-width:1000px;margin:0 auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:flex-end;z-index:200}@media (min-width: 640px){.modal-overlay{align-items:center;justify-content:center}}.modal-content{background:var(--color-surface);border-radius:22px 22px 0 0;padding:var(--modal-padding);width:100%;box-sizing:border-box;max-height:92vh;overflow-y:auto;transition:background-color .2s,border-color .2s,color .2s}@media (min-width: 640px){.modal-content{border-radius:22px;max-width:500px;padding:32px}}.card,[data-card]{background:var(--color-surface)!important;border:1px solid var(--color-line)!important;border-radius:12px;padding:16px;transition:background-color .2s,border-color .2s}input,textarea,select{background:var(--color-surface)!important;border:1px solid var(--color-line)!important;color:var(--color-text)!important;font-family:inherit;transition:background-color .2s,border-color .2s,color .2s}input::placeholder,textarea::placeholder{color:var(--color-text-mute)!important}button{font-family:inherit;transition:all .2s ease}button:hover{opacity:.9}button:active{opacity:.85}@media (min-width: 640px){button{transform:scale(1)}button:hover{transform:scale(1.02)}button:active{transform:scale(.98)}}@media (max-width: 639px){button{min-height:48px;padding:12px 16px;font-size:16px}input,textarea{min-height:48px;padding:12px 14px;font-size:16px}select{min-height:48px;padding:12px 14px}}.grid-responsive{display:grid;gap:var(--mobile-gap);grid-template-columns:1fr}@media (min-width: 640px){.grid-responsive{grid-template-columns:1fr 1fr;gap:var(--tablet-gap)}}@media (min-width: 1024px){.grid-responsive{grid-template-columns:1fr 1fr 1fr;gap:var(--desktop-gap)}}.flex-responsive{display:flex;gap:var(--mobile-gap);flex-wrap:wrap}@media (min-width: 640px){.flex-responsive{gap:var(--tablet-gap)}}@media (min-width: 1024px){.flex-responsive{gap:var(--desktop-gap)}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column,.stack-mobile{display:flex;flex-direction:column}@media (min-width: 640px){.stack-mobile{flex-direction:row}}[data-type=income],[data-positive=true]{color:var(--color-income)!important}[data-type=expense],[data-positive=false]{color:var(--color-expense)!important}[data-type=credit]{color:var(--color-credit)!important}.rounded-sm{border-radius:8px}.rounded{border-radius:12px}.rounded-lg{border-radius:16px}.rounded-xl{border-radius:20px}.surface-2{background:var(--color-surface2)}img,video{max-width:100%;height:auto;display:block}@supports (padding: max(0px)){body{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}*{-webkit-overflow-scrolling:touch}@media (max-width: 639px){html,body{width:100%;overflow-x:hidden}}