/* ========== TABLE ========== */
.table-container {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--color-gray-light);
}
.table-container table { width: 100%; }
.table-container th {
    text-align: right;
    padding: 12px 16px;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-gray);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid var(--color-gray-light);
    background: var(--color-white);
}
.table-container td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-gray-light);
    font-size: 14px;
}
.table-container tr:hover {
    background: var(--color-white);
}
.table-container tr:last-child td {
    border-bottom: none;
}

/* ========== BADGES ========== */
.badge {
    padding: 2px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
}
.badge-success { background: #ecfdf5; color: #065f46; }
.badge-warning { background: #fffbeb; color: #92400e; }
.badge-danger { background: #fef2f2; color: #991b1b; }
.badge-info { background: #eff6ff; color: #1e40af; }
.badge-gray { background: var(--color-gray-light); color: var(--color-gray); }
.badge-gold { background: var(--color-gold-light); color: var(--color-gold-dark); }