:root {
    --bg: #0f172a;
    --panel: #111827;
    --panel-2: #1f2937;
    --text: #e5e7eb;
    --muted: #9ca3af;
    --border: #243041;
    --gold: #f59e0b;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;
    --info: #3b82f6;
}

.dashboard-page {
    color: var(--text);
    padding: 1rem;
}

.dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-title {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
}

.dashboard-subtitle {
    margin: .25rem 0 0;
    color: var(--muted);
    font-size: .9rem;
}

.btn-refresh {
    background: var(--panel-2);
    border: 1px solid var(--border);
    color: var(--text);
    padding: .5rem .9rem;
    border-radius: .7rem;
}

    .btn-refresh:hover {
        opacity: .9;
    }

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.stat-card {
    background: linear-gradient(180deg, #131c2d, #0f172a);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 12px;
    min-height: 94px;
}

.stat-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.stat-title {
    color: var(--muted);
    font-size: .88rem;
}

.stat-icon {
    font-size: 1rem;
}

.stat-value {
    font-size: 1.15rem;
    font-weight: 700;
}

.stat-gold {
    border-color: rgba(245,158,11,.5);
}

.stat-success {
    border-color: rgba(16,185,129,.5);
}

.stat-danger {
    border-color: rgba(239,68,68,.5);
}

.stat-warning {
    border-color: rgba(245,158,11,.5);
}

.stat-info {
    border-color: rgba(59,130,246,.5);
}

.dashboard-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.dashboard-panel {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 12px;
}

.panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

    .panel-header h3 {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
    }

.table-wrap {
    width: 100%;
    overflow: auto;
    border-radius: 10px;
}

.table-dark-custom {
    margin-bottom: 0;
    color: var(--text);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--border);
}

    .table-dark-custom thead th {
        color: #cbd5e1;
        font-weight: 600;
        border-bottom: 1px solid var(--border);
        background: rgba(255,255,255,.02);
    }

    .table-dark-custom tbody td {
        vertical-align: middle;
    }

.loading-box {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1rem;
}

@media (max-width: 1100px) {
    .stats-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .dashboard-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }
}