/* Shared presentation for public, account, learner, admin and builder layouts. */
.modern-web .theme-header-1 { margin-bottom: 0; background: var(--home-surface); }
.modern-web .theme-header-1__top-navbar { height: 64px; padding: 8px 0 !important; background: #362b25 !important; }
.modern-web .theme-header-1__top-navbar-search { height: 38px; }
.modern-web .theme-header-1__top-navbar-search input { border-color: #ffffff38 !important; border-radius: 8px; opacity: 1; background: #ffffff08 !important; }
.modern-web .theme-header-1__top-navbar-search .search-icon { top: 11px; bottom: 11px; }
.modern-web .theme-header-1__main { top: 0; margin-bottom: 0; height: 88px; border-bottom: 1px solid var(--home-line); }
.modern-web .theme-header-1__main > .container > .position-relative { border-radius: 0 !important; }
.modern-web .theme-header-1__main-mask { display: none; }
.modern-web .theme-header-1__main.sticky { top: 0; background: var(--home-surface); box-shadow: 0 5px 24px #362b250c; }
.modern-web .theme-header-1__logo { height: 38px; }
.modern-web .header-1-dropdown-menu { border: 1px solid var(--home-line); box-shadow: 0 16px 40px #362b2515 !important; }
.modern-web .theme-footer-1__section-bg-wrapper { background: #74300d !important; }
.modern-web .theme-footer-1__newsletter-mask { display: none; }
.modern-web .theme-footer-1__newsletter .rounded-32 { border-radius: 18px !important; }
.modern-web .theme-footer-1 h3 { font-size: 36px !important; line-height: 1.2; }
body.modern-ui {
  --primary: #bd4b0b; --primary-rgb: 189, 75, 11; --secondary: #362b25;
  --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ui-surface: #fff; --ui-background: #fffaf6; --ui-ink: #362b25; --ui-muted: #76675c; --ui-line: #eee0d5;
  --home-surface: var(--ui-surface); --home-line: var(--ui-line);
  --gray-500: #76675c; --gray-sidebar: #fff5ec;
  color: var(--ui-ink); background: var(--ui-background) !important;
  font-family: var(--font-family-base); -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
.modern-ui.dark-mode { --ui-surface: #30251e; --ui-background: #211913; --ui-ink: #fff5ec; --ui-muted: #c9b6a6; --ui-line: #66503f; --gray-500: #c9b6a6; --gray-sidebar: #30251e; }
.modern-ui :is(h1,h2,h3,h4,h5,h6) { letter-spacing: -.025em; line-height: 1.3; }
.modern-ui :is(p, .description) { line-height: 1.7; }
.modern-ui :is(button, input, textarea, select, .btn) { font-family: var(--font-family-base); }
.modern-ui :is(a,button,input,textarea,select,[tabindex]):focus-visible { outline: 3px solid #e88b47; outline-offset: 3px; }
.modern-ui ::selection { background: #ffe1c7; color: #362b25; }
.modern-ui .btn { border-radius: 10px; font-weight: 600; transition: background .18s, box-shadow .18s; }
.modern-ui :is(.btn-primary,.btn-primary.disabled,.btn-primary:disabled) { background: var(--primary); border-color: var(--primary); color: #fff; box-shadow: 0 4px 12px #bd4b0b19; }
.modern-ui .btn-primary:not(:disabled):hover { background: #9c3b08; border-color: #9c3b08; box-shadow: 0 6px 18px #bd4b0b2b; }
.modern-ui :is(.btn-outline-primary,.btn-border-primary) { border-color: var(--primary); color: var(--primary); }
.modern-ui .btn-outline-primary:hover { background: var(--primary); color: #fff; }
.modern-ui :is(.form-control,.custom-select,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple) { background-color: var(--ui-surface); color: var(--ui-ink); border: 1px solid var(--ui-line); border-radius: 10px; box-shadow: none; min-height: 46px; }
.modern-ui :is(.form-control,.custom-select):focus { border-color: #e88b47; box-shadow: 0 0 0 3px #bd4b0b12; }
.modern-ui .form-control::placeholder { color: #948377; opacity: 1; }
.modern-ui :is(.form-control:disabled,.form-control[readonly]) { background-color: var(--ui-background); opacity: .8; }
.modern-ui .form-control.is-invalid { border-color: #dc3545; }
.modern-ui .form-control.is-valid { border-color: #248260; }
.modern-ui :is(.form-group-label,.form-group label) { font-weight: 600; }
.modern-ui :is(.modal-content,.swal2-popup,.dropdown-menu,.select2-dropdown) { border: 1px solid var(--ui-line); border-radius: 14px; box-shadow: 0 16px 48px #362b251c; }
.modern-ui .modal-header { border-bottom-color: var(--ui-line); }
.modern-ui .modal-footer { border-top-color: var(--ui-line); }
.modern-ui .table { color: var(--ui-ink); }
.modern-ui .table thead th { background: var(--ui-background); color: var(--ui-muted); font-size: 12px; font-weight: 650; border-bottom: 1px solid var(--ui-line); padding-top: 16px; padding-bottom: 16px; white-space: nowrap; }
.modern-ui .table td { border-color: var(--ui-line); vertical-align: middle; padding-top: 16px; padding-bottom: 16px; }
.modern-ui .table tbody tr:hover { background-color: #bd4b0b05; }
.modern-ui .table-responsive { border-radius: 12px; }
.modern-ui :is(.page-link,.pagination .page-item .page-link) { border-radius: 8px; margin: 0 3px; border-color: var(--ui-line); }
.modern-ui .page-item.active .page-link { background: var(--primary); border-color: var(--primary); color: white; }
.modern-ui .nav-tabs { border-color: var(--ui-line); }
.modern-ui .nav-tabs .nav-link { font-weight: 600; }
.modern-ui .nav-tabs .nav-link.active { color: var(--primary); }
.modern-web .container { max-width: 1240px !important; }
.modern-web :is(.course-grid-card-1,.course-grid-card-2,.product-grid-card,.instructor-card,.organization-card) { border: 1px solid var(--ui-line); border-radius: 16px; background: var(--ui-surface); box-shadow: 0 4px 16px #362b2504; transition: box-shadow .2s, transform .2s; }
.modern-web :is(.course-grid-card-1,.product-grid-card,.instructor-card):hover { box-shadow: 0 12px 26px #362b2510; transform: translateY(-3px); }
.modern-web :is(.course-grid-card-1__mask,.instructor-card__mask,.auth-page-card__mask) { display: none; }
.modern-web .course-grid-card-1__image { overflow: hidden; border-radius: 15px 15px 0 0; }
.modern-web .course-grid-card-1__image img { border-radius: 15px 15px 0 0; }
.modern-web .course-grid-card-1__body { padding-top: 20px !important; }
.modern-web .course-title { line-height: 1.45; }
.modern-web :is(.bg-white.rounded-32,.bg-white.rounded-24) { border-radius: 16px !important; box-shadow: 0 4px 16px #362b2504; }
.modern-web .theme-footer-1__newsletter .newsletter-form { width: 100%; min-width: 0; }
.modern-web .theme-footer-1__newsletter :is(.form-group,input) { min-width: 0; width: 100%; }
.modern-web .theme-footer-1__newsletter svg { flex-shrink: 0; }
/* Account screens: spacious form and a distinct visual panel. */
.modern-auth #app > section.container { margin-top: 56px !important; margin-bottom: 80px !important; }
.modern-auth #app > section > .row > .col-lg-8 { flex-basis: 100%; max-width: 1020px; }
.modern-auth .auth-page-card { border: 1px solid var(--ui-line); border-radius: 22px; box-shadow: 0 18px 60px #362b250b; }
.modern-auth .auth-page-card > .position-relative { padding: 20px !important; border-radius: 22px !important; }
.modern-auth .auth-page-card > .position-relative > .row > .col-lg-6:first-child { padding: 24px 32px; }
.modern-auth .auth-page-card h1 { font-size: 30px !important; letter-spacing: -.04em; }
.modern-auth .js-auth-page-form > .pl-16 { padding-left: 0 !important; }
.modern-auth .auth-page-card .auth-slider-container { min-height: 640px; background: #fff1e5 !important; border: 1px solid var(--ui-line); border-radius: 16px !important; }
.modern-auth .auth-slider-container h4 { font-size: 24px !important; color: #362b25; max-width: 310px; }
.modern-auth .auth-slider-container .text-gray-500 { color: #76675c !important; max-width: 300px; line-height: 1.8; }
.modern-auth .auth-slider-image { width: 280px !important; height: 280px !important; }
.modern-auth .auth-page-card .form-control { height: 52px; }
.modern-auth .auth-page-card .btn-block { height: 50px; }
.modern-auth .auth-page-form-container { height: auto; max-height: none; overflow: visible; padding-right: 0 !important; }
.modern-auth .auth-register-method-item label { border-radius: 8px; font-size: 13px; }
.modern-auth .auth-register-method-item input { visibility: visible; }
.modern-auth .auth-register-method-item input:focus-visible ~ label { outline: 3px solid #e88b47; outline-offset: 2px; }
.modern-admin-auth .admin-auth-pages { min-height: 100vh; background: #fff6ee; }
.modern-admin-auth .admin-auth-pages__bg { background: #362b25 !important; }
.modern-admin-auth .admin-auth-pages__bg img { opacity: .35; }
.modern-admin-auth .content-box__mask { display: none; }
.modern-admin-auth .admin-auth-pages__contents { max-width: 500px; width: 100%; }
.modern-admin-auth .content-box > .position-relative { padding: 40px !important; border-radius: 20px !important; border: 1px solid var(--ui-line); box-shadow: 0 24px 70px #30251e24; }
.modern-admin-auth .content-box h1 { font-size: 27px !important; }
.modern-admin-auth .content-box .font-12 { font-size: 14px !important; line-height: 1.6; }
.modern-admin-auth .content-box .form-control { height: 52px; }
.modern-admin-auth .content-box .btn { height: 52px; }
/* Learner/instructor workspace and landing-page builder. */
.modern-panel :is(.panel-header,.panel-title-and-breadcrumb),
.modern-builder :is(.landing-builder-header,.landing-builder-title-and-breadcrumb) { background: var(--ui-surface) !important; border-bottom: 1px solid var(--ui-line); }
.modern-panel .panel-title-and-breadcrumb h3 { font-size: 21px !important; }
.modern-panel :is(.panel-sidebar,.panel-sidebar__contents) { background: var(--ui-surface) !important; }
.modern-panel .panel-sidebar { border-inline-end: 1px solid var(--ui-line); }
.modern-panel .panel-sidebar__user-avatar { border: 4px solid #fff0e1; }
.modern-panel :is(.panel-sidebar__menu,.panel-sidebar__menu-item,.panel-sidebar__panel-user-menu) { border-radius: 8px; transition: background .18s; }
.modern-panel :is(.panel-sidebar__menu,.panel-sidebar__menu-item):hover { background: #fff1e5; color: var(--primary); }
.modern-panel .panel-content { background: var(--ui-background); }
.modern-panel :is(.bg-white.rounded-32,.bg-white.rounded-24,.bg-white.rounded-16),
.modern-builder :is(.bg-white.rounded-32,.bg-white.rounded-24) { border-radius: 16px !important; border: 1px solid var(--ui-line); box-shadow: 0 4px 18px #362b2504; }
.modern-panel .panel-header__logo img { object-fit: contain; }
/* Administration uses the same palette with denser, readable data surfaces. */
.modern-admin .main-sidebar { background: var(--ui-surface); border-inline-end: 1px solid var(--ui-line); box-shadow: none; }
.modern-admin .main-sidebar .sidebar-brand { border-bottom: 1px solid var(--ui-line); }
.modern-admin .main-sidebar .sidebar-brand a { color: #362b25; font-size: 17px; font-weight: 750; letter-spacing: -.03em; }
.modern-admin .main-sidebar .sidebar-menu > li { margin: 3px 10px; }
.modern-admin .main-sidebar .sidebar-menu li a { color: #76675c; border-radius: 9px; font-weight: 500; }
.modern-admin .main-sidebar .sidebar-menu li a:hover { background: #fff7ef; color: #bd4b0b; }
.modern-admin .main-sidebar .sidebar-menu li.active > a { background: #fff0e1; color: #bd4b0b; font-weight: 650; }
.modern-admin .main-sidebar .sidebar-menu .menu-header { color: #948377; font-size: 10px; letter-spacing: .12em; margin-top: 16px; }
.modern-admin .admin-header { background: #362b25 !important; }
.modern-admin .admin-header > [data-toggle='sidebar'] .icons { color: #fff !important; }
.modern-admin .section .section-header { background: var(--ui-surface); border-radius: 14px; border: 1px solid var(--ui-line); box-shadow: 0 4px 18px #362b2504; padding: 24px; margin-bottom: 24px; }
.modern-admin .section .section-header h1 { color: var(--ui-ink); font-size: 25px; font-weight: 700; }
.modern-admin .card { border: 1px solid var(--ui-line); border-radius: 14px; box-shadow: 0 4px 18px #362b2504; }
.modern-admin .card .card-header { border-bottom-color: var(--ui-line); padding: 20px 24px; }
.modern-admin .card .card-header h4 { color: var(--ui-ink); font-size: 16px; font-weight: 650; }
.modern-admin .card .card-body { padding: 24px; }
.modern-admin .card .card-footer { background: transparent; border-top: 1px solid var(--ui-line); }
.modern-admin .card.card-statistic-1 .card-icon, .modern-admin .card.card-statistic-2 .card-icon { border-radius: 14px; }
.modern-admin .badge { border-radius: 6px; padding: 6px 10px; font-weight: 600; }
.modern-admin .table:not(.table-sm) thead th { background: #fff6ee; color: #76675c; }
.modern-admin .table:not(.table-sm) td { height: auto; min-height: 60px; }
.modern-admin .breadcrumb { background: transparent; font-size: 12px; }
.modern-admin .nav-pills .nav-link.active { background: var(--primary); box-shadow: 0 4px 12px #bd4b0b1a; }
.modern-admin .nav-pills .nav-link { border-radius: 8px; }
.modern-admin .bg-white.rounded-24 { border-radius: 14px !important; }
@media (max-width: 1199px) {
  .modern-web .container { padding-left: 28px; padding-right: 28px; }
}
@media (max-width: 991px) {
  .modern-web .theme-header-1__top-navbar { height: auto; padding: 12px 0 !important; }
  .modern-web .theme-header-1__main { height: auto; }
  .modern-web .theme-header-1__main .col-lg-5 { flex: 0 0 100%; max-width: 100%; order: 3; margin-top: 16px !important; }
  .modern-web .theme-header-1__main .col-lg-5 > .d-flex { justify-content: space-between; gap: 12px !important; }
  .modern-web .theme-header-1__main .col-lg-3 { flex: 0 0 100%; max-width: 100%; order: 4; }
  .modern-web .theme-header-1__main .col-lg-3 > .btn { width: 100%; height: 42px; }
  .modern-auth #app > section.container { margin-top: 32px !important; margin-bottom: 48px !important; }
  .modern-auth #app > section > .row > .col-lg-8 { max-width: 620px; }
  .modern-auth .auth-page-card > .position-relative > .row > .col-lg-6:first-child { padding: 20px 28px; }
}
@media (max-width: 575px) {
  .modern-web .container { padding-left: 20px; padding-right: 20px; }
  .modern-web .theme-header-1__top-navbar .gap-24 { gap: 12px !important; }
  .modern-web .theme-footer-1__newsletter .newsletter-form { padding: 8px !important; }
  .modern-web .theme-footer-1__newsletter input { font-size: 12px; }
  .modern-web .theme-footer-1.has-newsletter .theme-footer-1__section { padding-top: 210px; }
  .modern-auth .auth-page-card > .position-relative { padding: 12px !important; }
  .modern-auth .auth-page-card > .position-relative > .row > .col-lg-6:first-child { padding: 16px 20px; }
  .modern-auth .auth-page-card h1 { font-size: 26px !important; }
  .modern-admin-auth .content-box > .position-relative { padding: 28px 22px !important; }
  .modern-admin .section .section-header { padding: 18px; }
  .modern-admin .card :is(.card-header,.card-body) { padding: 18px; }
  .modern-panel .panel-content__scrollable { padding-left: 16px !important; padding-right: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .modern-ui *, .modern-ui *::before, .modern-ui *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media print {
  body.modern-ui { background: white !important; }
  .modern-ui :is(.card,.section-header,.auth-page-card) { box-shadow: none !important; }
}
/* Consistent page introductions and listing surfaces. */
.modern-web :is(.courses-lists-hero,.products-lists-hero,.organizations-lists-hero,.bundles-lists-hero,.blog-lists-hero,.events-lists-hero,.jobs-lists-hero,.upcoming-courses-lists-hero) { height: 240px; background: #362b25; }
.modern-web :is(.courses-lists-hero__mask,.products-lists-hero__mask,.organizations-lists-hero__mask,.bundles-lists-hero__mask,.blog-lists-hero__mask,.events-lists-hero__mask,.jobs-lists-hero__mask) { background: #362b25b3; backdrop-filter: none; }
.modern-web :is(.courses-lists-header__mask,.products-lists-header__mask,.organizations-lists-header__mask,.courses-lists-filters__mask) { display: none; }
.modern-web :is(.courses-lists-header,.products-lists-header,.organizations-lists-header) > .bg-white { border: 1px solid var(--ui-line); }
.modern-web :is(.courses-lists-header,.products-lists-header,.organizations-lists-header) h1 { font-size: 32px !important; }
.modern-web :is(.courses-lists-header__overlay-img,.products-lists-header__overlay-img,.organizations-lists-header__overlay-img) { width: 220px; height: 220px; }
.modern-web .courses-lists-filters > .bg-white { border: 1px solid var(--ui-line); border-radius: 14px !important; }
.modern-web .course-hero, .modern-web .course-hero__cover-img, .modern-web .course-hero__mask { border-radius: 20px !important; }
.modern-web .course-bottom-fixed-card { border-top: 1px solid var(--ui-line); box-shadow: 0 -5px 20px #362b2508; }
/* Keep admin sign-in usable with a small viewport or the on-screen keyboard. */
.modern-admin-auth .admin-auth-pages { display: flex; align-items: center; justify-content: center; height: auto; min-height: 100svh; overflow: visible; padding: 40px 16px; }
.modern-admin-auth .admin-auth-pages__bg { position: absolute; inset: 0; height: 100%; width: 100%; }
.modern-admin-auth .admin-auth-pages__contents { position: relative; top: auto; left: auto; transform: none; }
@media (max-width: 575px) {
  .modern-web :is(.courses-lists-header__overlay-img,.products-lists-header__overlay-img,.organizations-lists-header__overlay-img) { width: 110px; height: 110px; }
  .modern-web :is(.courses-lists-header,.products-lists-header,.organizations-lists-header) h1 { font-size: 27px !important; }
  .modern-admin-auth .admin-auth-pages { padding: 24px 8px; }
}
.modern-admin .hero.hero-bg-image { background: #362b25 !important; border-radius: 16px !important; padding: 32px; }
.modern-admin .hero .hero-inner h2 { font-size: 28px; }
.modern-admin .hero .lead { font-size: 15px; opacity: .8; }
.modern-admin .card:is(.card-statistic-1,.card-statistic-2) .card-header { border: 0; padding: 22px 16px 0; }
.modern-admin .card:is(.card-statistic-1,.card-statistic-2) .card-header h4 { font-size: 13px; font-weight: 600; letter-spacing: 0; }
.modern-admin .card:is(.card-statistic-1,.card-statistic-2) .card-body { padding: 4px 16px 18px; color: var(--ui-ink); }
.modern-panel :is(.student-dashboard__hello-box-bg,.instructor-dashboard__hello-box-bg) { background: #362b25 !important; border-radius: 18px !important; }
.modern-panel .student-dashboard__no-subscribe-card-bg { border-radius: 16px !important; background: #bd4b0b !important; }
.modern-panel .panel-sidebar .text-gray-400 { color: var(--ui-muted) !important; }
.modern-ui.dark-mode .panel-sidebar__menu:hover, .modern-ui.dark-mode .panel-sidebar__menu-item:hover { background: #503625; color: #ffc997; }
.modern-panel .dashboard-current-balance-box .font-44 { font-size: 32px !important; line-height: 1.2; overflow-wrap: anywhere; }
.modern-panel .dashboard-current-balance-box__mask { display: none; }
.modern-builder .landing-builder-sidebar { border-inline-end: 1px solid var(--ui-line); }
.modern-builder .landing-builder-title-and-breadcrumb h3 { font-size: 21px !important; }
/* Everyday administration: a short default navigation and focused overview. */
.modern-admin .admin-essential-menu { padding-top: 24px; }
.modern-admin .admin-essential-menu li a { min-height: 48px; }
.modern-admin .admin-more-tools { margin: 24px 0 0; border-top: 1px solid var(--ui-line); padding-top: 12px; }
.modern-admin .admin-more-tools summary { display: flex; align-items: center; justify-content: space-between; margin: 0 12px; padding: 14px 18px; border-radius: 9px; color: var(--ui-muted); font-weight: 600; cursor: pointer; list-style: none; }
.modern-admin .admin-more-tools summary::-webkit-details-marker { display: none; }
.modern-admin .admin-more-tools summary:hover { background: #fff1e5; color: var(--primary); }
.modern-admin .admin-more-tools summary:focus-visible { outline: 3px solid #e88b47; outline-offset: 2px; }
.modern-admin .admin-more-tools summary span { font-size: 20px; transition: transform .18s; }
.modern-admin .admin-more-tools[open] summary span { transform: rotate(45deg); }
.modern-admin .admin-more-tools-hint { font-size: 11px; color: var(--ui-muted); margin: 0; padding: 0 30px 12px; }
.modern-admin .admin-session-menu { margin-top: 20px; padding-bottom: 24px; }
.modern-admin .admin-overview { max-width: 1120px; margin: 32px auto 0; }
.modern-admin .admin-overview-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
.modern-admin .admin-overview-heading h1 { font-size: 34px; font-weight: 750; margin: 4px 0 10px; }
.modern-admin .admin-overview-heading p { color: var(--ui-muted); margin: 0; font-size: 15px; }
.modern-admin .admin-overview-heading .admin-overview-eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: .12em; font-weight: 600; }
.modern-admin .admin-overview-heading .btn { flex-shrink: 0; min-height: 46px; padding: 0 20px; }
.modern-admin .admin-overview-stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); border: 1px solid var(--ui-line); background: var(--ui-surface); border-radius: 16px; margin-bottom: 36px; }
.modern-admin .admin-overview-stat { display: flex; flex-direction: column; gap: 8px; padding: 24px 28px; }
.modern-admin .admin-overview-stat + .admin-overview-stat { border-inline-start: 1px solid var(--ui-line); }
.modern-admin .admin-overview-stat span { color: var(--ui-muted); font-size: 13px; }
.modern-admin .admin-overview-stat strong { font-size: 32px; line-height: 1.2; letter-spacing: -.04em; }
.modern-admin .admin-overview-stat small { font-size: 11px; color: var(--ui-muted); }
.modern-admin .admin-overview-section-title h2 { font-size: 19px; margin-bottom: 4px; }
.modern-admin .admin-overview-section-title p { color: var(--ui-muted); font-size: 13px; margin-bottom: 18px; }
.modern-admin .admin-overview-tasks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.modern-admin .admin-task { display: flex; align-items: center; gap: 18px; padding: 26px; border: 1px solid var(--ui-line); border-radius: 14px; background: var(--ui-surface); color: var(--ui-ink); text-decoration: none; transition: border-color .18s, box-shadow .18s; }
.modern-admin .admin-task:hover { border-color: #e8a979; box-shadow: 0 6px 18px #362b2508; }
.modern-admin .admin-task-icon { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; flex-shrink: 0; background: #fff1e5; color: var(--primary); border-radius: 12px; }
.modern-admin .admin-task h3 { font-size: 17px; font-weight: 650; margin: 0 0 5px; }
.modern-admin .admin-task p { font-size: 13px; color: var(--ui-muted); line-height: 1.5; margin: 0; }
.modern-admin .admin-task-arrow { margin-inline-start: auto; color: var(--ui-muted); font-size: 22px; }
.modern-admin .admin-overview-footer { display: flex; justify-content: space-between; gap: 16px; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--ui-line); font-size: 12px; }
.modern-admin .admin-overview-footer p { color: var(--ui-muted); margin: 0; }
.modern-admin .admin-overview-footer a { color: var(--primary); font-weight: 600; white-space: nowrap; }
.modern-admin.sidebar-mini .admin-more-tools summary { font-size: 0; margin: 0; padding: 12px 22px; }
.modern-admin.sidebar-mini .admin-more-tools-hint { display: none; }
@media (max-width: 767px) {
  .modern-admin .admin-overview { margin-top: 48px; }
  .modern-admin .admin-overview-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  .modern-admin .admin-overview-heading h1 { font-size: 29px; }
  .modern-admin .admin-overview-stats { grid-template-columns: 1fr; }
  .modern-admin .admin-overview-stat { padding: 18px 22px; }
  .modern-admin .admin-overview-stat + .admin-overview-stat { border-inline-start: 0; border-top: 1px solid var(--ui-line); }
  .modern-admin .admin-overview-tasks { grid-template-columns: 1fr; }
  .modern-admin .admin-task { padding: 22px; }
  .modern-admin .admin-overview-footer { flex-direction: column; }
}
.modern-admin .admin-overview { margin-top: 0; padding-top: 48px; }
@media (max-width: 767px) {
  .modern-admin .admin-overview { margin-top: 0; padding-top: 48px; }
}
.modern-auth .local-test-login,
.modern-admin-auth .local-test-login { padding: 18px; margin-bottom: 26px; border: 1px solid #f2d5bc; border-radius: 12px; background: #fff7ef; }
.modern-auth .local-test-login-heading,
.modern-admin-auth .local-test-login-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.modern-auth .local-test-login h2,
.modern-admin-auth .local-test-login h2 { font-size: 15px; margin: 0; color: #362b25; }
.modern-auth .local-test-login-heading > span,
.modern-admin-auth .local-test-login-heading > span { font-size: 10px; color: #bd4b0b; background: #ffe1c7; border-radius: 5px; padding: 4px 6px; white-space: nowrap; }
.modern-auth .local-test-login p,
.modern-admin-auth .local-test-login p { font-size: 12px; color: #76675c; margin: 6px 0 14px; }
.modern-auth .local-test-login-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.modern-auth .local-test-login-buttons form { flex: 1 1 100px; }
.modern-auth .local-test-login-buttons .btn { width: 100%; min-height: 42px; padding: 8px; font-size: 12px; background: white; }
.modern-auth .local-test-login-buttons .btn:hover { background: #bd4b0b; color: white; }
.modern-admin-auth .local-test-login .btn-primary { min-height: 42px; }
/* HIS LLM: warm orange brand surfaces; white cards stay white. */
.modern-web .theme-header-1__top-navbar,
.modern-admin .admin-header,
.modern-admin .hero.hero-bg-image,
.modern-panel :is(.student-dashboard__hello-box-bg,.instructor-dashboard__hello-box-bg),
.modern-admin-auth .admin-auth-pages__bg { background-color: #b9470c !important; }
.modern-ui .btn-primary { color: #fff !important; }
.modern-ui .bg-primary { background-color: var(--primary) !important; }
.modern-ui .text-primary { color: var(--primary) !important; }
.modern-ui .stars-card__item.active { color: #b85a08; }
.modern-ui .dashboard-current-balance-box { background: #bd4b0b; }
.modern-ui .dashboard-current-balance-box__footer { background: #853009; opacity: 1; }
.modern-ui .theme-footer-1__section-bg-wrapper { background: #9a3d0e !important; }
.modern-ui .two-columns-hero-section__spinning-img img,
.modern-ui .two-columns-hero-section__overlay-img img { filter: sepia(.8) saturate(1.7) hue-rotate(338deg); }

/* ---- Admin sidebar polish: rows, dropdown groups, section labels ---- */
body.modern-admin:not(.sidebar-mini) .main-sidebar { width: 272px; scrollbar-color: #e3d2c4 transparent; }
body.modern-admin:not(.sidebar-mini) .main-sidebar::-webkit-scrollbar-thumb { background: #e3d2c4; border: 3px solid #fff; border-radius: 8px; }
.modern-admin .main-sidebar .sidebar-brand { height: 68px; display: flex; align-items: center; justify-content: center; padding: 0 20px; }
.modern-admin .main-sidebar .sidebar-menu { padding: 6px 0; }
.modern-admin .main-sidebar .sidebar-menu > li { margin: 2px 12px; }
.modern-admin .main-sidebar .sidebar-menu li a { height: 44px; padding: 0 14px; gap: 12px; letter-spacing: 0; font-size: 14px; transition: background-color .15s, color .15s; }
.modern-admin .main-sidebar .sidebar-menu li a span { margin-top: 0; width: auto; flex: 1; }
.modern-admin .main-sidebar .sidebar-menu > li > a .icons { flex: 0 0 22px; width: 22px; height: 22px; color: #a8998d; transition: color .15s; }
.modern-admin .main-sidebar .sidebar-menu > li > a:hover .icons,
.modern-admin .main-sidebar .sidebar-menu > li.active > a .icons { color: var(--primary); }
.modern-admin .main-sidebar .sidebar-menu li.active > a { background: #fff0e1; box-shadow: inset 3px 0 0 var(--primary); }
.modern-admin .main-sidebar .sidebar-menu li.menu-header { padding: 0 24px; margin: 22px 0 6px; font-weight: 700; }

/* chevron */
.modern-admin .main-sidebar .sidebar-menu li a.has-dropdown:after { right: 16px; font-size: 11px; color: #b5a69a; transition: transform .2s, color .2s; }
.modern-admin .main-sidebar .sidebar-menu li.active > a.has-dropdown:after { color: var(--primary); }
.modern-admin .main-sidebar .sidebar-menu li.active > a.has-dropdown { padding-right: 36px; }

/* expanded submenu: soft panel with a guide line and dot markers */
.modern-admin .main-sidebar .sidebar-menu li ul.dropdown-menu { position: relative; margin: 2px 0 6px; padding: 4px 0 4px 0; background: transparent; border: 0; }
.modern-admin .main-sidebar .sidebar-menu li ul.dropdown-menu:before { content: ""; position: absolute; left: 25px; top: 6px; bottom: 6px; width: 1px; background: var(--ui-line); }
.modern-admin .main-sidebar .sidebar-menu li.active > ul.dropdown-menu { background: transparent; }
.modern-admin .main-sidebar .sidebar-menu li ul.dropdown-menu li { margin: 1px 0; }
.modern-admin .main-sidebar .sidebar-menu li ul.dropdown-menu li a { height: 36px; padding: 0 12px 0 46px; font-size: 13px; color: #8a7b6f; border-radius: 8px; box-shadow: none; background: transparent; }
.modern-admin .main-sidebar .sidebar-menu li ul.dropdown-menu li a:before { content: ""; position: absolute; left: 22px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: #fff; border: 1px solid #d9c7b8; transition: all .15s; }
.modern-admin .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover { background: #fff7ef; color: var(--primary); }
.modern-admin .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover:before { border-color: var(--primary); }
.modern-admin .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a { background: #fff0e1; color: var(--primary); font-weight: 600; box-shadow: none; }
.modern-admin .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a:before { background: var(--primary); border-color: var(--primary); }
.modern-admin .main-sidebar .sidebar-menu li ul.dropdown-menu li ul.dropdown-menu { padding-left: 14px; }

/* "More tools" disclosure */
.modern-admin .admin-more-tools summary { margin: 0 12px; padding: 12px 14px; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.modern-admin .admin-more-tools-hint { padding: 0 26px 10px; }
.modern-admin .admin-essential-menu li a { min-height: 44px; }

/* collapsed (mini) sidebar flyouts */
body.modern-admin.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu { border: 1px solid var(--ui-line); border-radius: 12px; box-shadow: 0 14px 34px #362b2518; padding: 6px; }
body.modern-admin.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu:before,
body.modern-admin.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li a:before { display: none; }
body.modern-admin.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li a { padding-left: 14px; }