.admin-hero {
    align-items: center;
    background: linear-gradient(125deg, #173f5f 0%, #1f6f78 62%, #2d8b79 100%);
    border-radius: 1rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 1.75rem 2rem;
    position: relative;
}

.admin-hero::after {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    content: "";
    height: 16rem;
    position: absolute;
    right: 8rem;
    top: -10rem;
    width: 16rem;
}

.admin-hero > * { position: relative; z-index: 1; }
.admin-hero__eyebrow { font-size: .75rem; font-weight: 600; letter-spacing: .08em; opacity: .78; text-transform: uppercase; }
.admin-hero__title { color: #fff; margin: .35rem 0; }
.admin-hero__copy { color: rgba(255, 255, 255, .78); }
.admin-metric { border: 1px solid var(--vz-border-color); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.admin-metric:hover { border-color: rgba(var(--vz-primary-rgb), .4); box-shadow: 0 .65rem 1.5rem rgba(35, 38, 45, .08); transform: translateY(-2px); }
.admin-metric__icon, .admin-alert-row__icon { align-items: center; border-radius: .75rem; display: inline-flex; justify-content: center; }
.admin-metric__icon { font-size: 1.35rem; height: 2.75rem; width: 2.75rem; }
.admin-metric__value { font-size: 2rem; font-weight: 700; line-height: 1; margin: 1.35rem 0 .6rem; }
.admin-course-card { border: 1px solid var(--vz-border-color); }
.admin-course-card__mark { align-items: center; background: rgba(var(--vz-primary-rgb), .1); border-radius: .75rem; color: var(--vz-primary); display: inline-flex; flex: 0 0 auto; font-size: 1.35rem; height: 2.75rem; justify-content: center; width: 2.75rem; }
.admin-empty-state__icon { align-items: center; background: rgba(var(--vz-primary-rgb), .1); border-radius: 50%; color: var(--vz-primary); display: inline-flex; font-size: 1.75rem; height: 4rem; justify-content: center; width: 4rem; }
.admin-alert-row { align-items: center; display: flex; gap: .85rem; }
.admin-alert-row__icon { flex: 0 0 auto; font-size: 1.1rem; height: 2.5rem; width: 2.5rem; }
.course-workspace-nav { background: var(--vz-card-bg); border: 1px solid var(--vz-border-color); border-radius: .75rem; display: flex; gap: .25rem; margin-bottom: 1.25rem; overflow-x: auto; padding: .4rem; }
.course-workspace-nav a { border-radius: .5rem; color: var(--vz-body-color); flex: 0 0 auto; font-size: .825rem; font-weight: 500; padding: .65rem .85rem; }
.course-workspace-nav a.active, .course-workspace-nav a:hover { background: rgba(var(--vz-primary-rgb), .1); color: var(--vz-primary); }

@media (max-width: 767.98px) {
    .admin-hero { align-items: flex-start; flex-direction: column; gap: 1.25rem; padding: 1.5rem; }
    .admin-hero .btn { width: 100%; }
}