@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
    --nv-accent: #8b7cf6;
    --nv-accent-subtle: rgba(139, 124, 246, 0.08);
    --nv-accent-muted: rgba(139, 124, 246, 0.15);
    --nv-success: #34d399;
    --nv-success-subtle: rgba(52, 211, 153, 0.10);
    --nv-warning: #fbbf24;
    --nv-warning-subtle: rgba(251, 191, 36, 0.10);
    --nv-info: #60a5fa;
    --nv-info-subtle: rgba(96, 165, 250, 0.10);
    --nv-error: #f87171;
    --nv-border: rgba(255, 255, 255, 0.06);
    --nv-border-hover: rgba(255, 255, 255, 0.10);
    --nv-surface: #0f0f12;
    --nv-surface-raised: #141418;
    --nv-text-primary: rgba(255, 255, 255, 0.95);
    --nv-text-secondary: rgba(255, 255, 255, 0.45);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #09090b;
}

.surface-border {
    border: 1px solid var(--nv-border);
}

.surface-raised {
    background-color: var(--nv-surface-raised) !important;
}

.stat-card {
    background: var(--nv-surface) !important;
    border: 1px solid var(--nv-border);
    border-radius: 10px !important;
    transition: border-color 0.15s ease;
}

    .stat-card:hover {
        border-color: var(--nv-border-hover);
    }

.stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-icon--accent {
    background: var(--nv-accent-subtle);
    color: var(--nv-accent);
}

.stat-icon--info {
    background: var(--nv-info-subtle);
    color: var(--nv-info);
}

.stat-icon--warning {
    background: var(--nv-warning-subtle);
    color: var(--nv-warning);
}

.stat-icon--success {
    background: var(--nv-success-subtle);
    color: var(--nv-success);
}

.lead-avatar {
    background: var(--nv-accent-subtle) !important;
    color: var(--nv-accent) !important;
    width: 32px !important;
    height: 32px !important;
}

.mud-table-container {
    background: transparent !important;
}