*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #ffffff;--text-color: #1a202c;--card-bg: #f7fafc;--header-bg: #edf2f7;--accent-color: #3b82f6;--accent-hover: #2563eb;--border-color: #e2e8f0}.dark-mode{--bg-color: #1a202c;--text-color: #edf2f7;--card-bg: #2d3748;--header-bg: #4a5568;--accent-color: #3b82f6;--accent-hover: #2563eb;--border-color: #4a5568}html,body{height:100%;width:100%}body{background-color:var(--bg-color);color:var(--text-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column;min-height:100vh;align-items:center;justify-content:center;padding:2rem}.card{background-color:var(--card-bg);padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;width:100%;max-width:800px;margin-bottom:1rem}.card h1,.card h2{text-align:center;margin-bottom:1rem}.table-card{min-height:60vh}.button{background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.button:hover{background-color:var(--accent-hover)}.dark-mode-toggle{cursor:pointer;position:fixed;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border-radius:9999px;padding:.5rem;box-shadow:0 2px 4px #0000001a}.dark-mode .dark-mode-toggle{color:var(--accent-color)}.table{width:100%;border-collapse:collapse;margin-bottom:1rem;table-layout:fixed}.table th{background-color:var(--header-bg);padding:.75rem 1rem;text-align:left;font-weight:600}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.table tbody tr:hover{background-color:var(--header-bg)}.table th:nth-child(1),.table td:nth-child(1){width:20%}.table th:nth-child(2),.table td:nth-child(2){width:15%}.table th:nth-child(3),.table td:nth-child(3){width:25%}.table th:nth-child(4),.table td:nth-child(4){width:20%}.table th:nth-child(5),.table td:nth-child(5){width:20%}.table th:nth-child(n+2),.table td:nth-child(n+2){text-align:right}.table th:last-child,.table td:last-child{text-align:center}.table td{font-variant-numeric:tabular-nums}.btn-secondary{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--text-color);border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.dark-mode .btn-secondary{background-color:var(--text-color);color:var(--bg-color);border:1px solid var(--bg-color)}.btn-secondary:hover,.dark-mode .btn-secondary:hover{background-color:var(--accent-hover);color:#fff}.back-button{position:absolute;top:1rem;left:1rem}.exchange-button{display:block;width:100%;text-align:center;margin:.5rem 0}.select-title{margin-bottom:1.5rem}.search-wrapper{position:relative;margin-bottom:1rem}.search-wrapper input{width:100%;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--bg-color);color:var(--text-color);font-size:1rem}.table td,.table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:3rem;height:3rem;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.card,.tracker{padding:0 1rem}.table th,.table td{padding:.5rem}}