/* STEM MATRIX panel dashboards — isolated from public homepage styles. */
:root{--panel-ink:#10251b;--panel-muted:#607268;--panel-green:#0b8f43;--panel-green-dark:#087f3b;--panel-green-soft:#eaf8ee;--panel-line:#dcebdd;--panel-page:#f4fbf5;--panel-white:#fff;--panel-shadow:0 18px 50px rgba(16,37,27,.08)}
body.dashboard-page{min-height:100vh!important;margin:0!important;padding:0!important;background:var(--panel-page)!important;color:var(--panel-ink)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;line-height:1.55!important}
body.dashboard-page::before{display:none!important}
body.dashboard-page>nav,body.dashboard-page>footer{display:none!important}
body.dashboard-page .webinar-modal:not(.is-open){display:none!important}
body.dashboard-page #adminDashboardModal.is-open,body.dashboard-page #teacherDashboardModal.is-open,body.dashboard-page #classroomDetailsModal.is-open{position:static!important;inset:auto!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;min-height:100vh!important;padding:clamp(14px,3vw,36px)!important;background:transparent!important;backdrop-filter:none!important}
body.dashboard-page #adminDashboardModal .webinar-dialog,body.dashboard-page #teacherDashboardModal .webinar-dialog,body.dashboard-page #classroomDetailsModal .webinar-dialog{display:block!important;width:min(1200px,100%)!important;max-width:1200px!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0 auto!important;padding:clamp(20px,3vw,36px)!important;border:1px solid var(--panel-line)!important;border-radius:24px!important;background:var(--panel-white)!important;color:var(--panel-ink)!important;box-shadow:var(--panel-shadow)!important;backdrop-filter:none!important}
body.dashboard-page #adminDashboardModal h2,body.dashboard-page #teacherDashboardModal h2,body.dashboard-page #classroomDetailsModal h2{margin:0 0 8px!important;color:var(--panel-ink)!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.15!important;letter-spacing:-.035em!important}
body.dashboard-page #adminDashboardModal> .webinar-dialog>p,body.dashboard-page #teacherDashboardModal> .webinar-dialog>p,body.dashboard-page #classroomDetailsModal> .webinar-dialog>p{color:var(--panel-muted)!important;margin:0 0 18px!important}
body.dashboard-page .webinar-details,body.dashboard-page .teacher-live,body.dashboard-page .teacher-stat,body.dashboard-page .admin-overview-note,body.dashboard-page .admin-card{color:var(--panel-ink)!important;background:var(--panel-white)!important;border:1px solid var(--panel-line)!important;box-shadow:none!important}
body.dashboard-page .webinar-details{border-radius:16px!important}
body.dashboard-page .admin-dashboard-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:22px 0!important}
body.dashboard-page .admin-dashboard-nav .admin-nav{width:100%!important;min-height:48px!important;margin:0!important;white-space:normal!important}
body.dashboard-page .teacher-tabs,body.dashboard-page #studentTabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:20px 0!important;padding:0 0 14px!important;border-bottom:1px solid var(--panel-line)!important}
body.dashboard-page .teacher-tabs .teacher-tab,body.dashboard-page #studentTabs .student-tab{width:auto!important;min-height:44px!important;flex:0 0 auto!important}
body.dashboard-page .teacher-tabs .teacher-tab.active,body.dashboard-page #studentTabs .student-tab.active{background:var(--panel-green)!important;border-color:var(--panel-green)!important;color:#fff!important}
body.dashboard-page .admin-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.dashboard-page .admin-card{min-height:132px!important;padding:20px!important;text-align:left!important;border-radius:18px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
body.dashboard-page .admin-card:hover{transform:translateY(-2px)!important;border-color:#b9dfc2!important;box-shadow:0 12px 28px rgba(16,37,27,.08)!important}
body.dashboard-page .admin-card strong{color:var(--panel-ink)!important;font-size:17px!important}
body.dashboard-page .admin-card span{color:var(--panel-muted)!important;line-height:1.5!important}
body.dashboard-page .admin-overview-note{border-radius:14px!important;color:var(--panel-muted)!important}
body.dashboard-page .admin-section{min-width:0!important}
body.dashboard-page .teacher-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.dashboard-page .teacher-stat{border-radius:16px!important}
body.dashboard-page .teacher-row{border-bottom-color:var(--panel-line)!important}
body.dashboard-page .teacher-live{border-radius:16px!important}
body.dashboard-page .admin-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;border:1px solid var(--panel-line)!important;border-radius:14px!important}
body.dashboard-page .admin-table{width:100%!important;border-collapse:collapse!important;color:var(--panel-ink)!important}
body.dashboard-page .admin-table th{background:var(--panel-green-soft)!important;color:var(--panel-ink)!important}
body.dashboard-page .admin-table th,body.dashboard-page .admin-table td{padding:12px!important;border-bottom:1px solid var(--panel-line)!important}
body.dashboard-page .admin-status{overflow-wrap:anywhere!important;color:var(--panel-muted)!important}
body.dashboard-page .teacher-form{gap:10px!important}
body.dashboard-page .teacher-form input,body.dashboard-page .teacher-form select,body.dashboard-page .teacher-form textarea,body.dashboard-page .webinar-dialog input,body.dashboard-page .webinar-dialog select,body.dashboard-page .webinar-dialog textarea{max-width:100%!important;box-sizing:border-box!important;border-color:#cbd8ce!important;background:#fff!important;color:var(--panel-ink)!important}
body.dashboard-page .webinar-dialog label{color:var(--panel-ink)!important}
body.dashboard-page .webinar-dialog p,body.dashboard-page .webinar-dialog small{color:var(--panel-muted)!important}
body.dashboard-page .webinar-dialog .btn{background:var(--panel-green)!important;border-color:var(--panel-green)!important;color:#fff!important;box-shadow:0 8px 20px rgba(11,143,67,.14)!important}
body.dashboard-page .webinar-dialog .btn:hover{background:var(--panel-green-dark)!important}
body.dashboard-page .webinar-dialog .outline{background:#fff!important;color:var(--panel-green-dark)!important;border-color:var(--panel-line)!important}
body.dashboard-page button:focus-visible,body.dashboard-page a:focus-visible,body.dashboard-page input:focus-visible,body.dashboard-page select:focus-visible,body.dashboard-page textarea:focus-visible{outline:3px solid rgba(11,143,67,.35)!important;outline-offset:2px!important}
body.dashboard-page #adminLoginModal.is-open,body.dashboard-page #teacherLoginModal.is-open,body.dashboard-page #classroomLoginModal.is-open{position:fixed!important;inset:0!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:100vh!important;padding:16px!important;background:rgba(7,31,16,.42)!important;backdrop-filter:blur(8px)!important}
body.dashboard-page #adminLoginModal .webinar-dialog,body.dashboard-page #teacherLoginModal .webinar-dialog,body.dashboard-page #classroomLoginModal .webinar-dialog{display:block!important;width:min(480px,100%)!important;max-width:480px!important;min-height:0!important;max-height:calc(100vh - 32px)!important;overflow:auto!important;margin:auto!important;padding:28px!important;border-radius:22px!important;background:#fff!important;color:var(--panel-ink)!important}
body.dashboard-page #adminLoginModal .webinar-close,body.dashboard-page #teacherLoginModal .webinar-close,body.dashboard-page #classroomLoginModal .webinar-close{display:block!important;color:var(--panel-muted)!important}
@media(max-width:760px){body.dashboard-page #adminDashboardModal.is-open,body.dashboard-page #teacherDashboardModal.is-open,body.dashboard-page #classroomDetailsModal.is-open{padding:10px!important}body.dashboard-page #adminDashboardModal .webinar-dialog,body.dashboard-page #teacherDashboardModal .webinar-dialog,body.dashboard-page #classroomDetailsModal .webinar-dialog{padding:20px!important;border-radius:18px!important}body.dashboard-page .teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.dashboard-page .admin-card-grid{grid-template-columns:1fr!important}body.dashboard-page .teacher-tabs,body.dashboard-page #studentTabs{flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:10px!important}body.dashboard-page .teacher-tabs .teacher-tab,body.dashboard-page #studentTabs .student-tab{white-space:nowrap!important}}
@media(max-width:560px){body.dashboard-page .admin-dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.dashboard-page .admin-dashboard-nav .admin-nav{font-size:13px!important;padding:10px!important}body.dashboard-page .teacher-grid{grid-template-columns:1fr!important}body.dashboard-page .teacher-row{align-items:flex-start!important;flex-direction:column!important}body.dashboard-page .admin-table{min-width:560px!important}}
@media(prefers-reduced-motion:reduce){body.dashboard-page *,body.dashboard-page *::before,body.dashboard-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}