:root{--color-black: #000000;--color-white: #FFFFFF;--color-gray-bg: #F8F9FA;--color-border-gray: #E5E7EB;--color-text-primary: #1A202C;--color-text-secondary: #6B7785;--color-text-muted: #9CA3AF;--color-success: #3ECC71;--color-error: #EF4444;--color-warning: #F59E0B;--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 6px;--border-radius-md: 8px;font-family:var(--font-family);line-height:1.6;font-weight:var(--font-weight-regular);color-scheme:light;color:var(--color-text-primary);background-color:var(--color-gray-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-gray-bg);color:var(--color-text-primary);font-family:var(--font-family);font-size:14px;line-height:1.6}#root{width:100%;height:100vh}.content{background:var(--color-white);padding:var(--spacing-lg)}.heading{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--color-black)}.subheading{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.body{font-size:14px;color:var(--color-text-secondary)}.label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.btn{background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:10px 20px;font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit}.btn-secondary{background:var(--color-white);color:var(--color-black);border:1px solid var(--color-border-gray)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--color-text-muted);padding:12px 0}td{padding:16px 0;border-top:1px solid #F0F2F4}.positive{color:var(--color-success)}.negative{color:var(--color-error)}.pending{color:var(--color-warning)}