:root{--surface-900: #0a0a0f;--surface-850: #0f0f17;--surface-800: #14141f;--surface-700: #1e1e2e;--surface-600: #2a2a3d;--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #55556a;--accent-blue: #4488ff;--accent-blue-hover: #5599ff;--accent-blue-muted: #4488ff22;--color-credit: #22c55e;--color-credit-muted: #22c55e22;--color-debit: #ef4444;--color-debit-muted: #ef444422;--color-warning: #f59e0b;--color-warning-muted: #f59e0b22;--border-subtle: #1e1e2e;--border-default: #2a2a3d;--border-focus: #4488ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--transition-fast: .12s ease;--transition-base: .2s ease;--duration-entry: .3s;--duration-balance: .6s;--duration-badge: .2s;--duration-stagger: .1s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-primary);background:var(--surface-900);line-height:1.5;-webkit-font-smoothing:antialiased}.header{padding:var(--space-6) var(--space-6);border-bottom:1px solid var(--border-subtle)}.logo{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.02em}.logo-accent{color:var(--text-secondary);font-weight:var(--weight-normal)}.main{max-width:960px;margin:0 auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.balance-card{background:var(--surface-800);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;justify-content:space-between;align-items:center}.balance-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em}.balance-amount{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-credit)}.balance--negative{color:var(--color-debit)}.card{background:var(--surface-800);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.badge{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);background:var(--surface-700);padding:2px var(--space-2);border-radius:var(--radius-sm)}.form{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.form-row{display:flex;gap:var(--space-3)}.form-field{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.form-field--amount{max-width:160px}.form-field--action{flex:0;justify-content:flex-end}.form-field label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em}.form-field input,.form-field select{background:var(--surface-900);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--border-focus)}.form-field input::placeholder{color:var(--text-muted)}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:none;transition:background var(--transition-fast);white-space:nowrap}.btn--primary{background:var(--accent-blue);color:#fff}.btn--primary:hover{background:var(--accent-blue-hover)}.tx-list{display:flex;flex-direction:column}.tx-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-6);transition:background var(--transition-fast)}.tx-row:nth-child(2n){background:var(--surface-850)}.tx-row:hover{background:var(--surface-700)}.tx-info{display:flex;flex-direction:column;gap:2px}.tx-description{font-size:var(--text-sm);font-weight:var(--weight-medium)}.tx-meta{font-size:var(--text-xs);color:var(--text-muted)}.tx-amount{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium)}.tx-amount--credit{color:var(--color-credit)}.tx-amount--debit{color:var(--color-debit)}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-muted)}.empty-hint{font-size:var(--text-sm);margin-top:var(--space-1)}@keyframes tx-enter-credit{0%{opacity:0;transform:translateY(-20px);background-color:var(--color-credit-muted)}to{opacity:1;transform:translateY(0);background-color:transparent}}@keyframes tx-enter-debit{0%{opacity:0;transform:translateY(-20px);background-color:var(--color-debit-muted)}to{opacity:1;transform:translateY(0);background-color:transparent}}@keyframes badge-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes empty-fade-out{0%{opacity:1}to{opacity:0;pointer-events:none}}.tx-row--entering-credit{animation:tx-enter-credit var(--duration-entry) ease forwards}.tx-row--entering-debit{animation:tx-enter-debit var(--duration-entry) ease forwards}.badge--pop{animation:badge-pop var(--duration-badge) ease}.empty-state--fade-out{animation:empty-fade-out var(--duration-entry) ease forwards}@media(prefers-reduced-motion:reduce){.tx-row--entering-credit,.tx-row--entering-debit{animation:none;opacity:1;transform:none;background-color:transparent}.badge--pop{animation:none}.empty-state--fade-out{animation:none;opacity:0;pointer-events:none}}@media(max-width:640px){.form-row{flex-direction:column}.form-field--amount{max-width:none}.balance-card{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}