.dashboard-hero { padding: 2rem; color: #ffffff; background: linear-gradient(135deg, rgba(0, 85, 164, 0.97), rgba(0, 163, 224, 0.92)), linear-gradient(45deg, var(--bt-primary), var(--bt-secondary)); border-radius: var(--bt-radius-lg); box-shadow: var(--bt-shadow); }

    .dashboard-hero h1,
    .dashboard-hero p { color: #ffffff; }

.dashboard-kpi-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }

.dashboard-kpi-card { position: relative; overflow: hidden; padding: 1.2rem; min-height: 9rem; background: var(--bt-surface); border: 1px solid var(--bt-border); border-radius: var(--bt-radius); box-shadow: var(--bt-shadow-sm); }

    .dashboard-kpi-card::after { content: ""; position: absolute; right: -2rem; bottom: -2rem; width: 6rem; height: 6rem; border-radius: 50%; background: rgba(0, 163, 224, 0.08); }

.dashboard-kpi-icon { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0.85rem; color: #ffffff; background: linear-gradient(135deg, var(--bt-primary), var(--bt-secondary)); border-radius: 0.9rem; font-size: 1.25rem; }

.dashboard-kpi-value { display: block; color: var(--bt-primary-dark); font-size: 1.75rem; font-weight: 700; line-height: 1.1; }

.dashboard-kpi-label { display: block; margin-top: 0.25rem; color: var(--bt-muted); font-size: 0.88rem; }

.dashboard-chart-card { padding: 1.25rem; background: var(--bt-surface); border: 1px solid var(--bt-border); border-radius: var(--bt-radius); box-shadow: var(--bt-shadow-sm); }

.dashboard-chart-container { position: relative; height: 18rem; }

.dashboard-chart-container-sm { position: relative; height: 14rem; }

.completion-cell { min-width: 150px; }

.quick-actions-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }

.quick-action-card { display: flex; align-items: center; gap: 0.85rem; padding: 1rem; color: var(--bt-text); text-decoration: none; background: #ffffff; border: 1px solid var(--bt-border); border-radius: var(--bt-radius); transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; }

    .quick-action-card:hover,
    .quick-action-card:focus { color: var(--bt-primary-dark); transform: translateY(-2px); box-shadow: var(--bt-shadow-hover); border-color: rgba(0, 163, 224, 0.4); }

.quick-action-icon { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #ffffff; background: linear-gradient(135deg, var(--bt-primary), var(--bt-secondary)); border-radius: 0.85rem; font-size: 1.2rem; }

.alert-list { display: grid; gap: 0.75rem; }

.dashboard-alert-item { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.9rem; background: #ffffff; border: 1px solid var(--bt-border); border-radius: var(--bt-radius); }

@media (max-width: 1399.98px) {
    .dashboard-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

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

    .dashboard-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .dashboard-hero { padding: 1.25rem; }

    .quick-actions-grid,
    .dashboard-kpi-grid { grid-template-columns: 1fr; }
}