body.dashboard-shell[data-active-module="students"] #module-container,
body.dashboard-shell[data-active-module="quickEnrollment"] #module-container,
body.dashboard-shell[data-active-module="crm"] #module-container,
body.dashboard-shell[data-active-module="dashboard"] #module-container {
    animation: moduleFadeIn 180ms ease;
}

body.dashboard-shell[data-active-module="students"] .module-isolated-container,
body.dashboard-shell[data-active-module="crm"] .module-header-premium,
body.dashboard-shell[data-active-module="students"] .module-header,
body.dashboard-shell[data-active-module="students"] .module-filters,
body.dashboard-shell[data-active-module="students"] .table-container,
body.dashboard-shell[data-active-module="students"] .students-table-wrapper,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-form-simplified,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-search-box,
body.dashboard-shell[data-active-module="crm"] .data-card-premium,
body.dashboard-shell[data-active-module="crm"] .stats-grid .stat-card-enhanced {
    background: linear-gradient(180deg, rgba(24, 34, 53, 0.92), rgba(17, 24, 39, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 24px;
    box-shadow: 0 18px 40px rgba(2, 6, 23, 0.28);
}

body.dashboard-shell[data-active-module="students"] .module-header,
body.dashboard-shell[data-active-module="crm"] .module-header-premium {
    padding: 24px 28px;
    margin-bottom: 20px;
}

body.dashboard-shell[data-active-module="students"] .module-title,
body.dashboard-shell[data-active-module="crm"] .module-header-premium h1 {
    font-family: var(--font-family-primary);
    font-size: clamp(1.6rem, 2vw, 2rem);
    line-height: 1.1;
    letter-spacing: -0.03em;
}

body.dashboard-shell[data-active-module="students"] .module-header .breadcrumb,
body.dashboard-shell[data-active-module="crm"] .module-header-premium .breadcrumb {
    display: flex !important;
    gap: 8px;
    align-items: center;
    color: var(--color-text-muted);
    font-size: 0.8rem;
}

body.dashboard-shell[data-active-module="students"] .stats-grid,
body.dashboard-shell[data-active-module="crm"] .stats-grid,
body.dashboard-shell[data-active-module="dashboard"] .exec-kpi-grid {
    gap: 16px;
}

body.dashboard-shell[data-active-module="students"] .stat-card,
body.dashboard-shell[data-active-module="crm"] .stat-card-enhanced {
    min-height: 132px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.94), rgba(15, 23, 42, 0.98));
}

body.dashboard-shell[data-active-module="students"] .stat-number,
body.dashboard-shell[data-active-module="crm"] .stat-value {
    color: var(--color-text);
    font-size: clamp(1.8rem, 3vw, 2.35rem);
    font-variant-numeric: tabular-nums;
}

body.dashboard-shell[data-active-module="students"] .module-filters {
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 24px;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(12px);
    padding: 20px;
}

body.dashboard-shell[data-active-module="students"] .form-control,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-field input,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-field select,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-search-input-group input,
body.dashboard-shell[data-active-module="crm"] input,
body.dashboard-shell[data-active-module="crm"] select,
body.dashboard-shell[data-active-module="crm"] textarea {
    min-height: 48px;
    background: rgba(15, 23, 42, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.18);
    color: var(--color-text);
}

body.dashboard-shell[data-active-module="students"] .form-control::placeholder,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-field input::placeholder,
body.dashboard-shell[data-active-module="crm"] input::placeholder {
    color: rgba(148, 163, 184, 0.82);
}

body.dashboard-shell[data-active-module="students"] .table-container table,
body.dashboard-shell[data-active-module="students"] .students-table,
body.dashboard-shell[data-active-module="crm"] table {
    background: transparent;
    color: var(--color-text);
}

body.dashboard-shell[data-active-module="students"] .table-container thead th,
body.dashboard-shell[data-active-module="crm"] table thead th {
    background: rgba(37, 99, 235, 0.08);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.75rem;
}

body.dashboard-shell[data-active-module="students"] .table-container tbody tr:hover {
    background: rgba(37, 99, 235, 0.08);
}

body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-container {
    max-width: 960px;
    padding: 0;
    color: var(--color-text);
    font-family: var(--font-family-primary);
}

body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-header {
    text-align: left;
    margin-bottom: 18px;
}

body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-header h1 {
    background: none;
    color: var(--color-text);
    -webkit-text-fill-color: initial;
    font-size: clamp(1.7rem, 2.8vw, 2.2rem);
    letter-spacing: -0.03em;
}

body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-header p,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-field label .optional,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-field small,
body.dashboard-shell[data-active-module="crm"] .header-subtitle,
body.dashboard-shell[data-active-module="crm"] .stage-count,
body.dashboard-shell[data-active-module="crm"] .lead-meta,
body.dashboard-shell[data-active-module="crm"] .hot-lead-reason {
    color: var(--color-text-muted);
}

body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-mode-toggle,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-actions {
    display: flex;
    justify-content: flex-start;
}

body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-form-simplified {
    padding: 24px;
}

body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-section h2,
body.dashboard-shell[data-active-module="crm"] .card-header h2,
body.dashboard-shell[data-active-module="crm"] .stage-name,
body.dashboard-shell[data-active-module="crm"] .lead-name {
    color: var(--color-text);
}

body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-plan-card,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-info-box,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-camera-container,
body.dashboard-shell[data-active-module="crm"] .lead-item-compact,
body.dashboard-shell[data-active-module="crm"] .hot-lead-item {
    background: rgba(15, 23, 42, 0.68);
    border: 1px solid rgba(148, 163, 184, 0.14);
}

body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-btn-outline,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-btn-toggle,
body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-btn-primary,
body.dashboard-shell[data-active-module="crm"] .btn-primary,
body.dashboard-shell[data-active-module="crm"] .btn-secondary,
body.dashboard-shell[data-active-module="students"] .btn {
    min-height: 44px;
    border-radius: 14px;
}

body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-btn-outline,
body.dashboard-shell[data-active-module="crm"] .btn-secondary,
body.dashboard-shell[data-active-module="students"] .btn-secondary {
    background: rgba(15, 23, 42, 0.76);
    color: var(--color-text);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

body.dashboard-shell[data-active-module="crm"] .dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

body.dashboard-shell[data-active-module="crm"] .funnel-container,
body.dashboard-shell[data-active-module="crm"] .leads-list-compact,
body.dashboard-shell[data-active-module="crm"] .hot-leads-list {
    padding: 20px;
}

body.dashboard-shell[data-active-module="crm"] .funnel-bar-container {
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(148, 163, 184, 0.12);
}

body.dashboard-shell[data-active-module="crm"] .funnel-bar-new,
body.dashboard-shell[data-active-module="crm"] .funnel-bar-converted,
body.dashboard-shell[data-active-module="crm"] .funnel-bar-contacted,
body.dashboard-shell[data-active-module="crm"] .funnel-bar-qualified,
body.dashboard-shell[data-active-module="crm"] .funnel-bar-trial_scheduled,
body.dashboard-shell[data-active-module="crm"] .funnel-bar-trial_attended,
body.dashboard-shell[data-active-module="crm"] .funnel-bar-negotiation {
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.92), rgba(30, 41, 59, 0.88));
}

@media (max-width: 991px) {
    body.dashboard-shell[data-active-module="students"] .module-header,
    body.dashboard-shell[data-active-module="crm"] .module-header-premium,
    body.dashboard-shell[data-active-module="quickEnrollment"] .pvd-form-simplified {
        padding: 18px;
    }

    body.dashboard-shell[data-active-module="crm"] .dashboard-grid {
        grid-template-columns: 1fr;
    }
}

@keyframes moduleFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}