* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}
body { 
    color: #e2e8f0; 
}
.Asset_Wrap {
    margin: 0px 40px 20px 40px;
}
.Asset_Title { 
    display: flex;
    background: #000;
    border-bottom: 1px solid #151515;
    font-size: 18px; 
    margin-bottom: 16px;
    padding: 20px 40px; 
    align-items: center;
}


table { 
    width: 100%; 
    border-collapse: collapse;
    border-top: 1px solid #1e273a;
    font-size: 13px; 
}
th, td { 
    padding: 15px 10px; 
    text-align: right; 
    border-bottom: 1px solid #1e273a; 
}
th { 
    color: #fff; 
    font-weight: normal; 
    background: #040b1b; 
    padding: 15px 10px;
}
tr:hover td {
    background: #040b1b !important;
}
td.date, th.date { 
    text-align: left; 
}
td {
    background: #000;
}
.pagination { 
    display: flex; 
    justify-content: center; 
    gap: 8px; 
    margin-top: 16px; 
}
.pagination a, .pagination span {
    padding: 6px 12px;
    border: 1px solid #1e273a;
    border-radius: 4px;
    color: #e2e8f0;
    text-decoration: none;
    font-size: 13px;
}
.pagination .current { 
    background: #162445; 
    font-weight: bold; 
}
.pagination .disabled { 
    color: #475569; 
}
.plus { 
    color: #10b981; 
}
.minus { 
    color: #f43f5e; 
}
.search { 
    display: flex; 
    gap: 8px; 
    align-items: center; 
    margin-bottom: 16px; 
}
.search input {
    padding: 6px 10px;
    background: #040b1b;
    border: 1px solid #1e273a;
    border-radius: 4px;
    color: #e2e8f0;
    font-size: 13px;
}
.search button {
    padding: 6px 16px;
    background: #162445;
    border: 1px solid #1e273a;
    border-radius: 4px;
    color: #e2e8f0;
    font-size: 13px;
    cursor: pointer;
}
.search button:hover {
    background: #0439aa;
    border: 1px solid #092f81;
    transition: background-color 0.5s;
}
.search span { color: #94a3b8; }



.live { 
    display: flex; 
    gap: 16px; 
    margin-bottom: 16px; 
    flex-wrap: wrap; 
}
.live .box {
    background: #040b1b;
    border: 1px solid #1e273a;
    border-radius: 5px;
    padding: 12px 30px;
    flex: 1;
}
.live .box .t { 
    font-size: 12px; 
    color: #94a3b8; 
    margin-bottom: 6px; 
}
.live .box .v { 
    font-size: 20px;
    font-family: "Orbitron", sans-serif;
    letter-spacing: 3px;

}
.charts { 
    display: flex; 
    gap: 16px; 
    margin-bottom: 20px; 
    flex-wrap: wrap; 
}
.chart-wrap { 
    flex: 1; 
    min-width: 320px; 
    background: #040b1b; 
    border: 1px solid #1e273a; 
    border-radius: 5px; 
    padding: 12px; 
}
.chart-wrap .ct { 
    font-size: 13px; 
    color: #94a3b8; 
    margin-bottom: 8px;
}


.chart-box { 
    width: 100%; 
    height: 180px; 
}