html, body { 
    background:#0f172a; 
    margin:0; 
    padding:0; 
}
.vel_wrap { 
    width:100%; 
    box-sizing:border-box; 
    padding:20px 40px; 
}
.vel_wrap form {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
}
.vel_title {
    color: #fff;
    font-size: 4em;
    font-weight: bold;
    white-space:nowrap;
    flex-shrink:0;
    margin-bottom:0;
    padding-left: 20px;
}
.vel_search { 
    display:flex; 
    gap:8px; 
    margin-bottom:0;
    flex-shrink:0;
    min-width:300px;
}
.vel_search input { 
    flex:1; 
    padding:8px 12px; 
    background:#040b1b; 
    border:1px solid #2a3458; 
    color:#e2e8f0; 
    font-size:1.2em; 
    border-radius:3px; 
    outline:none; 
}
.vel_search input:focus { 
    border-color:#2a3458; 
    background:#040b1b; 
}
.vel_search button { 
    padding:8px 30px; 
    background:#0e1521; 
    border:1px solid #2a3458; 
    color:#fff; 
    cursor:pointer; 
    font-size:1em; 
    border-radius:3px; 
}
.vel_search button:hover { 
    background:#0a3991; 
    border-color:#1f58c4; 
}
.vel_table { 
    width:100%; 
    border-collapse:collapse;
    font-size:1.2em; 
}
.vel_table thead tr { 
    background:#04050e; 
}
.vel_table th { 
    background:#182336; 
    color:#dfdfdf; 
    text-align:right; 
    border-bottom:1px solid #999; 
    border-top:1px solid #39487c; 
    white-space:nowrap; 
    letter-spacing:0.03em;
    padding:17px 25px; 
}
.vel_table th:first-child { 
    text-align:left; 
}
.vel_table td { 
    padding:17px 25px; 
    border-bottom:1px solid #1a1f3a; 
    color:#cbd5e1; 
    text-align:right; 
    white-space:nowrap; 
    background:#2a3458; 
}
.vel_table td:first-child { 
    text-align:left; 
    border-left:3px solid #0e1521; 
}
.vel_table tbody tr:nth-child(even) td { 
    background:#162445; 
}
.vel_table tr:hover td { 
    background:#0e1521 !important; 
    cursor:pointer; 
    border-left-color:#312fa5; 
}
.vel_table tbody tr:nth-child(even):hover td { 
    background:#0e1521 !important; 
}
.vel_market { 
    color:#60a5fa; 
    font-weight:bold; 
}
.vel_symbol { 
    font-size:1em; 
    color:#475569; 
    margin-left:4px; 
}
.up { 
    color:#22c55e; 
}
.dn { 
    color:#ef4444; 
}
.vel_paging { 
    display:flex; 
    gap:4px; 
    justify-content:center; 
    margin-top:20px; 
    flex-wrap:wrap; 
}
.vel_paging a { 
    padding:10px 15px; 
    background:#061329; 
    border:1px solid #2a3458; 
    color:#94a3b8; 
    text-decoration:none; 
    font-size:1.1em; 
    border-radius:3px; 
}
.vel_paging a.active { 
    background:#162445; 
    color:#60a5fa; 
    border-color:#60a5fa; 
}
.vel_paging a:hover { 
    background:#1a1f3a; 
    color:#e2e8f0; 
    border-color:#2a3458; 
}
.vel_count { 
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#98a5b8; 
    font-size:1em; 
    margin-bottom:5px; 
    padding:6px 0;  
}
.Best_Coin_Button span {
    background: #040b1b;
    border: 1px solid #2a3458;
    padding: 4px 12px;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 7px 10px 10px 10px;
}
.Best_Coin_Button span label {
    padding: 0px 5px;
    color: #fff;
    cursor:pointer;
}
.Best_Coin_Button span:hover {
    background: #0a3991;
    border-color: #1f58c4;
     
}
.vel_bar_td {
    padding: 17px 15px !important;
    min-width: 160px;
}
.vel_bar_wrap {
    position: relative;
    width: 100%;
    height: 18px;
    background: #040b1b;
    border: 1px solid #1a1f3a;
    border-radius: 2px;
    overflow: hidden;
}
.vel_bar_wrap::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #2a3458;
    z-index: 1;
}
.vel_bar {
    position: absolute;
    top: 0;
    height: 100%;
}
.vel_bar.up {
    left: 50%;
    background: rgba(34,197,94,0.75);
}
.vel_bar.dn {
    right: 50%;
    background: rgba(239,68,68,0.75);
}