:root {
--a-primary: #0891b2;
--a-primary-hover: #0e7490;
--a-primary-soft: #f0fdfa;
--a-primary-muted: rgba(8,145,178,0.08);
--a-bg: #f4f5f7;
--a-surface: #ffffff;
--a-text: #18181b;
--a-text-secondary: #52525b;
--a-text-muted: #a1a1aa;
--a-border: #e4e4e7;
--a-border-light: #f4f4f5;
--a-success: #10b981;
--a-danger: #ef4444;
--a-radius: 12px;
--a-radius-sm: 8px;
--a-radius-xs: 6px;
--a-shadow: 0 1px 2px rgba(0,0,0,0.04);
--a-shadow-md: 0 2px 8px rgba(0,0,0,0.06);
--a-transition: all 0.15s ease;
}
.tutor-dashboard .tutor-frontend-dashboard-maincontent ul.tutor-dashboard-permalinks:before {
border-right: 0px;
} .tutor-wrap.tutor-dashboard {
background: var(--a-bg) !important;
padding-bottom: 60px !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
-webkit-font-smoothing: antialiased !important;
} .tutor-dashboard hr,
.tutor-dashboard .tutor-border-top,
.tutor-dashboard .tutor-border-bottom,
.tutor-dashboard .tutor-frontend-dashboard-maincontent::before,
.tutor-dashboard .tutor-frontend-dashboard-maincontent::after {
display: none !important;
border: none !important;
} .tutor-frontend-dashboard-header,
.tutor-dashboard .tutor-container > .tutor-row:first-child {
background: var(--a-surface) !important;
border-radius: var(--a-radius) !important;
box-shadow: var(--a-shadow) !important;
padding: 20px 28px !important;
margin: 20px auto 16px !important;
border: none !important;
align-items: center !important;
} .tutor-dashboard .tutor-avatar.tutor-avatar-xl {
width: 48px !important;
height: 48px !important;
font-size: 18px !important;
border-radius: 12px !important;
border: none !important;
background: var(--a-primary) !important;
color: #fff !important;
} .tutor-dashboard-header-ratings,
.tutor-dashboard-header-stats {
display: none !important;
} .tutor-dashboard-header .tutor-fs-4,
.tutor-dashboard-header .tutor-fs-5,
.tutor-header-left-side .tutor-fs-4 {
font-weight: 600 !important;
color: var(--a-text) !important;
font-size: 17px !important;
} .tutor-dashboard .tutor-header-right-side .tutor-btn-primary,
.tutor-dashboard .tutor-header-right-side .tutor-btn {
background: var(--a-text) !important;
border: none !important;
border-radius: var(--a-radius-sm) !important;
padding: 9px 20px !important;
font-weight: 500 !important;
font-size: 13px !important;
transition: var(--a-transition) !important;
color: #fff !important;
}
.tutor-dashboard .tutor-header-right-side .tutor-btn-primary:hover,
.tutor-dashboard .tutor-header-right-side .tutor-btn:hover {
background: #27272a !important;
opacity: 0.9 !important;
} .tutor-dashboard .tutor-header-right-side .tutor-icon-bell-bold-filled {
color: var(--a-text-muted) !important;
} .tutor-dashboard .tutor-dashboard-left-menu {
background: var(--a-surface) !important;
border-radius: var(--a-radius) !important;
box-shadow: var(--a-shadow) !important;
border: none !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
border-bottom: none !important;
border-inline-end: none !important;
border-inline-start: none !important;
padding: 8px !important;
margin-top: 0 !important;
position: sticky !important;
top: 20px !important;
overflow: hidden !important;
} .tutor-dashboard .tutor-col-12.tutor-col-md-4.tutor-col-lg-3,
.tutor-dashboard [class*="tutor-col"]:has(.tutor-dashboard-permalinks) {
border: none !important;
border-left: none !important;
border-right: none !important;
border-inline-end: none !important;
outline: none !important;
}
.tutor-dashboard-permalinks {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
} .tutor-dashboard-menu-item {
margin-bottom: 0 !important;
}
.tutor-dashboard-menu-item-link {
display: flex !important;
align-items: center !important;
padding: 9px 12px !important;
border-radius: var(--a-radius-xs) !important;
color: var(--a-text-secondary) !important;
font-size: 13px !important;
font-weight: 450 !important;
transition: var(--a-transition) !important;
text-decoration: none !important;
border: none !important;
gap: 10px !important;
line-height: 1.4 !important;
}
.tutor-dashboard-menu-item-link:hover {
background: var(--a-border-light) !important;
color: var(--a-text) !important;
text-decoration: none !important;
} .tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link {
background: var(--a-primary-muted) !important;
color: var(--a-primary) !important;
font-weight: 550 !important;
} .tutor-dashboard-menu-item-icon {
font-size: 15px !important;
width: 18px !important;
text-align: center !important;
opacity: 0.55 !important;
flex-shrink: 0 !important;
}
.tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-icon {
opacity: 0.85 !important;
} .tutor-dashboard-menu-item-text {
margin-left: 0 !important;
} .tutor-dashboard-permalinks .tutor-dashboard-menu-divider {
height: 0 !important;
margin: 6px 12px !important;
padding: 0 !important;
border: none !important;
border-top: 1px solid var(--a-border-light) !important;
background: none !important;
background-image: none !important;
list-style: none !important;
display: block !important;
overflow: hidden !important;
line-height: 0 !important;
font-size: 0 !important;
}
.tutor-dashboard-permalinks .tutor-dashboard-menu-divider::before,
.tutor-dashboard-permalinks .tutor-dashboard-menu-divider::after {
display: none !important;
content: none !important;
} .tutor-dashboard-permalinks .tutor-dashboard-menu-divider-header {
display: block !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
color: var(--a-text-muted) !important;
padding: 10px 12px 4px !important;
font-weight: 600 !important;
margin: 0 !important;
background: none !important;
background-image: none !important;
border: none !important;
list-style: none !important;
}
.tutor-dashboard-permalinks .tutor-dashboard-menu-divider-header::before,
.tutor-dashboard-permalinks .tutor-dashboard-menu-divider-header::after {
display: none !important;
content: none !important;
} .tutor-dashboard-menu-item.tutor-dashboard-menu-logout .tutor-dashboard-menu-item-link,
.tutor-dashboard-permalinks > li:last-child > .tutor-dashboard-menu-item-link {
color: var(--a-text-muted) !important;
margin-top: 4px !important;
border-radius: var(--a-radius-xs) !important;
font-size: 13px !important;
border: none !important;
border-top: none !important;
}
.tutor-dashboard-menu-item.tutor-dashboard-menu-logout .tutor-dashboard-menu-item-link:hover,
.tutor-dashboard-permalinks > li:last-child > .tutor-dashboard-menu-item-link:hover {
color: var(--a-danger) !important;
background: #fef2f2 !important;
} .tutor-dashboard-content-inner {
padding: 0 !important;
}
.tutor-dashboard-content-inner .tutor-card {
background: var(--a-surface) !important;
border: 1px solid var(--a-border-light) !important;
border-radius: var(--a-radius) !important;
box-shadow: none !important;
padding: 24px 18px !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
transition: var(--a-transition) !important;
}
.tutor-dashboard-content-inner .tutor-card::before {
display: none !important;
}
.tutor-dashboard-content-inner .tutor-card:hover {
border-color: var(--a-border) !important;
box-shadow: var(--a-shadow) !important;
} .tutor-dashboard-content-inner .tutor-card .tutor-icon-48,
.tutor-dashboard-content-inner .tutor-card [class*="tutor-icon-"] {
color: var(--a-primary) !important;
opacity: 0.45 !important;
font-size: 24px !important;
} .tutor-dashboard-content-inner .tutor-card .tutor-fs-2,
.tutor-dashboard-content-inner .tutor-card .tutor-fs-3,
.tutor-dashboard-content-inner .tutor-card .tutor-fs-4 {
font-weight: 700 !important;
color: var(--a-text) !important;
margin: 8px 0 2px !important;
letter-spacing: -0.02em !important;
} .tutor-dashboard-content-inner .tutor-card .tutor-fs-7,
.tutor-dashboard-content-inner .tutor-card .tutor-color-secondary {
color: var(--a-text-muted) !important;
font-size: 11px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
} .tutor-profile-completion.tutor-card {
background: var(--a-surface) !important;
border: 1px solid var(--a-border) !important;
border-radius: var(--a-radius) !important;
padding: 18px 24px !important;
margin-bottom: 20px !important;
box-shadow: none !important;
}
.tutor-profile-completion.tutor-card::before {
display: none !important;
} .tutor-dashboard-content-inner .tutor-fs-5,
.tutor-dashboard-content-inner h3 {
font-weight: 600 !important;
color: var(--a-text) !important;
font-size: 15px !important;
margin-bottom: 14px !important;
} .tutor-dashboard-content-inner .tutor-table-responsive,
.tutor-dashboard-content-inner table.tutor-table {
border-radius: var(--a-radius) !important;
overflow: hidden !important;
border: 1px solid var(--a-border-light) !important;
box-shadow: none !important;
}
.tutor-table thead th,
.tutor-table thead td {
background: var(--a-bg) !important;
color: var(--a-text-muted) !important;
font-weight: 600 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 10px 14px !important;
border: none !important;
border-bottom: 1px solid var(--a-border-light) !important;
}
.tutor-table tbody td {
padding: 12px 14px !important;
font-size: 13px !important;
color: var(--a-text) !important;
border: none !important;
border-bottom: 1px solid var(--a-border-light) !important;
}
.tutor-table tbody tr:last-child td {
border-bottom: none !important;
}
.tutor-table tbody tr:hover td {
background: var(--a-border-light) !important;
} .tutor-analytics-tabs,
.tutor-report-overview {
border: none !important;
}
.tutor-nav.tutor-nav-pills {
background: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
border: none !important;
border-bottom: 1px solid var(--a-border-light) !important;
display: flex !important;
gap: 0 !important;
}
.tutor-nav .tutor-nav-link,
.tutor-nav-pills .tutor-nav-link {
border-radius: 0 !important;
padding: 10px 16px !important;
font-size: 13px !important;
font-weight: 450 !important;
color: var(--a-text-muted) !important;
transition: var(--a-transition) !important;
border: none !important;
background: transparent !important;
border-bottom: 2px solid transparent !important;
margin-bottom: -1px !important;
}
.tutor-nav .tutor-nav-link:hover {
color: var(--a-text) !important;
background: transparent !important;
}
.tutor-nav .tutor-nav-link.tutor-is-active,
.tutor-nav .tutor-nav-link.is-active,
.tutor-nav .tutor-nav-link[aria-selected="true"] {
background: transparent !important;
color: var(--a-text) !important;
font-weight: 550 !important;
box-shadow: none !important;
border-bottom: 2px solid var(--a-primary) !important;
} .tutor-analytics-period-selector .tutor-btn,
.tutor-report-overview .tutor-btn-outline-primary {
border-radius: var(--a-radius-xs) !important;
font-size: 12px !important;
font-weight: 500 !important;
padding: 6px 14px !important;
border: 1px solid var(--a-border) !important;
color: var(--a-text-secondary) !important;
background: var(--a-surface) !important;
transition: var(--a-transition) !important;
}
.tutor-analytics-period-selector .tutor-btn.tutor-is-active,
.tutor-analytics-period-selector .tutor-btn:hover {
background: var(--a-text) !important;
color: #fff !important;
border-color: var(--a-text) !important;
} .tutor-report-overview-card,
.tutor-analytics-card {
border-radius: var(--a-radius-sm) !important;
border: 1px solid var(--a-border-light) !important;
box-shadow: none !important;
background: var(--a-surface) !important;
padding: 18px !important;
} .tutor-dashboard .tutor-course-card,
.tutor-dashboard .tutor-mycourse-wrap {
border-radius: var(--a-radius) !important;
border: 1px solid var(--a-border-light) !important;
box-shadow: none !important;
overflow: hidden !important;
transition: var(--a-transition) !important;
background: var(--a-surface) !important;
}
.tutor-dashboard .tutor-course-card:hover,
.tutor-dashboard .tutor-mycourse-wrap:hover {
border-color: var(--a-border) !important;
box-shadow: var(--a-shadow) !important;
} .tutor-dashboard .tutor-progress-bar {
background: var(--a-border-light) !important;
border-radius: 100px !important;
height: 4px !important;
}
.tutor-dashboard .tutor-progress-value {
background: var(--a-primary) !important;
border-radius: 100px !important;
} .tutor-dashboard .tutor-btn-primary,
.tutor-dashboard .tutor-btn.tutor-btn-primary {
background: var(--a-text) !important;
border: none !important;
border-radius: var(--a-radius-sm) !important;
font-weight: 500 !important;
font-size: 13px !important;
transition: var(--a-transition) !important;
color: #fff !important;
}
.tutor-dashboard .tutor-btn-primary:hover {
opacity: 0.85 !important;
}
.tutor-dashboard .tutor-btn-outline-primary {
border: 1px solid var(--a-border) !important;
color: var(--a-text-secondary) !important;
border-radius: var(--a-radius-sm) !important;
font-weight: 500 !important;
background: transparent !important;
transition: var(--a-transition) !important;
}
.tutor-dashboard .tutor-btn-outline-primary:hover {
background: var(--a-text) !important;
color: #fff !important;
border-color: var(--a-text) !important;
} .tutor-dashboard a.tutor-btn-ghost,
.tutor-dashboard .tutor-iconic-btn {
color: var(--a-primary) !important;
font-weight: 500 !important;
font-size: 13px !important;
} .tutor-dashboard .tutor-cover-photo,
.tutor-dashboard .tutor-dashboard-banner {
display: none !important;
} .tutor-dashboard .tutor-pagination .page-numbers {
border-radius: var(--a-radius-xs) !important;
min-width: 32px !important;
height: 32px !important;
border: 1px solid var(--a-border-light) !important;
font-weight: 500 !important;
font-size: 13px !important;
color: var(--a-text-secondary) !important;
}
.tutor-dashboard .tutor-pagination .page-numbers.current {
background: var(--a-text) !important;
color: #fff !important;
border-color: var(--a-text) !important;
} .tutor-dashboard ::-webkit-scrollbar { width: 4px; }
.tutor-dashboard ::-webkit-scrollbar-track { background: transparent; }
.tutor-dashboard ::-webkit-scrollbar-thumb {
background: var(--a-border);
border-radius: 10px;
} @media (max-width: 991px) {
.tutor-dashboard .tutor-dashboard-left-menu {
position: static !important;
margin-bottom: 16px !important;
}
}
@media (max-width: 768px) {
.tutor-frontend-dashboard-header,
.tutor-dashboard .tutor-container > .tutor-row:first-child {
padding: 14px 18px !important;
margin: 10px !important;
}
.tutor-dashboard .tutor-dashboard-left-menu {
border-radius: var(--a-radius-sm) !important;
padding: 6px !important;
}
.tutor-dashboard-content-inner .tutor-card {
padding: 18px 14px !important;
}
}