:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;background-color:#eef2f6;color:#1e1e1e}.container{max-width:100%;margin:0 auto;padding:20px;min-width:0}.nav-bar{background:#fff;border-bottom:1px solid #e5e7eb}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:0 24px}.nav-left h1{font-size:24px;font-weight:800;margin:16px 0;display:flex;align-items:center;gap:12px}.nav-left h1:before{content:"💎";font-size:28px}.nav-right{display:flex;align-items:center;gap:4px}.status-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:help;border-radius:50%;transition:background .15s}.status-indicator:hover{background:#f3f4f6}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b98126;animation:pulse 2s infinite}.social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#6b7280;transition:all .15s}.social-link svg{width:20px;height:20px}.social-link:hover{background:#f3f4f6;color:#1e1e1e}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #10b98126,0 0 #10b981b3}70%{box-shadow:0 0 0 3px #10b98126,0 0 0 6px #10b98100}}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;flex-wrap:wrap;box-shadow:0 1px 2px #0000000a}.toolbar-left{display:flex;gap:10px;align-items:center}.toolbar-right{display:flex;align-items:center;gap:12px}.toolbar-info{color:#6b7280;font-size:14px;font-weight:500;white-space:nowrap}.control-btn{display:inline-flex;align-items:center;gap:0;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .15s;overflow:hidden;height:42px}.control-btn:hover{border-color:#9ca3af;background:#fafafa}.control-btn:hover .control-icon{color:#1f2937}.control-btn:focus-visible{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.control-btn.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.control-btn.active .control-icon{color:#1d4ed8}.control-icon{width:16px;height:16px;margin-left:16px;margin-right:10px;color:#6b7280;transition:color .15s;flex-shrink:0}.control-label{margin-right:14px;white-space:nowrap}.control-count{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 14px;font-size:12px;font-weight:600;color:#6b7280;background:#f9fafb;border-left:1px solid #e5e7eb;min-width:36px;transition:all .15s}.control-btn.active .control-count{background:#dbeafe;border-left-color:#93c5fd;color:#1d4ed8}.column-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:280px;max-height:480px;overflow-y:auto;z-index:100}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0;position:sticky;top:0}.dropdown-header span{font-weight:600;font-size:14px;color:#374151}.btn-link{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s}.btn-link:hover{background:#eff6ff;color:#1d4ed8}.dropdown-body{padding:8px}.dropdown-group{margin-bottom:8px}.dropdown-group:last-child{margin-bottom:0}.dropdown-group-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f3f4f6;border-radius:6px;margin-bottom:4px}.dropdown-group-header .count{font-weight:500;color:#9ca3af}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:13px;color:#374151;cursor:pointer;border-radius:6px;transition:background .1s}.dropdown-item:hover{background:#f9fafb}.dropdown-item.disabled{color:#9ca3af;cursor:default}.dropdown-item input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.dropdown-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.dropdown-item span{flex:1}.filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 1px 2px #0000000a}.filter-search-row{margin-bottom:20px}.filter-search-input{width:100%;height:42px;padding:0 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;transition:all .15s}.filter-search-input:hover{border-color:#d1d5db}.filter-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-search-input::placeholder{color:#9ca3af}.filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px 20px;margin-bottom:20px}.filter-item{display:flex;flex-direction:column;gap:7px}.filter-item label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;padding-left:2px}.filter-range{display:flex;align-items:stretch;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden;transition:all .15s;height:38px}.filter-range:hover{border-color:#d1d5db}.filter-range:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-range input{flex:1;min-width:0;padding:0 12px;border:none;background:transparent;font-size:13px;font-weight:500;color:#1f2937;outline:none;width:100%}.filter-range input+input{border-left:1px solid #e5e7eb}.filter-range input::placeholder{color:#c0c5cc;font-size:13px;font-weight:400}.filter-select,.filter-item select{height:38px;padding:0 32px 0 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#1f2937;background:#fff;cursor:pointer;transition:all .15s;width:100%}.filter-select:hover,.filter-item select:hover{border-color:#d1d5db}.filter-select:focus,.filter-item select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:4px;border-top:1px solid #f3f4f6}.btn-primary{padding:8px 20px;background:#3b82f6;border:none;border-radius:6px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s}.btn-primary:hover{background:#2563eb}.btn-secondary{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-btn{padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;height:42px}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-btn:focus-visible{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-size-select{padding:0 32px 0 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;background:#fff;height:42px;transition:all .15s}.page-size-select:hover{border-color:#d1d5db}.page-size-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.table-wrapper{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;overflow-x:auto;overflow-y:hidden}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.table-wrapper::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.coins-table{width:max-content;min-width:100%;border-collapse:collapse}.coins-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.coins-table th{padding:12px 10px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;color:#6b7280;letter-spacing:.05em;cursor:pointer;white-space:nowrap;position:sticky;top:0;background:#f9fafb;z-index:4}.coins-table th:nth-child(n+3){text-align:right}.coins-table th:first-child{padding-left:16px;left:0;z-index:6}.coins-table th:nth-child(2){left:50px;z-index:6}.coins-table tbody tr{border-bottom:1px solid #f3f4f6}.coins-table tbody tr:hover,.coins-table tbody tr:hover td{background:#f0f4f8!important}.coins-table td{padding:12px 10px;font-size:13px;color:#1e1e1e;white-space:nowrap}.coins-table td:first-child{padding-left:16px;text-align:center;color:#6b7280;position:sticky;left:0;z-index:3;background:#fff}.coins-table td:nth-child(2){position:sticky;left:50px;z-index:3;background:#fff}.coins-table tbody tr:hover td:first-child,.coins-table tbody tr:hover td:nth-child(2){background:#f0f4f8!important}.coins-table td:nth-child(n+3){font-family:SF Mono,Monaco,monospace;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.coin-cell{display:flex;align-items:center;gap:8px}.coin-icon-wrapper{position:relative;width:24px;height:24px;flex-shrink:0}.coin-icon{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#f3f4f6}.coin-icon.loading{opacity:0}.coin-icon-placeholder,.coin-icon-fallback{width:24px;height:24px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#6b7280;position:absolute;top:0;left:0}.coin-icon-fallback{position:static}.name{font-weight:500;font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;color:#1e1e1e}.symbol{font-size:11px;color:#9ca3af;font-weight:500;letter-spacing:.02em}.positive{color:#10b981;font-weight:600}.negative{color:#ef4444;font-weight:600}.neutral{color:#9ca3af}.value-default{color:#1e1e1e;font-weight:500}.coins-table th[data-separator=true],.coins-table td[data-separator=true]{border-right:1px solid #e5e7eb}.table-footer{display:none}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:5px;cursor:help;vertical-align:middle}.tooltip-icon{width:13px;height:13px;color:#9ca3af;flex-shrink:0;transition:color .15s}.tooltip-wrapper:hover .tooltip-icon{color:#4b5563}.tooltip-content{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1f2937;color:#f9fafb;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:400;text-transform:none;letter-spacing:normal;line-height:1.45;width:max-content;max-width:260px;white-space:normal;text-align:left;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none;z-index:10;box-shadow:0 4px 12px #00000026}.tooltip-content:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:#1f2937}.tooltip-wrapper:hover .tooltip-content{opacity:1;visibility:visible}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:#6b7280}.loading:after{content:"";width:20px;height:20px;margin-left:12px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-message{text-align:center;padding:60px 24px;color:#6b7280;font-size:14px;font-style:italic}@media(max-width:768px){.container{padding:12px}.nav-container{padding:0 16px}.table-toolbar{flex-direction:column;align-items:stretch;padding:12px;gap:10px;margin-bottom:12px}.toolbar-left{display:flex;gap:8px}.toolbar-left .control-btn{flex:1;height:44px}.toolbar-right{display:none}.filter-panel{padding:16px}.filter-grid{grid-template-columns:repeat(2,1fr)}.coins-table th{padding:14px 10px;font-size:12px}.coins-table td{padding:14px 10px;font-size:14px}.coins-table td:nth-child(n+3){font-size:13px}.coins-table th:first-child,.coins-table td:first-child{padding-left:10px;padding-right:4px;width:40px;min-width:40px;font-size:12px}.coins-table th:nth-child(2){left:40px}.coins-table td:nth-child(2){left:40px;min-width:100px;padding-left:6px;padding-right:10px}.coins-table td:nth-child(2),.coins-table th:nth-child(2){box-shadow:4px 0 4px -2px #0000000d}.coin-cell{display:flex;align-items:center;gap:8px}.coin-cell .name{display:none}.coin-cell .symbol{font-size:14px;font-weight:600;color:#1e1e1e;letter-spacing:.01em;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coin-icon-wrapper,.coin-icon-fallback{width:24px;height:24px;flex-shrink:0}.coin-icon{width:24px;height:24px}.coin-icon-placeholder,.coin-icon-fallback{width:24px;height:24px;font-size:11px}.tooltip-wrapper{display:none}.table-footer{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:12px;box-shadow:0 1px 2px #0000000a}.table-footer .toolbar-info{text-align:center;font-size:13px;color:#6b7280}.table-footer .pagination-controls{display:flex;gap:8px}.table-footer .pagination-btn{flex:1;height:44px}.table-footer .page-size-select{width:100%;height:44px}}@media(max-width:480px){.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.nav-left h1{font-size:20px}}