:root{--primary: #10b4d8;--primary-dark: #0d91b0;--primary-soft: #e9f9fc;--secondary: #ee8299;--secondary-soft: #fff1f4;--ink: #240d37;--muted: #6f6478;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--white: #fff;--border: rgba(36, 13, 55, .11);--shadow: 0 14px 38px rgba(36, 13, 55, .08);font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--ink);background:#edf3f7;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:#edf3f7}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.brand{display:inline-flex;align-items:center;gap:9px;min-width:0}.brand__logo{display:block;width:auto;height:35px;object-fit:contain}.brand__product{padding:4px 6px;border-radius:5px;color:var(--primary-dark);background:var(--primary-soft);font-size:8px;font-weight:800;letter-spacing:1.2px}.brand--inverse .brand__product{color:#8ee5f2;background:#ffffff1a}.eyebrow{display:block;color:var(--primary-dark);font-size:11px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;margin-bottom:8px}.primary-button,.ghost-button{border:0;border-radius:10px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease}.primary-button{color:#fff;background:var(--primary);box-shadow:0 7px 18px #10b4d833}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait}.ghost-button{background:var(--gray-100);color:var(--muted)}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.05fr) minmax(420px,.95fr);background:#fff}.login-showcase{min-height:100vh;overflow:hidden;position:relative;padding:48px 7vw;color:#fff;background:linear-gradient(145deg,#210d34,#321546 52%,#172c4a)}.login-showcase:before{content:"";position:absolute;width:470px;height:470px;border-radius:50%;right:-120px;top:120px;background:radial-gradient(circle,rgba(16,180,216,.5),transparent 66%);filter:blur(10px)}.login-showcase:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.25) .8px,transparent .8px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.login-showcase .brand{position:relative;z-index:2}.showcase-copy{max-width:570px;position:relative;z-index:2;margin-top:18vh}.showcase-copy .eyebrow{color:#7de0ef}.showcase-copy h1{margin:0 0 24px;font-size:clamp(38px,4.3vw,66px);line-height:1.04;letter-spacing:-3px}.showcase-copy p{margin:0;max-width:510px;font-size:16px;line-height:1.8;color:#ffffffb3}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;min-width:275px;padding:14px 16px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:#ffffff1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 40px #00000021}.floating-card--one{bottom:13%;left:9%;transform:rotate(-2deg)}.floating-card--two{bottom:22%;right:7%;transform:rotate(2deg)}.floating-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--primary);font-weight:800}.floating-icon.pink{background:var(--secondary)}.floating-card div:nth-child(2){display:flex;flex:1;flex-direction:column}.floating-card small{color:#ffffffa1;font-size:10px}.floating-card strong{margin-top:3px;font-size:12px}.floating-card>span{font-weight:800;color:#8fe9f5}.showcase-footer{position:absolute;z-index:2;left:7vw;bottom:5%;color:#ffffff7a}.login-form-wrap{display:grid;place-items:center;padding:50px}.login-form{width:min(100%,430px)}.mobile-brand{display:none;margin-bottom:60px}.login-form h2{margin:0 0 10px;color:var(--ink);font-size:34px;letter-spacing:-1.5px}.login-form>p{margin:0 0 36px;color:var(--muted);font-size:14px}.login-form form{display:grid;gap:20px}label{display:grid;gap:8px;color:#43384b;font-size:12px;font-weight:700}input,textarea,select{width:100%;outline:0;border:1px solid var(--gray-200);border-radius:10px;padding:12px 13px;color:var(--ink);background:var(--gray-50);transition:.18s}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #10b4d81a}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row a{color:var(--primary-dark);font-size:11px}.password-field{position:relative}.password-field input{padding-right:46px}.password-field button{position:absolute;right:5px;top:5px;width:36px;height:36px;display:grid;place-items:center;border:0;background:none;color:#9b93a1;cursor:pointer}.login-button{width:100%;margin-top:5px;padding:14px}.secure-note{margin-top:26px;display:flex;justify-content:center;align-items:center;gap:7px;color:#9b93a1;font-size:11px}.alert{color:#a52c46;background:var(--secondary-soft);border:1px solid #ffdbe3;border-radius:9px;padding:11px 13px;font-size:12px}.lms-shell{height:100vh;display:flex;gap:12px;padding:12px;overflow:hidden}.sidebar{width:236px;flex:0 0 236px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:0 2px 8px #240d3708;padding:22px 14px 14px;z-index:30}.sidebar__top{padding:0 9px 24px;display:flex;justify-content:space-between}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 12px;border-radius:9px;color:#6f6478;font-size:12px;font-weight:600;transition:.15s}.sidebar nav a:hover,.sidebar nav a.active{color:var(--ink);background:var(--primary-soft)}.sidebar nav a.active{color:var(--primary-dark);font-weight:700}.sidebar nav a.disabled{opacity:.55;cursor:default}.sidebar nav a small{margin-left:auto;padding:2px 5px;border-radius:4px;color:#9f6a77;background:var(--secondary-soft);font-size:8px;text-transform:uppercase}.nav-label{padding:0 12px 8px;color:#aaa2af;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.nav-label--second{margin-top:20px}.sidebar__school{margin-top:auto;display:flex;align-items:center;gap:10px;border-radius:10px;background:var(--gray-50);padding:11px;min-width:0}.school-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:var(--primary-dark);border-radius:9px;background:var(--primary-soft)}.sidebar__school>div:last-child{min-width:0;display:flex;flex-direction:column}.sidebar__school small{color:#9a92a0;font-size:8px}.sidebar__school strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;margin-top:2px}.main{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:#fff}.topbar{height:68px;flex:0 0 68px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border)}.topbar__title{display:flex;gap:5px;align-items:baseline;font-size:12px}.topbar__title span{color:var(--muted)}.topbar__actions{margin-left:auto;display:flex;align-items:center;gap:8px;position:relative}.profile-button{display:flex;align-items:center;gap:9px;padding:3px 7px 3px 3px;border:0;border-radius:10px;background:#fff;cursor:pointer}.profile-button>span{width:34px;height:34px;display:grid;place-items:center;color:#fff;border-radius:9px;background:var(--ink);font-size:10px;font-weight:800}.profile-button>div{min-width:100px;display:flex;flex-direction:column;text-align:left}.profile-button strong{font-size:10px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button small{color:#9a92a0;font-size:8px;margin-top:2px}.profile-menu{position:absolute;right:0;top:48px;z-index:10;width:180px;padding:7px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.profile-menu button{width:100%;display:flex;gap:8px;align-items:center;padding:9px;border:0;border-radius:7px;background:#fff;font-size:11px;cursor:pointer}.profile-menu button:hover{background:var(--gray-50)}.content{flex:1;overflow-y:auto;background:#fbfcfd}.page{width:min(100%,1220px);margin:auto;padding:28px}.loading-state{min-height:55vh;display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.hero{min-height:260px;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;position:relative;border-radius:17px;padding:40px 46px;color:#fff;background:linear-gradient(120deg,var(--ink),#402154 68%,#234a64)}.hero:after{content:"";position:absolute;width:330px;height:330px;right:-90px;bottom:-170px;border-radius:50%;background:#10b4d829}.hero>div:first-child{position:relative;z-index:2}.hero .eyebrow{color:#78ddea}.hero h1{max-width:610px;margin:0 0 13px;font-size:clamp(29px,3vw,43px);line-height:1.12;letter-spacing:-1.8px}.hero p{max-width:620px;margin:0 0 24px;color:#ffffffab;font-size:13px;line-height:1.7}.hero-art{position:relative;display:grid;place-items:center}.hero-book{width:126px;height:126px;display:grid;place-items:center;position:relative;z-index:2;border:1px solid rgba(255,255,255,.16);border-radius:30px;color:#fff;background:linear-gradient(145deg,var(--primary),#087c9c);box-shadow:0 25px 55px #00000038;transform:rotate(-7deg)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.orbit--one{width:210px;height:210px}.orbit--two{width:275px;height:155px;transform:rotate(24deg)}.spark{position:absolute;color:var(--secondary)}.spark--a{top:17%;left:13%;font-size:20px}.spark--b{bottom:15%;right:10%;font-size:15px}.spark--c{top:21%;right:8%;color:#7ce0ee}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0 34px}.stats-grid article{min-height:86px;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--border);border-radius:13px;background:#fff}.stat-icon{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px}.stat-icon.cyan{color:var(--primary-dark);background:var(--primary-soft)}.stat-icon.purple{color:#75469a;background:#f5eff9}.stat-icon.pink{color:#bd5168;background:var(--secondary-soft)}.stat-icon.dark{color:#fff;background:var(--ink)}.stats-grid article>div:last-child{display:flex;flex-direction:column}.stats-grid strong{font-size:22px;letter-spacing:-1px}.stats-grid span{color:var(--muted);font-size:9px;margin-top:2px}.section-heading,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-heading h2,.page-heading h1{margin:0;letter-spacing:-1px}.section-heading h2{font-size:23px}.section-heading>a{display:flex;align-items:center;gap:6px;color:var(--primary-dark);font-size:11px;font-weight:700}.page-heading{align-items:center;margin-bottom:24px}.page-heading h1{font-size:31px}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff;transition:.2s}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.course-card__visual{height:128px;position:relative;display:grid;place-items:center;overflow:hidden}.course-card__visual:after{content:"";position:absolute;width:150px;height:150px;right:-55px;bottom:-85px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 30px #ffffff0a}.course-card__symbol{display:grid;place-items:center;width:58px;height:58px;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:17px;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:27px;font-weight:800}.status-pill{position:absolute;z-index:2;top:11px;right:11px;padding:4px 7px;border-radius:5px;color:#fff;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:8px;font-weight:800;text-transform:uppercase}.status-pill.draft{color:var(--ink);background:#ffffffd1}.course-type-pill{position:absolute;z-index:2;left:11px;top:11px;padding:4px 7px;border-radius:5px;color:#8d314b;background:#fff1f4eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:8px;font-weight:800;text-transform:uppercase}.course-card__body{padding:16px}.course-meta{display:flex;justify-content:space-between;color:var(--primary-dark);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.course-meta span:last-child{color:#9b93a1}.course-card h3{margin:9px 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.course-card p{height:34px;overflow:hidden;margin:0;color:var(--muted);font-size:9px;line-height:1.7}.teacher-row{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--muted);font-size:9px}.mini-avatar{width:25px;height:25px;display:grid;place-items:center;color:#fff;border-radius:7px;background:var(--ink);font-size:7px;font-weight:800}.teacher-row strong{margin-left:auto;color:var(--ink)}.progress-track{height:4px;overflow:hidden;margin-top:10px;border-radius:99px;background:var(--gray-100)}.progress-track span{display:block;height:100%;border-radius:inherit}.empty-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--gray-300);border-radius:15px;color:#aaa2af;background:#fff}.empty-state h3{color:var(--ink);margin:14px 0 4px}.empty-state p{margin:0 0 16px;font-size:11px}.toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px}.search-field{width:min(420px,100%);position:relative}.search-field svg{position:absolute;left:13px;top:12px;color:#aaa2af}.search-field input{padding-left:40px;background:#fff}.filter-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:#fff}.filter-tabs button{border:0;border-radius:7px;padding:7px 11px;color:var(--muted);background:transparent;font-size:9px;font-weight:700;cursor:pointer}.filter-tabs button.active{color:var(--primary-dark);background:var(--primary-soft)}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#14091d7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(100%,530px);max-height:90vh;overflow-y:auto;display:grid;gap:17px;padding:23px;border-radius:15px;background:#fff;box-shadow:0 28px 65px #00000038}.modal__head{display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0;font-size:21px}.modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.course-detail{min-height:100%;background:#fbfcfd}.course-banner{min-height:268px;position:relative;padding:28px 36px 35px;color:#fff;overflow:hidden}.course-banner:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-100px;top:-150px;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff06}.back-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;color:#ffffffad;font-size:10px}.course-banner__content{width:min(100%,1160px);margin:35px auto 0;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px}.banner-chip{display:inline-flex;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#ffffff1a;font-size:8px;font-weight:800;text-transform:uppercase}.banner-chip-row{display:flex;flex-wrap:wrap;gap:6px}.banner-chip--pink{color:#ffdce5;background:#ee829933}.course-banner h1{margin:10px 0 8px;font-size:34px;letter-spacing:-1.5px}.course-banner p{max-width:700px;margin:0;color:#ffffffa6;font-size:11px;line-height:1.7}.banner-meta{display:flex;gap:19px;margin-top:18px;color:#ffffffbd;font-size:9px}.banner-meta span{display:flex;align-items:center;gap:6px}.progress-ring{--progress: 0deg;width:112px;height:112px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(white var(--progress),rgba(255,255,255,.16) 0)}.progress-ring:before{content:"";grid-area:1/1;width:92px;height:92px;border-radius:50%;background:#240d37d1}.progress-ring div{grid-area:1/1;z-index:1;display:flex;flex-direction:column;align-items:center}.progress-ring strong{font-size:22px}.progress-ring span{color:#ffffff91;font-size:8px}.course-body{width:min(100%,1230px);margin:-1px auto 0;padding:20px 28px 30px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.curriculum,.lesson-viewer{border:1px solid var(--border);border-radius:14px;background:#fff}.curriculum{overflow:hidden}.curriculum__head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border)}.curriculum__head h2{margin:0;font-size:16px}.inline-form{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--border)}.inline-form input{min-width:0}.inline-form .primary-button{padding:8px 11px}.curriculum-empty{padding:35px;text-align:center;color:#aaa2af;font-size:10px}.module{border-bottom:1px solid var(--border)}.module:last-child{border:0}.module__title{width:100%;display:flex;align-items:center;gap:10px;padding:14px 15px;border:0;background:#fff;text-align:left;cursor:pointer}.module__title>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--primary-dark);background:var(--primary-soft);font-size:8px;font-weight:800}.module__title>div{flex:1;display:flex;flex-direction:column}.module__title strong{font-size:10px}.module__title small{color:#9b93a1;font-size:8px;margin-top:3px}.module__title svg{transition:.2s}.module__title svg.rotate{transform:rotate(180deg)}.module__items{padding:0 8px 9px}.module__items>button{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;padding:9px;background:#fff;text-align:left;cursor:pointer}.module__items>button:hover,.module__items>button.selected{background:var(--gray-50)}.module__items>button.selected{color:var(--primary-dark)}.module__items>button.complete .lesson-icon{color:#fff;background:var(--primary)}.lesson-icon{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:#877c8e;background:var(--gray-100)}.lesson-icon.quiz{color:#b84e66;background:var(--secondary-soft)}.module__items button>div{display:flex;flex-direction:column}.module__items button strong{font-size:9px}.module__items button small{color:#aaa2af;font-size:7px;margin-top:3px;text-transform:capitalize}.module__items button.add-content{justify-content:center;margin-top:5px;color:var(--primary-dark);border:1px dashed #a5dfe9;background:var(--primary-soft);font-size:9px;font-weight:700}.lesson-viewer{min-height:520px;padding:28px}.viewer-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid var(--border)}.viewer-head h2,.quiz-view h2{margin:0;font-size:23px;letter-spacing:-.8px}.viewer-head>span{color:#9b93a1;font-size:9px}.video-frame{aspect-ratio:16/9;margin-top:20px;overflow:hidden;border-radius:12px;background:var(--ink)}.video-frame iframe{width:100%;height:100%;border:0}.resource-card,.live-card{display:flex;align-items:center;gap:13px;margin-top:20px;padding:17px;border-radius:11px;color:var(--primary-dark);background:var(--primary-soft)}.live-card{color:#a54359;background:var(--secondary-soft)}.resource-card div,.live-card div{flex:1;display:flex;flex-direction:column;min-width:0}.resource-card strong,.live-card strong{font-size:11px}.resource-card span,.live-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px;margin-top:4px}.lesson-content{padding:20px 2px;color:#514657;font-size:12px;line-height:1.85;white-space:pre-line}.viewer-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border)}.completed-label{display:flex;align-items:center;gap:7px;color:var(--primary-dark);font-size:10px;font-weight:700}.viewer-empty{min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a9a1ad}.viewer-empty>div{width:90px;height:90px;display:grid;place-items:center;border-radius:24px;color:var(--primary);background:var(--primary-soft);transform:rotate(-5deg)}.viewer-empty h2{color:var(--ink);margin:22px 0 7px}.viewer-empty p{margin:0;font-size:10px}.quiz-view>p{color:var(--muted);font-size:11px}.quiz-view fieldset{margin:21px 0;padding:0;border:0}.quiz-view legend{display:flex;align-items:flex-start;gap:9px;margin-bottom:11px;font-size:11px;font-weight:700}.quiz-view legend span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:var(--primary-dark);background:var(--primary-soft);font-size:8px}.quiz-view fieldset label{display:flex;align-items:center;gap:10px;margin:7px 0;padding:11px;border:1px solid var(--gray-200);border-radius:9px;cursor:pointer}.quiz-view fieldset input{width:auto;accent-color:var(--primary)}.quiz-view fieldset label span{font-size:10px;font-weight:500}.quiz-result{display:flex;align-items:center;gap:12px;margin:18px 0;padding:15px;border-radius:10px;color:#a44358;background:var(--secondary-soft)}.quiz-result.passed{color:var(--primary-dark);background:var(--primary-soft)}.quiz-result div{display:flex;flex-direction:column}.quiz-result strong{font-size:14px}.quiz-result span{margin-top:3px;font-size:9px}.image-preview{margin-top:20px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--gray-50);text-align:center}.image-preview img{display:block;width:100%;max-height:620px;object-fit:contain}.document-preview{height:min(72vh,720px);margin-top:20px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--gray-100)}.document-preview iframe{width:100%;height:100%;border:0}.video-frame video{width:100%;height:100%;display:block;background:#09050d}.audio-preview{margin-top:20px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--gray-50)}.audio-preview audio{width:100%}.resource-manager{display:flex;align-items:center;gap:9px;margin-top:15px;padding:12px;border:1px dashed var(--gray-300);border-radius:10px;background:var(--gray-50)}.resource-manager>div{min-width:0;flex:1;display:flex;flex-direction:column}.resource-manager strong{font-size:12px}.resource-manager span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:var(--muted);font-size:11px}.danger-text-button{display:inline-flex;align-items:center;gap:6px;border:0;padding:8px 9px;color:#b53d56;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.danger-text-button:disabled{opacity:.5;cursor:wait}.upload-field{display:grid;gap:10px;padding:14px;border:1px dashed var(--gray-300);border-radius:10px;background:var(--gray-50)}.upload-field>div{display:flex;align-items:center;gap:10px;color:var(--primary-dark)}.upload-field>div span{display:flex;flex-direction:column}.upload-field strong{color:var(--ink);font-size:13px}.upload-field small,.field-help{color:var(--muted);font-size:11px;font-weight:500;line-height:1.5}.upload-field input{padding:9px;background:#fff}.selected-file{display:flex;align-items:center;gap:6px;color:var(--primary-dark);font-size:12px;font-weight:700}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sidebar nav a,.topbar__title,.profile-menu button{font-size:13px}.nav-label,.sidebar__school small,.profile-button small{font-size:10px}.sidebar__school strong,.profile-button strong{font-size:12px}.stats-grid span,.course-meta,.teacher-row,.filter-tabs button{font-size:11px}.page-heading p,.hero p,.course-banner p{font-size:14px}.course-card p{height:42px;font-size:12px;line-height:1.65}.empty-state p,.back-link,.banner-meta,.curriculum-empty{font-size:12px}.banner-chip,.status-pill,.course-type-pill{font-size:9px}.module__title strong{font-size:13px}.module__title small{font-size:11px}.module__items button strong{font-size:12px}.module__items button small{font-size:10px}.module__items button.add-content,.viewer-head>span,.completed-label{font-size:12px}.resource-card strong,.live-card strong{font-size:14px}.resource-card span,.live-card span{font-size:11px}.lesson-content{font-size:15px;line-height:1.9}.viewer-empty p,.quiz-view>p,.quiz-result span{font-size:12px}.quiz-view legend{font-size:14px}.quiz-view fieldset label span{font-size:13px}.steps-grid strong,.guide-card__head strong,.legend-grid strong,.faq-list summary{font-size:13px}.steps-grid p,.role-guide__intro p,.guide-cards ol,.legend-grid p,.faq-list details p,.guide-cta p{font-size:12px}.role-tabs button,.guide-tip{font-size:12px}.guide-page{display:grid;gap:34px}.guide-hero{min-height:230px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative;padding:38px 44px;border-radius:17px;color:#fff;background:linear-gradient(125deg,var(--ink),#3b1d50 68%,#174b60)}.guide-hero:after{content:"";position:absolute;width:320px;height:320px;right:-80px;top:-175px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 45px #ffffff09,0 0 0 90px #ffffff06}.guide-hero>div:first-child{position:relative;z-index:2}.guide-hero .eyebrow{color:#7be0ef}.guide-hero h1{margin:0 0 12px;font-size:clamp(32px,4vw,45px);letter-spacing:-2px}.guide-hero p{max-width:680px;margin:0;color:#ffffffad;font-size:13px;line-height:1.8}.guide-hero__icon{width:110px;height:110px;display:grid;place-items:center;z-index:2;flex:0 0 auto;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:linear-gradient(145deg,var(--primary),#087f9d);box-shadow:0 24px 45px #0003;transform:rotate(5deg)}.quick-start .section-heading,.guide-section .section-heading{margin-bottom:17px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps-grid article{display:flex;gap:12px;min-height:125px;padding:18px;border:1px solid var(--border);border-radius:13px;background:#fff}.steps-grid article>span{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--primary);font-size:10px;font-weight:800}.steps-grid article div{display:flex;flex-direction:column}.steps-grid strong{font-size:11px}.steps-grid p{margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.7}.role-tabs{display:flex;gap:7px;margin-bottom:13px;padding:5px;border:1px solid var(--border);border-radius:12px;background:#fff}.role-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:10px;font-weight:700;cursor:pointer}.role-tabs button.active{color:var(--primary-dark);background:var(--primary-soft)}.role-guide{padding:22px;border:1px solid var(--border);border-radius:15px;background:#fff}.role-guide__intro{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.role-guide__icon{width:49px;height:49px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;color:var(--primary-dark);background:var(--primary-soft)}.role-guide__intro h3{margin:0;font-size:19px;letter-spacing:-.6px}.role-guide__intro p{max-width:760px;margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.guide-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.guide-cards article{padding:18px;border:1px solid var(--gray-200);border-radius:12px;background:var(--gray-50)}.guide-card__head{display:flex;align-items:center;gap:9px;color:var(--primary-dark)}.guide-card__head strong{color:var(--ink);font-size:11px}.guide-cards ol{margin:14px 0 0;padding-left:17px;color:var(--muted);font-size:9px;line-height:1.8}.guide-cards li{padding-left:3px}.guide-tip{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:9px 10px;border-radius:8px;color:#a1485b;background:var(--secondary-soft);font-size:8px;line-height:1.6}.guide-tip svg{flex:0 0 auto;margin-top:1px}.legend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.legend-grid article{display:flex;gap:10px;min-height:90px;padding:15px;border:1px solid var(--border);border-radius:12px;background:#fff}.legend-dot{width:10px;height:10px;flex:0 0 auto;margin-top:3px;border-radius:50%}.legend-dot.published{background:var(--primary)}.legend-dot.draft{background:var(--secondary)}.legend-dot.progress{background:#7c3aed}.legend-dot.passed{background:var(--ink)}.legend-grid strong{font-size:10px}.legend-grid p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.65}.faq-list{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:#fff}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:last-child{border:0}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-size:10px;font-weight:700;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{transition:.2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{margin:0;padding:0 18px 17px;color:var(--muted);font-size:9px;line-height:1.8}.guide-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border-radius:14px;color:#fff;background:var(--ink)}.guide-cta>div{display:flex;align-items:center;gap:12px}.guide-cta strong{display:block;font-size:12px}.guide-cta p{margin:4px 0 0;color:#ffffff9e;font-size:9px}.mobile-only,.scrim{display:none}@media (max-width: 1050px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr .45fr}.course-body{display:flex;flex-direction:column}.curriculum,.lesson-viewer{width:100%}.steps-grid,.legend-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.login-page{display:block}.login-showcase{display:none}.login-form-wrap{min-height:100vh;padding:30px 22px}.mobile-brand{display:block}.lms-shell{height:100vh;padding:0}.main{border:0;border-radius:0}.mobile-only{display:inline-grid}.sidebar{position:fixed;inset:0 auto 0 0;border-radius:0 15px 15px 0;transform:translate(-105%);transition:.22s}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#14091d59}.topbar{padding:0 14px;gap:10px}.topbar__title span{display:none}.profile-button>div,.profile-button>svg{display:none}.page{padding:20px 15px}.hero{min-height:330px;display:block;padding:28px 23px}.hero-art{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid article{padding:12px}.course-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:15px}.toolbar{align-items:stretch;flex-direction:column}.filter-tabs{overflow-x:auto}.course-banner{padding:21px 19px 30px}.course-banner__content{align-items:flex-start;margin-top:28px}.course-banner h1{font-size:28px}.progress-ring{display:none}.banner-meta{flex-wrap:wrap;gap:10px}.course-body{display:flex;flex-direction:column;padding:13px}.curriculum,.lesson-viewer{width:100%}.lesson-viewer{min-height:420px;padding:20px}.form-row{grid-template-columns:1fr}.guide-page{gap:26px}.guide-hero{min-height:270px;padding:30px 23px}.guide-hero__icon{display:none}.steps-grid,.guide-cards,.legend-grid{grid-template-columns:1fr}.role-tabs{overflow-x:auto}.role-tabs button{min-width:145px;padding:0 12px}.role-guide{padding:15px}.guide-cta{align-items:stretch;flex-direction:column}}