:root {
    --matify-panel-bg: #f5f7fb;
    --matify-panel-card: #ffffff;
    --matify-panel-border: #dfe7f2;
    --matify-panel-text: #1d2a36;
    --matify-panel-accent: #2f6fed;
}

.matify-panel-shell {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 20px;
    background: var(--matify-panel-bg);
    color: var(--matify-panel-text);
}

.matify-panel-header {
    margin-bottom: 24px;
}

.matify-panel-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

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

.matify-panel-span-2 {
    grid-column: span 2;
}

.matify-stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: var(--matify-panel-accent);
    margin: 0;
}