:root{--bg-canvas:#090d16;--bg-surface:#151b26;--bg-surface-hover:#1e2638;--border-light:#ffffff14;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-income:#10b981;--accent-income-bg:#10b98126;--accent-expense:#f43f5e;--accent-expense-bg:#f43f5e26;--accent-brand:#3b82f6;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-canvas);color:var(--text-primary);min-height:100vh;overflow:hidden}.glass-card{background:var(--bg-surface);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);border-radius:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{gap:16px;width:100vw;height:100vh;padding:16px;display:flex}.pane-left{flex-direction:column;flex:0 0 250px;gap:16px;display:flex;overflow-y:auto}.pane-center{flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.pane-right{flex-direction:column;flex:0 0 350px;gap:16px;display:flex;overflow-y:auto}.text-income{color:var(--accent-income)}.text-expense{color:var(--accent-expense)}.bg-income{background-color:var(--accent-income-bg);color:var(--accent-income)}.bg-expense{background-color:var(--accent-expense-bg);color:var(--accent-expense)}.btn{background:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border-light);cursor:pointer;border-radius:8px;padding:8px 16px;font-family:inherit;font-weight:500;transition:all .2s}.btn:hover{background:var(--border-light)}.file-drop{border:2px dashed var(--border-light);text-align:center;color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:24px;transition:all .2s}.file-drop:hover{border-color:var(--accent-brand);background:#3b82f60d}