@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
    body { font-family: 'Inter', system-ui, sans-serif; }
    .pair-btn { cursor: pointer; transition: all 0.15s ease; }
    .pair-btn.active { background: #1e40af; color: white; border-color: #1e40af; }
    .swap-chip { cursor: pointer; transition: all 0.15s ease; font-size: 0.7rem; }
    .swap-chip.active { background: #7c3aed; color: white; border-color: #7c3aed; }
    .time-btn.active { background: #eff6ff; color: #2563eb; border-color: #bfdbfe; }
    .tab-btn { cursor: pointer; transition: all 0.15s ease; }
    .tab-btn.active { background: #1e40af; color: white; }
    .candle-btn.active { background: #1e40af; color: white; border-color: #1e40af; }
    .loading { display: flex; align-items: center; justify-content: center; min-height: 200px; color: #94a3b8; }
    ::-webkit-scrollbar { width: 5px; height: 5px; }
    ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
    select { appearance: auto; }