:root{scrollbar-gutter:stable both-edges;--bg-main: #000000;--bg-card: #0a0a0a;--bg-secondary: #161616;--bg-hover: #262626;--bg-input: #050505;--bg-surface: #111111;--border-light: #262626;--border-dim: #1a1a1a;--border-focus: #404040;--border-highlight: #333333;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #525252;--accent: #3b82f6;--accent-fg: #ffffff;--accent-hover: #2563eb;--error: #ef4444;--success: #10b981;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--color-value: #3b82f6;--color-daily: #8b5cf6;--color-price: #10b981;--color-expiry: #f59e0b}body{margin:0;background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition);border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-focus)}