body {
    font-family:system-ui,sans-serif;
    background:#0f172a;
    color:#e5e7eb;
    margin:0;
    padding:20px;
}

a {
    color:#94a3b8;
    text-decoration:none;
}

.card {
    background:#020617;
    border:1px solid #1e293b;
    border-radius:12px;
    padding:16px;
    margin:0 0 16px;
}

.row {
    display:flex;
    align-items:center;
    gap:12px;
    margin:10px 0;
}

.label {
    width:160px;
    color:#e5e7eb;
}

.barwrap {
    flex:1;
    background:#0b1224;
    border-radius:999px;
    overflow:hidden;
    height:12px;
}

.bar {
    height:12px;
    background:#38bdf8;
}

.val {
    width:70px;
    text-align:right;
    color:#94a3b8;
}

.small {
    color:#94a3b8;
    font-size:.9rem;
}

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

td, th {
    padding:8px;
    border-bottom:1px solid #1e293b;
    text-align:left;
}

th {
    color:#94a3b8;
    font-weight:600;
}