:root{color-scheme:light dark;--bg: #f9fafb;--panel: #ffffff;--text: #111827;--muted: #6b7280;--accent: #2563eb;--danger: #dc2626;--border: #e5e7eb}@media (prefers-color-scheme: dark){:root{--bg: #0b0b0c;--panel: #17181a;--text: #e9e9ea;--muted: #a9adb3;--accent: #66b3ff;--danger: #ff6b6b;--border: #2a2d31}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Instrument Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.btns{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.btns button{min-width:8rem}.bar-chart{display:flex;align-items:flex-end;height:150px;gap:4px;border-bottom:1px solid var(--border);padding-bottom:4px}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar{width:100%;border-radius:4px 4px 0 0;position:relative;min-height:2px;background:var(--accent)}.bar:hover .bar-tooltip{opacity:1}.bar-tooltip{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:2px 4px;border-radius:4px;font-size:10px;opacity:0;pointer-events:none;white-space:nowrap;z-index:10}.bar-label{font-size:9px;color:var(--muted);margin-top:4px}.badge{padding:2px 6px;border-radius:4px;font-size:11px;text-transform:uppercase;font-weight:600}.badge-charge{background:#dbeafe;color:#1e40af}.badge-credit{background:#dcfce7;color:#166534}.badge-debit,.badge-subscription{background:#fee2e2;color:#991b1b}.badge-failure{background:#ffedd5;color:#9a3412}.transition-all{transition:all .3s}.no-scrollbar.svelte-234utv::-webkit-scrollbar{display:none}.no-scrollbar.svelte-234utv{-ms-overflow-style:none;scrollbar-width:none}body{margin:0;overflow-x:hidden}dialog.svelte-1jtvqj1::backdrop{background:#00000080;backdrop-filter:blur(4px)}.spinner.svelte-1jtvqj1{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;display:inline-block;animation:svelte-1jtvqj1-spin 1s linear infinite}@keyframes svelte-1jtvqj1-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
