:root{--primary:#01411c;--primary-hover:#013216;--secondary:#061727;--accent:#fc0;--background:#f4f7f5;--foreground:#061727;--card:#fff;--card-border:#dee2e6;--glass-bg:#01411c0d;--glass-border:#01411c1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);min-height:100vh;font-family:Public Sans,Inter,system-ui,sans-serif}h1,h2,h3,h4,h5,h6,label,button,th,.capitalize,input::placeholder,textarea::placeholder{text-transform:capitalize}.glass-card{background:var(--card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:1rem;padding:2rem;box-shadow:0 25px 50px -12px #00000080}.gradient-text{background:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.btn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #01411c66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.5s forwards fadeIn}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.glass-card{padding:1.25rem!important}.responsive-grid{grid-template-columns:1fr!important}.responsive-flex{flex-direction:column!important;align-items:stretch!important}.responsive-flex-wrap{flex-wrap:wrap!important}.hide-on-mobile{display:none!important}}.login-page{width:100%;overflow-x:hidden;min-height:100dvh!important}.login-form-panel,.login-hero-panel{min-width:0}@media (max-width:768px){.login-page{background:#fff;flex-flow:column!important}.login-form-panel{z-index:2;order:2;min-height:auto;position:relative;width:100%!important;min-width:0!important;padding:1.5rem 1.25rem max(1.5rem, env(safe-area-inset-bottom))!important}.login-form-card{margin:0 auto;max-width:420px!important}.login-form-card h2{font-size:2rem!important;line-height:1.1!important}.login-hero-panel{order:1;min-height:260px;width:100%!important;min-width:0!important;padding:max(2rem, env(safe-area-inset-top)) 1.25rem 2rem!important;display:flex!important}.login-hero-panel img{height:56px!important}.login-hero-panel h1{margin-bottom:.875rem!important;font-size:1.7rem!important;line-height:1.2!important}.login-hero-panel p{font-size:1rem!important;line-height:1.5!important}.login-hero-panel [style*="width: 400px"]{width:180px!important;height:180px!important}}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}html,body{max-width:100%;overflow-x:hidden}img,video,iframe,canvas,svg{max-width:100%}input,select,textarea,button{font:inherit;max-width:100%}.dashboard-content,.dashboard-content-inner,.dashboard-content .glass-card{min-width:0;max-width:100%}.dashboard-content table{min-width:760px}.dashboard-content [style*="overflow-x: auto"],.table-responsive{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto!important}.course-player-shell,.course-player-main,.course-player-body{min-width:0}.course-player-toolbar h4{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (max-width:1024px){.dashboard-content [style*=grid-template-columns],.dashboard-content .responsive-grid{grid-template-columns:minmax(0,1fr)!important}.dashboard-content [style*="width: 300px"],.dashboard-content [style*="width: 350px"],.dashboard-content [style*="max-width: 600px"]{width:100%!important;max-width:100%!important}.dashboard-content [style*="justify-content: space-between"],.dashboard-content [style*="align-items: flex-end"]{flex-wrap:wrap!important}.dashboard-content .glass-card{border-radius:.875rem!important;padding:1.25rem!important}}@media (max-width:900px){.course-player-shell{min-height:calc(100vh - 70px);height:auto!important;margin:-.875rem!important;display:block!important;overflow:visible!important}.course-player-sidebar{border-bottom:1px solid #0000001a;max-height:42vh;border-right:0!important;width:100%!important}.course-player-sidebar>div:last-child{max-height:calc(42vh - 82px)}.course-player-main{min-height:60vh;overflow:visible!important}.course-player-toolbar{z-index:20;flex-wrap:wrap;gap:.75rem;position:sticky;top:0;padding:.875rem 1rem!important}.course-player-toolbar>div:first-child{flex:220px;min-width:0}.course-player-toolbar button{flex-shrink:0;width:auto}.course-player-body{padding:1rem!important}.course-player-body .glass-card{border-radius:1rem!important;padding:1.25rem!important}}@media (max-width:768px){.btn{text-align:center;justify-content:center;width:100%}.dashboard-content{font-size:.95rem}.dashboard-content h1{overflow-wrap:anywhere;font-size:1.75rem!important;line-height:1.15!important}.dashboard-content h2{overflow-wrap:anywhere;font-size:1.45rem!important;line-height:1.2!important}.dashboard-content h3{font-size:1.125rem!important}.dashboard-school-banner{border-radius:.875rem!important;align-items:flex-start!important;gap:.75rem!important;margin-bottom:1rem!important;padding:1rem!important}.dashboard-school-banner h2{font-size:1.2rem!important}.dashboard-school-banner p{font-size:.95rem!important}.dashboard-content [style*="display: flex"]{min-width:0}.dashboard-content [style*="padding: 3rem"],.dashboard-content [style*="padding: 2.5rem"],.dashboard-content [style*="padding: 2rem"]{padding:1.25rem!important}.dashboard-content [style*="gap: 2.5rem"],.dashboard-content [style*="gap: 2rem"]{gap:1.25rem!important}.dashboard-content [style*=minmax\(300px],.dashboard-content [style*=minmax\(250px],.dashboard-content [style*=minmax\(240px],.dashboard-content [style*=minmax\(220px],.dashboard-content [style*=minmax\(200px]{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:520px){.course-player-toolbar{align-items:flex-start!important}.course-player-toolbar>button:last-child{border-radius:.625rem;justify-content:center;width:100%;padding:.625rem;background:#eef2ff!important}.course-player-sidebar{max-height:38vh}.course-player-body{padding:.75rem!important}}@media (max-width:480px){.glass-card{padding:1rem!important}.dashboard-content table{min-width:680px}}html{background:var(--background);-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}body{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;min-height:100dvh;overflow-y:auto}a,button,input,select,textarea{touch-action:manipulation}button,.btn{min-height:44px}@media (max-width:1024px){body{background:#f8fafc}.dashboard-content{padding-inline:max(.875rem, env(safe-area-inset-left)) max(.875rem, env(safe-area-inset-right))}.dashboard-content-inner{width:100%}.dashboard-content [style*=grid-template-columns],.dashboard-content .responsive-grid{grid-template-columns:minmax(0,1fr)!important}.dashboard-content [style*="max-width: 800px"],.dashboard-content [style*="maxWidth: 800px"],.dashboard-content [style*="max-width: 900px"],.dashboard-content [style*="maxWidth: 900px"],.dashboard-content [style*="max-width: 1100px"],.dashboard-content [style*="maxWidth: 1100px"]{max-width:100%!important}.dashboard-content input,.dashboard-content select,.dashboard-content textarea{min-height:44px;font-size:16px!important}}@media (max-width:768px){.glass-card{box-shadow:0 8px 24px #0f172a14!important}.dashboard-content [style*="display: grid"]{grid-template-columns:minmax(0,1fr)!important}.dashboard-content [style*="width: 100%"]{max-width:100%!important}.dashboard-content [style*="position: fixed"][style*="inset: 0"]{align-items:flex-end!important;padding:.75rem!important}.dashboard-content [style*="maxWidth: 500px"],.dashboard-content [style*="max-width: 500px"]{max-width:100%!important}.dashboard-content table{min-width:640px}}@media (max-width:1024px){.dashboard-content [style*="overflow-x: auto"]{overflow-x:visible!important}.dashboard-content table{border-collapse:separate!important;border-spacing:0 .875rem!important;width:100%!important;min-width:0!important;display:block!important}.dashboard-content thead{display:none!important}.dashboard-content tbody{gap:.875rem!important;width:100%!important;display:grid!important}.dashboard-content tr{border:1px solid var(--card-border)!important;background:#fff!important;border-radius:.875rem!important;grid-template-columns:minmax(0,1fr)!important;gap:.65rem!important;width:100%!important;padding:1rem!important;display:grid!important;box-shadow:0 8px 24px #0f172a0f!important}.dashboard-content td{overflow-wrap:anywhere;text-align:left!important;border:0!important;width:100%!important;padding:0!important;display:block!important}.dashboard-content td>div,.dashboard-content td>span,.dashboard-content td>a{max-width:100%}.dashboard-content td:last-child>div,.dashboard-content td:last-child{text-align:left!important;justify-content:flex-start!important}}html,body{height:auto;overflow-y:auto}.dashboard-content,.dashboard-content-inner{overflow-y:visible}@media (max-width:1024px){.dashboard-content,.dashboard-content-inner{min-height:auto;overflow-y:visible!important}}.course-builder-page{width:min(100%,1480px);margin:0 auto;padding-bottom:2rem}.course-builder-hero{background:linear-gradient(135deg,#fff 0%,#f7fbf8 58%,#eef8f2 100%);border:1px solid #01411c14;border-radius:1rem;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 18px 40px -28px #06172773}.course-builder-heading{min-width:0}.course-builder-heading h2{color:#061727;letter-spacing:0}.course-builder-metrics{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;padding-left:2.5rem;display:flex}.course-builder-metrics span{min-height:1.75rem;color:var(--primary);background:#01411c14;border-radius:999px;align-items:center;padding:.3rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.course-builder-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.75rem;display:flex}.course-builder-actions .btn{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;min-height:2.85rem;display:inline-flex}.course-builder-secondary-action{color:#061727;background:#fff;border:1px solid #01411c1f;box-shadow:0 8px 18px -16px #06172773}.course-builder-list{flex-direction:column;gap:1rem;display:flex}.course-builder-card{border-color:#01411c17!important;border-radius:.9rem!important;box-shadow:0 18px 42px -30px #0617278c!important}.course-builder-chapter-header{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important}.course-builder-card h3{text-decoration:none!important}@media (max-width:1024px){.course-builder-page{width:100%}.course-builder-hero{align-items:flex-start;padding:1.1rem}.course-builder-actions{justify-content:stretch;width:100%}.course-builder-actions .btn{flex:150px}}@media (max-width:640px){.course-builder-hero{display:block}.course-builder-heading h2{font-size:1.45rem!important}.course-builder-heading p,.course-builder-metrics{padding-left:0!important}.course-builder-actions{margin-top:1rem}}.course-player-main{background:#f6f8fb!important}.course-player-body{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(1.25rem,2.4vw,2.25rem)!important}.course-player-body>.animate-slide-up{width:100%;min-height:100%}.course-player-body>.animate-slide-up>.glass-card{width:100%;min-height:calc(100vh - 230px);border-color:#0f172a14!important;border-radius:.875rem!important;box-shadow:0 22px 55px -42px #0f172a8c!important}.course-player-body h2{max-width:1100px}.course-player-body [style*="line-height: 1.8"]{max-width:1180px}.course-player-body [style*="grid-template-columns: repeat(auto-fill"]{max-width:100%}.course-player-toolbar{box-shadow:0 8px 24px -28px #0f172a73}@media (min-width:1200px){.course-player-body>.animate-slide-up>.glass-card{padding:clamp(2.5rem,3vw,4rem)!important}}@media (max-width:900px){.course-player-body>.animate-slide-up>.glass-card{min-height:auto}}.dashboard-role-admin,.dashboard-role-teacher{padding-left:clamp(1.25rem,2vw,2rem)!important;padding-right:clamp(1.25rem,2vw,2rem)!important}.dashboard-role-admin>.dashboard-content-inner,.dashboard-role-teacher>.dashboard-content-inner{width:100%;max-width:none;margin:0}.dashboard-role-admin>.dashboard-content-inner>.animate-fade-in,.dashboard-role-teacher>.dashboard-content-inner>.animate-fade-in{width:100%}.dashboard-role-admin .dashboard-content-inner>div[style*="maxWidth: '800px'"],.dashboard-role-admin .dashboard-content-inner>div[style*="maxWidth: '900px'"],.dashboard-role-teacher .dashboard-content-inner>div[style*="maxWidth: '800px'"],.dashboard-role-teacher .dashboard-content-inner>div[style*="maxWidth: '900px'"],.dashboard-role-teacher .dashboard-content-inner>div[style*="maxWidth: '1200px'"]{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.dashboard-page-teacher-courses,.dashboard-page-teacher-browse,.dashboard-page-teacher-students,.dashboard-page-admin-courses,.dashboard-page-admin-users,.dashboard-page-admin-logs,.dashboard-page-admin-academic-config,.dashboard-page-admin-settings,.dashboard-page-teacher-courses>div,.dashboard-page-teacher-browse>div,.dashboard-page-teacher-students>div,.dashboard-page-admin-courses>div,.dashboard-page-admin-users>div,.dashboard-page-admin-logs>div,.dashboard-page-admin-academic-config>div,.dashboard-page-admin-settings>div,.dashboard-role-admin .table-responsive,.dashboard-role-teacher .table-responsive,.dashboard-role-admin table,.dashboard-role-teacher table{width:100%}.dashboard-role-admin .dashboard-content-inner>.glass-card,.dashboard-role-teacher .dashboard-content-inner>.glass-card,.dashboard-role-admin .dashboard-content-inner>.animate-fade-in.glass-card,.dashboard-role-teacher .dashboard-content-inner>.animate-fade-in.glass-card,.dashboard-content .glass-card,.dashboard-content [style*=box-shadow],.dashboard-content [style*=boxShadow]{box-shadow:none!important}@media (max-width:1024px){.dashboard-role-admin,.dashboard-role-teacher{padding-left:max(.875rem, env(safe-area-inset-left))!important;padding-right:max(.875rem, env(safe-area-inset-right))!important}}
