@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{--ink:#202238;--muted:#72758a;--line:#e9e9f1;--violet:#5d5ce8;--pale:#f6f6fc;--green:#18a77f}*{box-sizing:border-box}body{margin:0;background:#fbfbfe;color:var(--ink);font:14px DM Sans,sans-serif}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{width:248px;background:#24233c;color:#e9e9f3;min-height:100vh;padding:25px 13px;display:flex;flex-direction:column;position:fixed;z-index:5}.brand{display:flex;align-items:center;gap:8px;font:700 21px Outfit}.brand>span:last-child,.brand span:not(.brand-mark){color:#a8a7ff}.brand-mark{width:34px;height:34px;background:#6e6bea;border-radius:10px;display:grid;place-items:center;color:#fff}.close{display:none;margin-left:auto}.workspace{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#8583a6;margin:44px 13px 12px}.nav{display:flex;gap:14px;align-items:center;width:100%;text-align:left;padding:12px 14px;border-radius:9px;color:#b7b6c9;margin:2px 0;font-weight:500}.nav.active,.nav:hover{background:#3a3959;color:#fff}.nav.active svg{color:#aaa8ff}.sidebar-bottom{margin-top:auto}.support{display:flex;gap:10px;padding:14px;background:#302f4d;border-radius:9px;color:#bdbbe9}.support b,.account b{display:block;font-size:12px}.support small,.account small{display:block;font-size:11px;color:#a3a1b7;margin-top:3px}.account{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:17px 6px 0}.account svg{margin-left:auto;color:#b2b0c5}.avatar,.header-avatar{width:33px;height:33px;border-radius:50%;display:inline-grid;place-items:center;background:#e9a67e;color:#713d2b;font-size:11px;font-weight:700}.avatar.small{width:29px;height:29px;font-size:10px;background:#eeeafe;color:#5d5ce8}main{margin-left:248px;width:calc(100% - 248px);min-height:100vh}header{height:74px;padding:0 43px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#ffffffd9}.crumb{display:flex;gap:8px;align-items:center;color:#7c7d8c}.crumb button{display:flex;gap:6px;align-items:center;color:#56576a}.crumb b{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:13px}.icon-button{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;color:#6e7082}.icon-button:hover{background:#f0f0f6}.has-dot{position:relative}.has-dot:after{content:"";position:absolute;width:6px;height:6px;background:#e56854;border-radius:50%;right:7px;top:7px;border:1px solid white}.header-avatar{background:#eeeafe;color:#5d5ce8}.mobile-menu{display:none}.page{padding:37px 43px;max-width:1430px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#7775bb}.welcome,.title-row{display:flex;justify-content:space-between;align-items:center}.welcome h1,.title-row h1{font:600 29px Outfit;margin:8px 0}.welcome h1 span,.title-row h1 span{color:#e8a44c}.welcome p,.title-row p{margin:0;color:var(--muted)}.level-card{display:flex;align-items:center;gap:12px;padding:13px 20px;background:#fff8e9;border:1px solid #f6e6bc;border-radius:12px;min-width:240px}.medal{width:40px;height:40px;border-radius:50%;background:#f7bf53;color:#fff;display:grid;place-items:center;font-size:22px}.level-card small{font-size:9px;letter-spacing:.8px;color:#957642;display:block}.level-card b{font-size:13px;display:block;margin:4px 0}.level-card span{font-size:11px;color:#987e50}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:29px 0 38px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px;display:flex;gap:13px;align-items:center}.stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.stat-icon.purple{background:#eeedff;color:#5d5ce8}.stat-icon.orange{background:#fff1e9;color:#e56854}.stat-icon.green{background:#e8f8f2;color:#18a77f}.stat-icon.blue{background:#e9f5ff;color:#3488d7}.stat b{font:600 20px Outfit;display:block}.stat small{display:block;color:var(--muted);margin-top:2px;font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:20px 0 16px}.section-head h2,.panel h2{font:600 18px Outfit;margin:0}.section-head p,.panel p{margin:4px 0 0;color:var(--muted);font-size:12px}.text-button{color:var(--violet);font-weight:600;display:flex;align-items:center;gap:3px}.continue-card{background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;overflow:hidden;min-height:184px}.course-visual{width:208px;align-self:stretch;color:#fff;padding:17px;font-size:11px;font-weight:700;letter-spacing:.8px;position:relative;overflow:hidden}.visual-shape,.card-symbol,.hero-shape{font:90px Outfit;opacity:.18;position:absolute;right:10px;bottom:-13px}.continue-content{padding:22px;flex:1}.chip{font-size:9px;letter-spacing:.7px;font-weight:700;color:#6664cf;background:#efefff;padding:5px 8px;border-radius:5px}.continue-content h2{font:600 20px Outfit;margin:10px 0 5px}.continue-content p{margin:0;color:var(--muted);font-size:12px;max-width:600px}.progress-line{max-width:520px;margin-top:17px}.progress-line div{font-size:11px;display:flex;justify-content:space-between;color:var(--muted)}.progress-line b{color:#545569}.progress-line i,.mini-progress i,.completion-row i{height:6px;border-radius:5px;background:#eeeef4;display:block;margin-top:7px;overflow:hidden}.progress-line em,.mini-progress em,.completion-row em{display:block;height:100%;background:var(--violet);border-radius:5px}.primary,.secondary{background:var(--violet);color:#fff;padding:11px 15px;border-radius:8px;font-weight:600;display:flex;gap:6px;align-items:center;justify-content:center;margin:20px;white-space:nowrap}.secondary{background:#f0efff;color:#5957c8;margin:0}.lower{margin-top:37px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.course-card{background:#fff;border:1px solid var(--line);border-radius:11px;text-align:left;overflow:hidden;transition:.2s}.course-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #27235c14}.card-top{height:113px;padding:15px;color:#fff;position:relative;overflow:hidden;font-size:10px;font-weight:700;letter-spacing:.8px}.card-symbol{font-size:69px}.card-body{padding:15px}.card-meta{display:flex;gap:7px;color:#7775bb;font-size:10px;margin-bottom:8px}.card-meta span+span{color:#8b8c9b}.card-body h3{font:600 16px Outfit;margin:0;min-height:38px}.card-footer{border-top:1px solid #f0f0f4;margin-top:13px;padding-top:11px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.card-footer>span:first-child{display:flex;gap:4px;align-items:center}.complete{color:#14956f;display:flex;gap:4px;align-items:center}.mini-progress{display:flex;gap:5px;align-items:center}.mini-progress i{width:35px;margin:0;height:5px}.title-row{margin-bottom:27px}.filters{display:flex;align-items:center;gap:8px;margin-bottom:24px}.filter,.ghost{border:1px solid var(--line);padding:9px 12px;border-radius:7px;color:#6c6e7e;font-size:12px}.filter.active{border-color:#cfcefa;background:#f1f0ff;color:#5d5ce8}.filter b{background:#deddfb;padding:1px 5px;border-radius:4px;margin-left:5px}.search-field{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:0 10px;color:#999baa;background:#fff;margin-left:auto;height:36px}.search-field input{border:0;outline:0;width:145px}.catalog{grid-template-columns:repeat(3,1fr)}.course-hero{min-height:247px;color:#fff;padding:35px 43px;position:relative;overflow:hidden}.hero-code{font-size:11px;letter-spacing:1px;font-weight:700;opacity:.75}.hero-copy{margin-top:27px;position:relative;z-index:1}.hero-copy>span{font-size:12px;opacity:.82}.hero-copy h1{font:600 32px Outfit;margin:8px 0}.hero-copy p{max-width:590px;font-size:13px;opacity:.88;margin:0}.hero-copy div{display:flex;gap:21px;margin-top:18px;font-size:12px}.hero-copy div span{display:flex;align-items:center;gap:6px}.hero-shape{font-size:230px;right:80px;bottom:-60px}.detail-layout{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) 350px;gap:28px;padding:0 43px 40px}.detail-nav{display:flex;gap:25px;border-bottom:1px solid var(--line)}.detail-nav button{padding:17px 2px;color:#858697;font-size:12px}.detail-nav .active{color:var(--violet);border-bottom:2px solid var(--violet);font-weight:700}.overview{padding:25px 0}.overview h2{font:600 20px Outfit}.overview p{line-height:1.7;color:#626476}.overview h3{font:600 14px Outfit;margin-top:22px}.overview ul{padding:0;margin:12px 0;list-style:none}.overview li{display:flex;gap:9px;align-items:center;margin:11px 0;color:#535568;font-size:13px}.overview li svg{color:#20a47d}.learning-card{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;align-items:center;gap:13px}.asset-icon{background:#f1f0ff;color:var(--violet);width:39px;height:39px;display:grid;place-items:center;border-radius:8px}.learning-card span{font-size:9px;letter-spacing:.7px;color:#7775bb;font-weight:700}.learning-card h3{font:600 14px Outfit;margin:4px 0}.learning-card p{color:#8c8d9b;font-size:11px;margin:0}.play{margin-left:auto;width:37px;height:37px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center}.assessment-strip{display:flex;align-items:center;justify-content:space-between;margin-top:17px;border-radius:10px;background:#fcf7ee;padding:16px 18px}.assessment-strip h3{font:600 15px Outfit;margin:8px 0 3px}.assessment-strip p{font-size:11px;color:#7d776e;margin:0}.assistant-panel{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:12px;height:560px;display:flex;flex-direction:column;overflow:hidden}.assistant-head{padding:17px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.assistant-head>span{background:#eeedff;color:var(--violet);width:32px;height:32px;display:grid;place-items:center;border-radius:8px}.assistant-head b,.assistant-head small{display:block}.assistant-head small{font-size:10px;color:var(--muted);margin-top:2px}.context{margin:12px;display:flex;gap:8px;background:#f7f7fc;padding:9px;border-radius:7px;color:#666578}.context svg{color:#18a77f}.context b,.context small{font-size:10px;display:block}.context small{font-size:9px;margin-top:2px}.messages{padding:4px 14px;flex:1;overflow:auto}.message{display:flex;gap:7px;margin:10px 0;font-size:12px;line-height:1.45}.message>div{padding:9px 11px;border-radius:8px;background:#f3f3f8;max-width:85%}.message.user{justify-content:flex-end}.message.user>div{background:#5d5ce8;color:#fff}.bot{background:#eeeefe;color:#5d5ce8;min-width:23px;height:23px;border-radius:6px;display:grid;place-items:center}.context-source{display:flex;margin-top:6px;gap:3px;font-size:9px;color:#7775bb}.chat-input{margin:10px 12px 5px;border:1px solid #dcdce8;border-radius:8px;display:flex;padding:3px}.chat-input input{border:0;outline:0;flex:1;padding:8px;font-size:12px}.chat-input button{background:var(--violet);color:#fff;width:30px;border-radius:6px;display:grid;place-items:center}.chat-note{text-align:center;color:#999baa;font-size:9px;margin:3px 10px 12px}.toast{position:fixed;top:85px;right:25px;z-index:20;background:#24233c;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:0 10px 25px #2221363b;display:flex;gap:8px;align-items:center}.toast svg{color:#72e3ae}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#17162680;display:grid;place-items:center;padding:20px}.quiz-modal{background:#fff;width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:14px;padding:29px;position:relative}.modal-close{position:absolute;right:15px;top:15px;color:#7c7d8c}.quiz-modal h2{font:600 25px Outfit;margin:7px 0}.quiz-modal>p{color:var(--muted);margin:0 0 20px}.question{padding:15px 0;border-top:1px solid var(--line)}.question>b{font-size:13px}.question label{display:block;padding:9px 10px;margin-top:7px;border:1px solid var(--line);border-radius:7px;font-size:12px}.question label.chosen{border-color:#7775e8;background:#f5f4ff}.question input{margin-right:8px;accent-color:var(--violet)}.full{width:100%;margin:18px 0 0}.result{text-align:center;padding:30px 10px}.result-icon{width:65px;height:65px;background:#eeeefe;color:var(--violet);border-radius:50%;display:grid;place-items:center;margin:0 auto 17px}.result-icon.pass{background:#e8f8f1;color:#18a77f}.result strong{font:600 42px Outfit;color:var(--violet);display:block;margin:10px}.result p{max-width:360px;margin:0 auto 10px!important;line-height:1.6}.result .primary{margin:18px auto}.admin-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.panel-head{display:flex;align-items:start;justify-content:space-between}.bars{height:180px;display:flex;align-items:end;justify-content:space-around;margin-top:25px;border-bottom:1px solid var(--line)}.bars>div{height:100%;width:32px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px;color:#8e8f9f;font-size:10px}.bars i{width:100%;display:block;border-radius:5px 5px 0 0;background:linear-gradient(#8d8af5,#5d5ce8)}.completion-row{display:flex;align-items:center;gap:9px;margin:18px 0}.course-dot{width:9px;height:9px;border-radius:50%}.completion-row>div{flex:1}.completion-row b{font-size:11px}.completion-row i{margin-top:5px;height:5px}.completion-row strong{font-size:11px}.recent{grid-column:span 2}.activity{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #f0f0f4}.activity:last-child{border:0}.activity b{font-size:12px}.activity p{margin:2px 0 0;font-size:11px}.activity>small{margin-left:auto;color:#999baa;font-size:10px}.inline-form{display:flex;gap:8px;background:#f3f2ff;border-radius:9px;padding:12px;margin-bottom:18px}.inline-form input{border:1px solid #d9d8ee;padding:9px;border-radius:6px;min-width:240px}.inline-form .primary{margin:0}.table-panel{padding:0;overflow:hidden}.table-tools{padding:16px;display:flex;border-bottom:1px solid var(--line)}.table-tools .search-field{margin:0}.table-tools .ghost{margin-left:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#9394a4;font-size:9px;letter-spacing:.8px;padding:12px 17px;background:#fcfcfe}td{padding:13px 17px;border-top:1px solid #f0f0f4;color:#666778;font-size:12px}.person{display:flex;align-items:center;gap:8px}.person b,.person small{display:block}.person b{color:#313248}.person small{font-size:10px;color:#9798a7;margin-top:2px}.role-pill{background:#efefff;color:#5d5ce8;padding:5px 8px;border-radius:5px;font-size:10px}.status{color:#18956f;font-size:11px}.status i{width:6px;height:6px;background:#22b588;border-radius:50%;display:inline-block;margin-right:5px}.audit-box{background:#f0f9f5;border:1px solid #d8eee5;border-radius:10px;display:flex;align-items:center;gap:13px;margin-top:19px;padding:17px;color:#477069}.audit-box>svg{color:#20a47d}.audit-box b{font-size:12px}.audit-box p{margin:3px 0 0;font-size:11px}.audit-box button{margin-left:auto}.big-number{font:600 38px Outfit;margin-top:22px}.big-number span{font:400 12px DM Sans;color:var(--muted);margin-left:7px}.bars.short{height:105px;margin-top:8px}.timeline{width:28px;height:28px;display:grid;place-items:center;background:#eaf8f3;border-radius:50%;color:#18a77f}@media (max-width:900px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.close,.mobile-menu{display:grid}.mobile-menu{margin-right:12px}.sidebar .close{background:#3a3959;color:#fff;width:28px;height:28px;place-items:center;border-radius:6px}main{margin-left:0;width:100%}header{padding:0 18px}.crumb{flex:1}.page{padding:26px 20px}.stats{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr;padding:0 20px}.assistant-panel{margin-top:0;height:430px}.course-hero{padding:28px 20px}.admin-grid{grid-template-columns:1fr}.recent{grid-column:auto}.course-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.login{display:block!important}.login-copy{display:none}.login-panel{width:100%!important;min-height:100vh}.login-card{box-shadow:none!important}.welcome,.title-row{align-items:flex-start;gap:16px}.level-card{display:none}.stats{gap:9px;margin:22px 0}.stat{padding:12px;gap:8px}.stat-icon{width:31px;height:31px}.stat b{font-size:16px}.continue-card{display:block}.course-visual{width:auto;height:95px}.continue-card .primary{margin:0 22px 20px;width:calc(100% - 44px)}.course-grid,.catalog{grid-template-columns:1fr}.filters{flex-wrap:wrap}.search-field{margin-left:0;width:100%}.search-field input{width:100%}.header-actions .icon-button{display:none}.hero-copy h1{font-size:25px}.hero-copy div{gap:10px;flex-wrap:wrap}.title-row h1,.welcome h1{font-size:25px}.table-panel{overflow:auto}.table-panel table{min-width:650px}.audit-box{align-items:flex-start}.audit-box button{display:none}}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-copy{background:#272640;color:#fff;padding:55px clamp(35px,8vw,135px);display:flex;flex-direction:column;justify-content:space-between;background-image:radial-gradient(circle at 75% 20%,#5150a066,transparent 30%)}.login-copy .brand{margin-bottom:40px}.login-copy h1{font:600 clamp(38px,4vw,58px)/1.08 Outfit;max-width:600px;margin:13px 0 17px}.login-copy p{color:#b9b8ca;font-size:16px;line-height:1.6;max-width:490px}.login-copy .eyebrow{color:#a8a7ff}.login-proof{display:flex;gap:35px}.login-proof>div{display:grid;grid-template-columns:24px auto;column-gap:8px}.login-proof svg{grid-row:span 2;color:#a8a7ff}.login-proof b{font:600 19px Outfit}.login-proof small{color:#b0afc5;font-size:10px}.login-panel{background:#fbfbfe;display:grid;place-items:center;padding:25px}.login-card{background:#fff;padding:42px;width:min(430px,100%);border-radius:16px;box-shadow:0 15px 45px #25234010}.login-card h2{font:600 27px Outfit;margin:9px 0}.login-card>p{color:var(--muted);margin:0 0 27px}.role-card{width:100%;border:1px solid var(--line);display:flex;align-items:center;text-align:left;gap:13px;padding:13px;border-radius:10px;margin:11px 0}.role-card:hover{border-color:#b9b8f7;background:#fafaff}.role-card>span:nth-child(2){flex:1}.role-card b,.role-card small{display:block}.role-card b{font-size:13px}.role-card small{font-size:11px;color:var(--muted);margin-top:3px}.role-card>svg{color:#8c8d9b}.back-button{display:flex;align-items:center;gap:4px;color:#7775bb;font-weight:600;margin-bottom:16px;font-size:13px}.back-button:hover{color:var(--violet)}.login-card label{display:block;font-size:12px;font-weight:600;margin:14px 0 6px;color:#3e4054}.login-card input{width:100%;border:1px solid var(--line);padding:10px 12px;border-radius:8px;font-size:13px;outline-color:var(--violet);margin-bottom:12px}.login-card input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #f1f0ff}.auth-error{background:#fff5f5;color:#e56854;padding:12px;border-radius:8px;font-size:12px;margin:12px 0;border-left:3px solid #e56854}.auth-toggle{text-align:center;padding:20px 0;border-top:1px solid var(--line)}.auth-toggle p{font-size:12px;color:var(--muted);margin:0 0 8px}.auth-toggle .text-button{display:inline-block;color:var(--violet)}.account-help{background:#f0f9f5;border:1px solid #d8eee5;border-radius:8px;padding:12px;margin:16px 0;font-size:11px}.account-help b{display:block;color:#477069;font-size:12px;margin-bottom:6px}.account-help p{margin:4px 0;padding:0;color:#5a8b7a}.role-icon{width:39px;height:39px;border-radius:9px;display:grid;place-items:center}.role-icon.purple{background:#eeedff;color:#5d5ce8}.role-icon.coral{background:#fff0e9;color:#e56854}.secure{border-top:1px solid var(--line);margin-top:23px;padding-top:18px;color:#9697a7;text-align:center;font-size:10px;display:flex;justify-content:center;gap:5px}.empty{padding:55px;text-align:center;background:#fff;border:1px dashed #d8d8e5;border-radius:11px;color:var(--muted)}.content-list,.discussion{padding:25px 0}.content-list h2,.discussion h2{font:600 20px Outfit;margin:0 0 8px}.content-item{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:13px;border:1px solid var(--line);border-radius:9px;margin:9px 0}.content-item:hover{border-color:#bebcf5;background:#fbfbff}.content-item>div{flex:1}.content-item b,.content-item small{display:block}.content-item small{font-size:11px;color:var(--muted);margin-top:3px}.asset-viewer{background:#272640;border-radius:10px;color:#fff;margin-top:13px;padding:15px;text-align:right}.asset-viewer>button{color:#dbdaeb;font-size:11px;display:inline-flex;gap:4px;align-items:center}.asset-viewer>div{height:160px;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;text-align:center}.asset-viewer small{color:#bbb9d5;font-size:10px}.discussion>p{color:var(--muted);font-size:12px}.discussion form{display:flex;gap:8px;margin:19px 0}.discussion form input,.course-form input{border:1px solid var(--line);border-radius:8px;padding:10px;outline-color:var(--violet);flex:1}.discussion form .primary{margin:0}.discussion-post{display:flex;gap:9px;border-top:1px solid var(--line);padding:15px 0}.discussion-post b,.discussion-post small{display:block}.discussion-post small{font-size:10px;color:var(--muted);margin-top:2px}.discussion-post p{margin:7px 0;font-size:12px}.discussion-post button{font-size:11px;color:var(--violet)}.search-overlay{position:fixed;z-index:18;top:76px;left:248px;right:0;bottom:0;background:#24233c22;padding:20px}.search-overlay>div{width:min(570px,100%);margin:auto;background:#fff;border-radius:11px;padding:13px;box-shadow:0 16px 40px #22213626}.search-overlay .search-field{margin:0;width:100%}.search-overlay>div>small{display:block;color:#8d8e9c;font-size:9px;letter-spacing:.8px;margin:15px 4px 7px}.search-result{width:100%;padding:11px;display:flex;gap:10px;align-items:center;text-align:left;border-radius:7px}.search-result:hover{background:#f5f4ff}.search-result>span:nth-child(2){flex:1}.search-result b,.search-result small{display:block}.search-result small{color:var(--muted);font-size:10px;margin-top:2px}.notification-pop{position:fixed;z-index:19;right:44px;top:65px;width:295px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #2020381f;padding:14px}.notification-pop>div{display:flex;justify-content:space-between}.notification-pop p{border-top:1px solid var(--line);font-size:11px;line-height:1.5;padding-top:10px;color:var(--muted)}.notification-pop p b{color:var(--ink)}.course-form label{display:block;font-size:12px;font-weight:600;margin:14px 0}.course-form label input{display:block;width:100%;margin-top:6px}.settings-panel{max-width:670px}.settings-panel>label{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-top:1px solid var(--line);font-size:13px}.settings-panel label span{font-weight:600}.settings-panel label small{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:4px}.settings-panel input{accent-color:var(--violet);width:17px;height:17px}.settings-panel .primary{margin:16px 0 0}@media (max-width:900px){.search-overlay{left:0}.notification-pop{right:15px}}@media (max-width:580px){.discussion form{display:block}.discussion form .primary{width:100%;margin-top:8px}.search-overlay{top:75px;padding:10px}.notification-pop{top:61px;width:calc(100% - 30px)}}button:focus-visible,input:focus-visible{outline:3px solid #9d9bf5;outline-offset:2px}.course-card:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.course-grid{align-items:stretch}.course-card{height:100%}.card-body{display:flex;flex-direction:column;height:calc(100% - 113px)}.card-footer{margin-top:auto}.detail-layout article{min-width:0}.assistant-panel{position:sticky;top:18px}.content-item{min-height:68px;transition:background .18s,border-color .18s,transform .18s}.content-item:hover{transform:translate(3px)}.discussion-post p{line-height:1.55}.toast{max-width:min(400px,calc(100vw - 34px));animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.course-form input{font-size:14px}.course-form label{color:#3e4054}.filter{transition:.18s}.filter:hover{background:#f5f4ff;color:var(--violet)}@media (min-width:1200px){.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.page{padding-bottom:55px}}@media (max-width:900px){.assistant-panel{position:static}.detail-layout{gap:16px}.course-hero{min-height:220px}.course-grid{gap:13px}.card-top{height:105px}.card-body{height:calc(100% - 105px)}.title-row{flex-wrap:wrap}.title-row .primary{margin:0}.filters{position:sticky;top:0;z-index:2;background:#fbfbfe;padding:10px 0}.notification-pop{max-height:70vh;overflow:auto}}@media (max-width:580px){body{font-size:13px}header{height:65px}.page{padding:20px 15px}.crumb{font-size:11px;overflow:hidden;white-space:nowrap}.crumb span,.crumb b{overflow:hidden;text-overflow:ellipsis}.header-avatar{width:31px;height:31px}.stats{grid-template-columns:1fr 1fr}.stat small{font-size:10px}.continue-content{padding:17px}.continue-content h2{font-size:18px}.course-hero{padding:24px 16px;min-height:235px}.detail-layout{padding:0 15px 28px}.detail-nav{gap:16px;overflow-x:auto}.detail-nav button{white-space:nowrap}.hero-copy h1{line-height:1.15}.assistant-panel{height:410px}.content-list,.discussion{padding:19px 0}.content-item{padding:11px 8px}.content-item b{font-size:12px}.asset-viewer>div{height:135px}.modal-backdrop{padding:10px}.quiz-modal{padding:24px 17px}.question label{padding:10px 8px}.search-overlay>div{padding:10px}.search-result{padding:11px 7px}.course-form label{margin:12px 0}.settings-panel>label{gap:18px}.settings-panel label small{line-height:1.4}.support{width:100%;text-align:left}}.course-player{padding:25px 0}.player-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.player-heading h2{font:600 21px Outfit;margin:5px 0 0}.player-heading>span{font-size:11px;color:var(--muted)}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.player-main{min-width:0}.video-stage{height:305px;background:linear-gradient(135deg,#201f38,#39365b);color:#fff;position:relative;padding:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-stage:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:var(--course-color);opacity:.21;right:-100px;top:-130px}.video-stage:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff24;border-radius:50%;left:-55px;bottom:-95px}.stage-badge{position:absolute;top:15px;left:15px;border:1px solid #ffffff38;background:#ffffff14;border-radius:20px;padding:5px 8px;font-size:10px;z-index:1}.stage-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;z-index:1;max-width:75%}.stage-content svg{color:#cbcaff}.stage-content b{font:600 20px Outfit}.stage-content small{color:#d5d4e2;font-size:11px;line-height:1.5}.stage-controls{height:45px;position:absolute;bottom:0;left:0;right:0;background:#11101fb8;display:flex;gap:13px;align-items:center;padding:0 16px;z-index:2;font-size:11px}.stage-controls button{color:#fff;display:grid;place-items:center}.stage-controls>div{flex:1}.lesson-copy{padding:20px}.lesson-copy>span{font-size:9px;letter-spacing:.7px;color:#7472c8;font-weight:700}.lesson-copy h2{font:600 20px Outfit;margin:8px 0}.lesson-copy p{font-size:13px;line-height:1.65;color:#626476;margin:0}.lesson-actions{display:flex;gap:8px;align-items:center;margin-top:18px}.lesson-actions .primary,.lesson-actions .secondary{margin:0}.lesson-actions .primary{margin-left:auto}.lesson-actions .ghost{display:flex;align-items:center;gap:3px}.lesson-sidebar{border-left:1px solid var(--line);background:#fcfcfe}.lesson-sidebar>div:first-child{padding:16px;border-bottom:1px solid var(--line)}.lesson-sidebar>div:first-child b,.lesson-sidebar>div:first-child small{display:block}.lesson-sidebar>div:first-child b{font:600 14px Outfit}.lesson-sidebar>div:first-child small{color:var(--muted);font-size:10px;margin-top:3px}.lesson-nav{display:flex;gap:9px;width:100%;padding:12px 13px;text-align:left;border-bottom:1px solid #f0f0f4;color:#515365}.lesson-nav:hover:not(:disabled),.lesson-nav.selected{background:#f1f0ff}.lesson-nav.selected{box-shadow:inset 3px 0 var(--violet)}.lesson-nav:disabled{color:#b2b3bf;cursor:not-allowed}.lesson-nav svg{width:16px;margin-top:2px;color:#8c8aee;flex:none}.lesson-nav.done svg{color:#18a77f}.lesson-nav span{min-width:0}.lesson-nav b,.lesson-nav small{display:block}.lesson-nav b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-nav small{font-size:9px;color:#8e8f9e;margin-top:3px}.player-progress{padding:14px!important;border-top:1px solid var(--line)}.player-progress>div{display:flex;justify-content:space-between;font-size:10px}.player-progress i{height:5px;background:#e9e9f1;border-radius:9px;display:block;overflow:hidden;margin:7px 0 11px}.player-progress em{display:block;background:#18a77f;height:100%;border-radius:9px}.player-progress button{display:flex;align-items:center;gap:4px;color:#7a7b8b;font-size:10px}.player-progress button:hover{color:#e56854}.video-stage.in-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;border-radius:0}.video-stage.in-fullscreen .stage-controls{display:flex!important}.stage-controls .icon-button{background:transparent;color:#fff;transition:all .2s}.stage-controls .icon-button:hover{background:#fff2;border-radius:6px}.stage-controls .icon-button.muted{background:#ff6b6b44;color:#f99}.stage-controls .icon-button.fullscreen-active{background:#00d66644;color:#0f8}@media (max-width:900px){.player-layout{grid-template-columns:1fr}.lesson-sidebar{border-left:0;border-top:1px solid var(--line)}.lesson-sidebar{display:grid;grid-template-columns:repeat(2,1fr)}.lesson-sidebar>div:first-child,.player-progress{grid-column:span 2}.lesson-nav{border-right:1px solid #f0f0f4}.video-stage{height:280px}}@media (max-width:580px){.course-player{padding:18px 0}.player-heading{align-items:start;flex-direction:column;gap:4px}.video-stage{height:238px}.stage-content{max-width:90%}.stage-content b{font-size:17px}.lesson-copy{padding:16px}.lesson-copy h2{font-size:18px}.lesson-actions{flex-wrap:wrap}.lesson-actions .primary{margin-left:0;flex:1}.lesson-sidebar{display:block}.lesson-sidebar>div:first-child,.player-progress{width:100%}.lesson-nav{padding:12px}.stage-controls{gap:9px;padding:0 10px}}