:root{--black:#000;--gray-900:#1a1a1a;--gray-800:#2d2d2d;--gray-700:#3d3d3d;--gray-600:#4a4a4a;--gray-500:#6b6b6b;--gray-400:#9b9b9b;--gray-300:#c4c4c4;--gray-200:#e5e5e5;--gray-100:#f0f0f0;--gray-50:#f8f8f8;--white:#fff;--green-primary:#00c853;--green-light:#5ef386;--green-dark:#009624;--green-bg:#00c85314;--income:#00c853;--expense:#ff5252;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-mono:"SF Mono", "Fira Code", monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:var(--gray-50);color:var(--gray-900);line-height:1.5}#app{min-height:100vh}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--green-primary);color:var(--white)}.btn-primary:hover{background:var(--green-dark);transform:translateY(-1px)}.btn-secondary{background:var(--gray-900);color:var(--white)}.btn-secondary:hover{background:var(--gray-800)}.btn-ghost{color:var(--gray-600);border:1px solid var(--gray-300);background:0 0}.btn-ghost:hover{border-color:var(--gray-400);color:var(--gray-900)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);font-size:14px;transition:all .15s}.input:focus{border-color:var(--green-primary);box-shadow:0 0 0 3px var(--green-bg);outline:none}.input::placeholder{color:var(--gray-400)}.badge{padding:var(--space-1) var(--space-3);letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius-sm);align-items:center;font-size:11px;font-weight:600;display:inline-flex}.badge-income{color:var(--expense);background:#ff52521a}.badge-expense{background:var(--green-bg);color:var(--green-primary)}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}select{font-family:inherit}a{color:inherit;text-decoration:none}