.jsam-advanced-dashboard {
    padding: 20px;
    background: #111;
    border-radius: 12px;
}

.filters {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.filters select,
.filters input,
.filters button {
    padding: 8px;
    border-radius: 6px;
    border: none;
}

.filters button {
    cursor: pointer;
}

.jsam-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background: #1a1a1a;
    color: #fff;
}

.jsam-table th,
.jsam-table td {
    padding: 10px;
    border-bottom: 1px solid #333;
    text-align: left;
}

canvas {
    margin-top: 30px;
}
.jsam-stats-cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
margin-bottom:25px;
}

.stat-box{
background:#111;
color:#fff;
padding:20px;
border-radius:10px;
text-align:center;
}

.stat-box h4{
margin:0;
font-size:14px;
opacity:.7;
}

.stat-box strong{
font-size:26px;
}

.charts-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin:30px 0;
}

.jsam-table{
width:100%;
border-collapse:collapse;
}

.jsam-table th{
background:#111;
color:#fff;
padding:10px;
text-align:left;
}

.jsam-table td{
padding:10px;
border-bottom:1px solid #ddd;
}

.track-cell{
display:flex;
align-items:center;
gap:10px;
}

.track-cell img{
width:40px;
height:40px;
border-radius:6px;
object-fit:cover;
}