:root{--enu-blue:#075be8;--enu-blue-dark:#063c9b;--enu-blue-soft:#eaf2ff;--enu-orange:#ff970f;--enu-purple:#6d28d9;--enu-ink:#15223a;--enu-muted:#667085;--enu-bg:#f5f7fb;--enu-line:#e5eaf2;--enu-white:#fff;--enu-shadow:0 12px 35px rgba(31,54,92,.08);--enu-radius:18px}
*{box-sizing:border-box}body{background:var(--enu-bg);color:var(--enu-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.app-page{margin:0;min-height:100vh}.app-sidebar{background:linear-gradient(180deg,#062f80 0%,#075be8 58%,#084bb6 100%);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:260px;z-index:50;box-shadow:8px 0 30px rgba(0,38,108,.13)}.sidebar-brand{align-items:center;background:#fff;display:flex;height:82px;justify-content:space-between;padding:16px 20px}.sidebar-brand img{display:block;height:auto;max-width:185px;width:100%}.sidebar-close{background:transparent;border:0;color:var(--enu-blue);display:none;font-size:28px;padding:0}.sidebar-user{align-items:center;border-bottom:1px solid rgba(255,255,255,.15);display:flex;gap:11px;margin:0 16px;padding:18px 6px}.sidebar-user .avatar,.topbar-avatar{align-items:center;background:linear-gradient(135deg,var(--enu-orange),#ffb733);border-radius:50%;color:#fff;display:flex;font-weight:800;justify-content:center}.sidebar-user .avatar{height:40px;width:40px}.sidebar-user div{display:flex;flex-direction:column;min-width:0}.sidebar-user strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{color:#cfe1ff;margin-top:3px}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 14px 24px}.nav-heading{color:#a9ccff;font-size:.65rem;font-weight:800;letter-spacing:.14em;margin:18px 10px 7px}.nav-item{align-items:center;border-radius:11px;color:#e7f0ff;display:flex;font-size:.9rem;font-weight:600;gap:11px;margin:3px 0;padding:10px 12px;text-decoration:none;transition:.18s ease}.nav-item:hover{background:rgba(255,255,255,.11);color:#fff;transform:translateX(2px)}.nav-item.active{background:#fff;color:var(--enu-blue-dark);box-shadow:0 8px 20px rgba(0,25,75,.18)}.nav-icon{align-items:center;display:flex;font-size:1rem;height:23px;justify-content:center;width:23px}.sidebar-footer{align-items:center;border-top:1px solid rgba(255,255,255,.15);display:flex;gap:12px;justify-content:space-between;padding:14px 18px}.sidebar-footer a,.logout-button{background:none;border:0;color:#dceaff;font-size:.78rem;padding:0;text-decoration:none}.sidebar-footer a:hover,.logout-button:hover{color:#fff;text-decoration:underline}.app-main{margin-left:260px;min-height:100vh}.app-topbar{align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid var(--enu-line);display:flex;height:82px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.menu-toggle{background:var(--enu-blue-soft);border:0;border-radius:10px;color:var(--enu-blue);display:none;font-size:21px;height:42px;padding:0;width:42px}.topbar-title{display:flex;flex-direction:column}.topbar-title small{color:var(--enu-blue);font-size:.67rem;font-weight:800;letter-spacing:.12em}.topbar-title strong{font-size:1.1rem;margin-top:4px}.topbar-actions{align-items:center;display:flex;gap:12px}.topbar-help{align-items:center;background:var(--enu-blue-soft);border-radius:50%;color:var(--enu-blue);display:flex;font-weight:800;height:37px;justify-content:center;text-decoration:none;width:37px}.topbar-avatar{height:39px;width:39px}.app-content.container{max-width:1500px;padding:28px 32px 60px;width:100%}
.panel,.course-card,.content-viewer{border:1px solid var(--enu-line);border-radius:var(--enu-radius);box-shadow:var(--enu-shadow)}.panel{background:#fff;padding:24px}.hero{background:linear-gradient(120deg,#063b9d 0%,#0767f5 67%,#5b45e8 100%);border:0;border-radius:22px;color:#fff;overflow:hidden;padding:34px 38px;position:relative;box-shadow:0 16px 40px rgba(7,91,232,.22)}.hero:after{background:radial-gradient(circle,rgba(255,151,15,.8) 0,rgba(255,151,15,0) 68%);content:"";height:240px;position:absolute;right:-40px;top:-90px;width:240px}.hero .eyebrow,.course-hero .eyebrow{color:#ffd99a}.hero h1{font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.03em;margin:.35rem 0}.hero p{color:#e7f0ff;max-width:720px}.stats{display:grid;gap:16px;margin:20px 0}.stats.stats-six{grid-template-columns:repeat(3,minmax(0,1fr))}.stats article{background:#fff;border:1px solid var(--enu-line);border-radius:16px;box-shadow:var(--enu-shadow);min-height:112px;padding:20px;position:relative}.stats article:before{background:var(--enu-blue);border-radius:8px;content:"";height:8px;position:absolute;right:18px;top:18px;width:8px}.stats article:nth-child(2n):before{background:var(--enu-orange)}.stats article:nth-child(3n):before{background:var(--enu-purple)}.stats article span{color:var(--enu-muted);font-size:.82rem}.stats article strong{color:var(--enu-ink);display:block;font-size:1.75rem;margin-top:11px}.section-head h1,.section-head h2{letter-spacing:-.02em}.action-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.action-card{background:#fff;border:1px solid var(--enu-line);border-radius:14px;color:var(--enu-ink);min-height:122px;padding:20px;text-decoration:none;transition:.2s}.action-card:before{background:linear-gradient(90deg,var(--enu-blue),var(--enu-purple));border-radius:10px;content:"→";color:#fff;display:grid;height:32px;margin-bottom:13px;place-items:center;width:32px}.action-card:hover{border-color:#b9d2ff;box-shadow:0 12px 30px rgba(7,91,232,.12);transform:translateY(-3px)}.action-card strong{color:var(--enu-blue-dark)}.action-card span{color:var(--enu-muted);display:block;font-size:.85rem;margin-top:6px}.button,button:not(.link-button):not(.sidebar-close):not(.menu-toggle):not(.logout-button){background:linear-gradient(135deg,var(--enu-blue),#276fee);border:0;border-radius:11px;box-shadow:0 7px 16px rgba(7,91,232,.18);font-weight:700}.button:hover,button:not(.link-button):not(.sidebar-close):not(.menu-toggle):not(.logout-button):hover{filter:brightness(.96);transform:translateY(-1px)}.button.secondary{background:#fff;border:1px solid var(--enu-line);box-shadow:none;color:var(--enu-blue)}input,select,textarea{background:#fff;border:1px solid #d9e0eb;border-radius:10px;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--enu-blue);box-shadow:0 0 0 3px rgba(7,91,232,.12);outline:0}table{border-collapse:separate;border-spacing:0}thead th{background:#f5f8fd;color:#526174;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}tbody tr:hover{background:#f8fbff}.badge{border-radius:999px;font-weight:700}.breadcrumbs{color:var(--enu-muted);font-size:.84rem}.breadcrumbs a{color:var(--enu-blue)}.course-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{background:#fff;overflow:hidden;transition:.2s}.course-card:hover{box-shadow:0 18px 42px rgba(25,51,90,.14);transform:translateY(-4px)}.course-cover{background:linear-gradient(135deg,#063c9b,#075be8 67%,#ff970f);height:150px;padding:18px}.course-cover span{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;font-weight:800;padding:7px 11px}.course-card-body{padding:21px}.progress-track{background:#e9eef6;border-radius:999px;height:8px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,var(--enu-blue),var(--enu-orange));border-radius:999px;display:block;height:100%}.course-hero,.lesson-header{background:linear-gradient(135deg,#fff,#f4f8ff);border:1px solid #dce8fb;border-radius:var(--enu-radius);box-shadow:var(--enu-shadow);padding:30px}.curriculum-chapter{border-left:4px solid var(--enu-blue)}.chapter-number{color:var(--enu-blue);font-weight:800}.lesson-list a{border-radius:11px}.lesson-list a:hover{background:var(--enu-blue-soft)}.quiz-callout{background:linear-gradient(90deg,#fff8e9,#fff);border:1px solid #ffe0aa;border-radius:13px}.alert{align-items:flex-start;border-radius:13px;display:flex;gap:11px}.alert>span{align-items:center;border-radius:50%;display:flex;flex:0 0 25px;font-weight:800;height:25px;justify-content:center}.alert.success>span{background:#d7f5e1;color:#137333}.alert.error>span{background:#fee2e2;color:#b42318}
.guest-page{background:linear-gradient(135deg,#eff5ff 0%,#fff 54%,#fff6e8 100%);margin:0;min-height:100vh}.guest-page:before{background:var(--enu-blue);border-radius:50%;content:"";height:340px;left:-210px;opacity:.12;position:fixed;top:-180px;width:340px}.auth-shell{align-items:stretch;display:grid;grid-template-columns:1.05fr .95fr;margin:auto;max-width:1080px;min-height:100vh;padding:50px 28px}.auth-brand{background:linear-gradient(145deg,#063b9d,#075be8 62%,#5d31d4);border-radius:26px 0 0 26px;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:58px}.auth-brand .logo{background:#fff url('../images/logo-edutech.png') center/contain no-repeat;border-radius:15px;color:transparent;height:92px;width:100%}.auth-brand h1{font-size:2.2rem;margin:34px 0 10px}.auth-brand p{color:#dbe9ff;font-size:1.05rem;line-height:1.7}.auth-card{align-self:center;background:#fff;border:1px solid var(--enu-line);border-radius:0 26px 26px 0;box-shadow:var(--enu-shadow);min-height:520px;padding:58px 50px}.auth-card h2{font-size:1.9rem;letter-spacing:-.03em}.auth-card button{min-height:48px;width:100%}.auth-card label{color:#344054;font-weight:700}.auth-card input{margin-top:8px}.eyebrow{color:var(--enu-blue);font-weight:800;letter-spacing:.12em}.empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;color:var(--enu-muted);padding:36px;text-align:center}
@media(max-width:1100px){.stats.stats-six,.action-grid,.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-content.container{padding:24px}}
@media(max-width:820px){.app-sidebar{transform:translateX(-105%);transition:transform .25s ease;width:min(290px,88vw)}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-close,.menu-toggle{display:block}.mobile-overlay{background:rgba(15,23,42,.5);inset:0;opacity:0;pointer-events:none;position:fixed;transition:.2s;z-index:40}.sidebar-open .mobile-overlay{opacity:1;pointer-events:auto}.app-main{margin-left:0}.app-topbar{height:70px;padding:0 18px}.topbar-title{margin-left:12px;margin-right:auto}.app-content.container{padding:20px 16px 45px}.auth-shell{grid-template-columns:1fr;padding:22px}.auth-brand{border-radius:22px 22px 0 0;padding:34px}.auth-brand .logo{height:70px}.auth-brand h1{font-size:1.6rem;margin:23px 0 5px}.auth-card{border-radius:0 0 22px 22px;min-height:auto;padding:34px}.hero{padding:27px 24px}}
@media(max-width:560px){.stats.stats-six,.action-grid,.course-grid{grid-template-columns:1fr}.stats article{min-height:96px}.topbar-help{display:none}.panel{padding:18px}.hero h1{font-size:1.6rem}.course-hero,.lesson-header{padding:22px}.auth-shell{padding:0}.auth-brand,.auth-card{border-radius:0}.auth-brand{padding:30px 24px}.auth-card{padding:32px 24px}.table-wrap{margin-inline:-18px}.table-wrap table{min-width:720px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.progress-width-0{width:0}.progress-width-5{width:5%}.progress-width-10{width:10%}.progress-width-15{width:15%}.progress-width-20{width:20%}.progress-width-25{width:25%}.progress-width-30{width:30%}.progress-width-35{width:35%}.progress-width-40{width:40%}.progress-width-45{width:45%}.progress-width-50{width:50%}.progress-width-55{width:55%}.progress-width-60{width:60%}.progress-width-65{width:65%}.progress-width-70{width:70%}.progress-width-75{width:75%}.progress-width-80{width:80%}.progress-width-85{width:85%}.progress-width-90{width:90%}.progress-width-95{width:95%}.progress-width-100{width:100%}