.token-swaps-loading{display:flex;flex-direction:column;gap:var(--spacing-xs)}.token-swap-skeleton{height:32px;background-color:var(--color-surface-secondary);border-radius:var(--radius-sm);animation:tokenSwapsShimmer 1.5s infinite}.token-swaps-error{text-align:center;padding:var(--spacing-xl)}.error-message{color:var(--color-error);margin-bottom:var(--spacing-sm);font-family:var(--font-body)}.token-swaps-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-family:var(--font-body)}.empty-subtitle{font-size:var(--font-size-sm)}.token-swaps-wrapper{display:flex;flex-direction:column;flex:1 1;min-height:0;overflow-x:hidden}.token-swaps-table{display:flex;flex-direction:column;height:100%;overflow:hidden}.token-swaps-scroll-wrapper{display:flex;flex-direction:column;height:calc(100vh - 132px);overflow-x:auto;overflow-y:auto;min-width:0;gap:1px}.token-swaps-header{display:grid;grid-template-columns:120px 1fr 1fr 140px 100px 40px;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-surface-tertiary);border-bottom:1px solid var(--color-border);font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-body);flex-shrink:0;min-height:32px;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:10;min-width:600px}.header-amount,.header-maker,.header-price,.header-type{text-align:left}.header-txid{text-align:center}.header-value{text-align:right}.token-swaps-scroll-wrapper::-webkit-scrollbar{width:4px}.token-swaps-scroll-wrapper::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:2px}.token-swaps-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.token-swaps-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.token-swap-item{background-color:var(--color-surface-secondary);border-radius:0;border-bottom:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-md);transition:background-color var(--transition-normal);height:36px;display:grid;grid-template-columns:120px 1fr 1fr 140px 100px 40px;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);align-items:center;font-size:var(--font-size-xs);font-family:var(--font-body);flex-shrink:0;min-width:600px}.token-swap-item:hover{background-color:var(--color-surface-tertiary)}.swap-left{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.swap-direction{padding:2px 6px;border-radius:var(--radius-xs);font-size:10px;font-weight:700;font-family:var(--font-body);color:white;text-transform:uppercase;line-height:1}.swap-direction.buy{background-color:var(--color-success)}.swap-direction.sell{background-color:var(--color-error)}.swap-time{font-size:10px;color:var(--color-text-muted);font-family:var(--font-body);white-space:nowrap}.swap-amount-column{display:flex;align-items:center;min-width:0;justify-content:flex-start}.swap-token-amount{font-size:var(--font-size-xs);color:var(--color-text-primary);font-family:var(--font-body);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swap-price-column{display:flex;align-items:center;min-width:0;justify-content:flex-start}.swap-price-usd{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount-separator{color:var(--color-text-muted);font-size:10px}.swap-maker-column{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:flex-start}.swap-maker{font-size:11px;color:var(--color-text-muted);font-family:var(--font-body);white-space:nowrap}.basescan-link{font-size:9px;text-decoration:none;opacity:.6;transition:opacity var(--transition-normal);line-height:1}.basescan-link:hover{opacity:1}.filter-status-bar{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-primary);color:white;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.filter-status-content{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.filter-status-item{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-body);font-weight:500}.clear-individual-filter-btn{background:rgba(255,255,255,.2);border:none;color:white;border-radius:var(--radius-xs);padding:2px 4px;cursor:pointer;font-size:10px;line-height:1;transition:background-color var(--transition-normal)}.clear-individual-filter-btn:hover{background:rgba(255,255,255,.3)}.clear-all-filters-btn{background:rgba(255,255,255,.2);border:none;color:white;border-radius:var(--radius-xs);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;line-height:1;transition:background-color var(--transition-normal)}.clear-all-filters-btn:hover{background:rgba(255,255,255,.3)}.header-amount,.header-maker{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs)}.amount-filter-controls,.maker-filter-controls{display:flex;align-items:center;gap:var(--spacing-xs);position:relative;height:16px}.filter-btn{background:none;border:none;cursor:pointer;font-size:12px;opacity:.6;transition:opacity var(--transition-normal);padding:2px;line-height:1;height:16px;display:flex;align-items:center;justify-content:center}.filter-btn:hover{opacity:1}.filter-input-container{display:flex;align-items:center;gap:4px;background:var(--color-background);border:2px solid var(--color-primary);border-radius:var(--radius-sm);padding:4px 6px;position:absolute;top:-2px;right:0;z-index:10;height:20px;box-shadow:0 4px 12px rgba(0,0,0,.2),0 0 0 1px rgba(220,38,38,.1);min-width:120px}.filter-input{background:none;border:none;color:var(--color-text-primary);font-size:11px;font-family:JetBrains Mono,monospace;font-weight:500;width:80px;padding:0;outline:none;height:12px}.filter-input::placeholder{color:var(--color-text-muted);opacity:.7;font-weight:400}.filter-cancel-btn,.filter-submit-btn{background:none;border:none;cursor:pointer;font-size:11px;font-weight:600;padding:0 3px;line-height:1;transition:all var(--transition-normal);height:12px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs)}.filter-submit-btn{color:var(--color-success)}.filter-submit-btn:hover{color:var(--color-success-dark);background:rgba(16,185,129,.1)}.filter-cancel-btn{color:var(--color-error)}.filter-cancel-btn:hover{color:var(--color-error-dark);background:rgba(239,68,68,.1)}.filter-icon{color:var(--color-text-muted);transition:color var(--transition-normal)}.filter-btn .filter-icon:hover,.filter-icon-active{color:var(--color-primary)}.swap-maker-link{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--color-text-muted);text-decoration:none;white-space:nowrap;transition:color var(--transition-normal)}.swap-maker-link:hover{color:var(--color-primary);text-decoration:underline}.maker-filter-btn{background:none;border:none;cursor:pointer;padding:2px;border-radius:var(--radius-xs);transition:all var(--transition-normal);opacity:.6;display:flex;align-items:center;justify-content:center}.maker-filter-btn:hover{opacity:1;background-color:var(--color-surface-tertiary);transform:scale(1.1)}.swap-txid-column,.swap-txid-link{display:flex;align-items:center;justify-content:center}.swap-txid-link{opacity:.7;transition:opacity var(--transition-normal),transform var(--transition-normal);border-radius:var(--radius-xs);padding:2px}.swap-txid-link:hover{opacity:1;transform:scale(1.1)}.basescan-icon{width:14px;height:14px;display:block}.swap-right{display:flex;align-items:center;justify-content:flex-end}.swap-value-compact{font-size:11px}.swap-price-compact,.swap-value-compact{color:var(--color-text-primary);font-weight:600}.swap-price-compact{font-size:10px;font-family:var(--font-body)}.swap-value-compact{color:var(--color-text-muted)}.swap-tx-link,.swap-value-compact{font-size:9px;font-family:var(--font-body)}.swap-tx-link{color:var(--color-primary);text-decoration:none;opacity:.7}.swap-tx-link:hover{opacity:1;color:var(--color-primary-dark)}@media (max-width:768px){.token-swaps-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.token-swap-item,.token-swaps-header{min-width:460px}.token-swaps-header{padding:4px 8px;font-size:9px}.token-swap-item,.token-swaps-header{grid-template-columns:70px 1fr 2fr 2fr 60px 40px;gap:4px}.token-swap-item{height:28px;padding:2px 8px;font-size:10px}.swap-direction{padding:1px 4px;font-size:9px}.swap-time{font-size:9px}.swap-amount-column{gap:var(--spacing-xs)}.swap-token-amount{font-size:10px}.swap-price-column{gap:var(--spacing-xs)}.swap-price-usd{font-size:10px}.swap-price-compact{font-size:9px}.swap-value-compact{font-size:8px}}@media (max-width:480px){.token-swaps-scroll-wrapper{overflow-x:hidden!important}.token-swap-item,.token-swaps-header{grid-template-columns:60px 1fr 80px 60px 40px!important;min-width:auto!important}.token-swap-item{height:26px;padding:1px 4px;font-size:9px}.header-price,.swap-price-column{display:none!important}.swap-left{justify-self:start}.swap-amount-column{gap:2px;justify-self:start}.swap-maker-column,.swap-right{justify-self:start}.swap-right{min-width:40px}.swap-txid-column{justify-self:center}}.new-swap-animation{animation:newSwapInsert 1s ease-out;border-left:3px solid var(--color-success);box-shadow:0 0 10px rgba(34,197,94,.3);background:linear-gradient(90deg,rgba(34,197,94,.1) 0,var(--color-surface-secondary) 100%)}@keyframes newSwapInsert{0%{opacity:0;transform:translateY(-20px) scale(.95);background:linear-gradient(90deg,rgba(34,197,94,.4) 0,var(--color-surface-secondary) 100%)}50%{opacity:1;transform:translateY(-5px) scale(1.02);background:linear-gradient(90deg,rgba(34,197,94,.2) 0,var(--color-surface-secondary) 100%)}to{opacity:1;transform:translateY(0) scale(1);background:linear-gradient(90deg,rgba(34,197,94,.1) 0,var(--color-surface-secondary) 100%)}}.new-swap-animation .swap-direction.buy{animation:buyPulse 1s ease-out}.new-swap-animation .swap-direction.sell{animation:sellPulse 1s ease-out}@keyframes buyPulse{0%,to{background-color:var(--color-success);box-shadow:0 0 0 0 rgba(34,197,94,.7)}50%{background-color:var(--color-success);box-shadow:0 0 0 6px rgba(34,197,94,0)}}@keyframes sellPulse{0%,to{background-color:var(--color-error);box-shadow:0 0 0 0 rgba(239,68,68,.7)}50%{background-color:var(--color-error);box-shadow:0 0 0 6px rgba(239,68,68,0)}}.loading-more-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:var(--font-body)}.loading-more-spinner{width:16px;height:16px;border-top:2px solid var(--color-border);border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;transition:opacity .2s ease}.loading-more-spinner.visible{opacity:1;animation:spin 1s linear infinite}.loading-more-spinner.hidden{opacity:0;animation:none}.loading-more-text{font-weight:500}.end-of-data-indicator{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);margin-top:var(--spacing-xs)}.end-of-data-text{color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:var(--font-body);font-style:italic;opacity:.7}@keyframes tokenSwapsShimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.loading-more-indicator{padding:var(--spacing-sm)}.loading-more-spinner{width:14px;height:14px}.end-of-data-indicator{padding:var(--spacing-sm)}}