:root {
    --bg: #f4f7fb;
    --card: #fff;
    --text: #172033;
    --muted: #718096;
    --primary: #315efb;
    --success: #22a06b;
    --warning: #f59e0b;
    --danger: #e11d48;
    --line: #e6ebf2
}

.cards {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin-bottom: 18px
}

.card,
.panel {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06)
}

.card {
    padding: 20px
}

.card span {
    color: var(--muted);
    font-size: 13px
}

.card strong {
    display: block;
    font-size: 29px;
    margin: 8px 0
}

.card small {
    color: var(--muted)
}

.card.accent {
    border-left: 5px solid var(--primary)
}

.card.warning {
    border-left: 5px solid var(--warning)
}

.card.success {
    border-left: 5px solid var(--success)
}

.card.danger {
    border-left: 5px solid var(--danger)
}

.jarviswidget.well header {
    display: block !important;
}