@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap");:root{--bg:#f7f8f5;--ink:#243c34;--muted:#7c8983;--line:#e6ebe5;--green:#24654d;--mint:#e8f2e8;--radius:16px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px Noto Sans SC,Microsoft YaHei,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h2{font-size:17px}h2,h3{font-weight:600}h3{font-size:15px}button{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #9dcbb4;outline-offset:3px}svg{flex-shrink:0;vertical-align:middle}.app{min-height:100vh;display:flex}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;padding:28px 19px 0}.brand{gap:11px;padding:0 10px;font-size:20px;font-weight:700;letter-spacing:.3px}.brand,.brand-mark{display:flex;align-items:center}.brand-mark{background:#24563f;color:#fff;width:41px;height:41px;border-radius:12px;justify-content:center}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#8a998f;font-weight:500;margin-top:1px}.workspace-chip{display:flex;align-items:center;gap:8px;background:#f5f7f2;border:1px solid var(--line);padding:12px 10px;border-radius:9px;margin:28px 4px 5px;font-size:11px;font-weight:500}.online-dot{width:6px;height:6px;background:#4d9872;border-radius:100%}.chip-label{font-size:8px;letter-spacing:.8px;color:#8b978b;margin-left:auto}.sidebar nav{overflow-y:auto;padding-top:12px}.nav-group{margin-bottom:20px}.nav-group>p{font-size:10px;color:#9ba59e;margin:0 14px 9px;letter-spacing:1px}.nav-link{width:100%;border:0;background:none;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 15px;margin:3px 0;color:#718078;font-size:12px;border-radius:8px;transition:.18s}.nav-link:hover{background:#f4f7f1;color:var(--green)}.nav-link.active{color:#215c40;background:#eaf1e8;font-weight:600}.nav-link.active svg{color:#36704d}.nav-count{background:#41664f;color:#fff;font-size:9px;border-radius:5px;padding:1px 5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:20px}.help-card{border:1px solid #e4eade;background:linear-gradient(145deg,#f3f6ed,#f9faf5);padding:15px 13px;border-radius:12px}.help-icon{color:#62805a;display:block;margin-bottom:9px}.help-card strong{font-size:11px;display:block}.help-card p{font-size:10px;line-height:1.9;color:#8d9889;margin:6px 0 11px}.help-card button{border:none;background:none;padding:0;font-size:10px;color:#52704a;font-weight:600}.account,.help-card button{display:flex;align-items:center;gap:9px}.account{border-top:1px solid var(--line);padding:18px 2px;margin-top:20px}.avatar{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;background:#ede9db;border-radius:100%;color:#7a744b;font-size:12px;flex-shrink:0}.avatar.small{width:30px;height:30px;font-size:11px}.avatar.big{width:58px;height:58px;font-size:23px}.account>div{min-width:0;flex:1 1}.account strong{display:block;font-size:11px}.account small{display:block;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#929b95}.account>a{color:#89968e}.main{margin-left:248px;min-width:0;flex:1 1}.topbar{height:77px;background:#ffffffc9;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 39px;gap:12px}.row,.topbar{display:flex;align-items:center}.row{gap:10px}.between{justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:12px;color:#9ba59f;font-size:11px}.breadcrumb b{font-weight:500;color:#516257}.time-chip{display:flex;align-items:center;gap:7px;color:#8d9b92;font-size:10px;margin-right:14px}.icon-btn{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;color:#7e8d83;border-radius:7px}.icon-btn:hover{background:#f0f4ec;color:var(--green)}.notification{position:relative}.notification i{width:5px;height:5px;background:#e7a372;position:absolute;top:6px;right:7px;border-radius:100%}.content{max-width:1520px;margin:auto;padding:35px 39px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 27px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#81917e;font-weight:500}.page-heading h1{font-size:27px;line-height:1.6;margin-top:5px;letter-spacing:.3px;font-weight:600}.page-heading p{font-size:11px;color:#8e9990;margin-top:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:1px solid #2f6048;border-radius:8px;background:#2b6048;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;transition:.15s}.btn:hover{background:#174a33;box-shadow:0 3px 9px #1c493021}.btn.secondary{background:#fff;border-color:#dde5da;color:#64745e}.btn.secondary:hover{background:#f1f6ed}.btn.compact{font-size:10px;padding:6px 11px}.btn.wide{width:100%}.btn.destructive{background:#99453c;border-color:#99453c}.text-btn{display:inline-flex;gap:5px;align-items:center;background:none;border:0;color:#5b7b55;padding:4px 0;font-size:11px}.text-btn:hover{text-decoration:underline}.muted{color:#8e9990;font-size:11px}.block{display:block}.badge{display:inline-flex;align-items:center;font-size:9px;line-height:1.5;padding:4px 8px;border-radius:5px;background:#f0f2ee;color:#879481;white-space:nowrap}.badge.approved,.badge.published{background:#edf5e9;color:#608052}.badge.draft,.badge.pending{background:#fbf3e4;color:#a58b58}.badge.rejected,.badge.suspended{background:#f9ebe7;color:#b17465}.badge.archived{background:#eeedf3;color:#8d869b}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 20px 15px;box-shadow:0 2px 4px #34483203}.stat-card>.row>span:first-child{font-size:11px;color:#7a897d}.stat-card>strong{display:block;font-size:32px;font-weight:500;margin-top:12px;line-height:1.2;letter-spacing:1px}.stat-card strong small{font-size:10px;color:#a4ada2;font-weight:400;letter-spacing:0;margin-left:6px}.stat-card>p{font-size:9px;color:#9ca69a;margin-top:13px}.stat-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px}.mint{background:#eaf3e7;color:#6f8f65}.lavender{background:#efedf7;color:#9990b2}.peach{background:#fcf0e6;color:#c39b76}.sand{background:#f5f2e6;color:#b5a361}.dashboard-columns{display:grid;grid-template-columns:1.65fr 1fr;gap:23px;margin-bottom:24px;align-items:stretch}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;min-width:0;overflow:hidden;box-shadow:0 2px 4px #34483202}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 24px 18px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:10px;color:#a1aa9e;margin-top:5px}.empty{padding:35px 20px 40px;text-align:center;flex-direction:column;min-height:210px}.empty,.empty-icon{display:flex;align-items:center;justify-content:center}.empty-icon{color:#a7b59d;background:#f2f6ed;border:1px dashed #dae3d4;width:63px;height:63px;border-radius:18px;margin-bottom:17px}.empty h3{font-size:13px;color:#66785f;font-weight:500}.empty p{font-size:10px;color:#a0aa9a;max-width:340px;margin:8px 0 16px;line-height:1.9}.empty .btn{font-size:10px;padding:8px 12px}.quick-action{display:flex;align-items:center;gap:12px;border:0;background:none;width:calc(100% - 46px);margin:0 23px;padding:13px 0;text-align:left;border-bottom:1px solid #f0f2ec}.quick-action>span:nth-child(2){flex:1 1}.quick-action strong{display:block;font-size:11px;font-weight:500}.quick-action small{display:block;color:#9ca599;font-size:9px;margin-top:4px}.quick-action>svg{color:#a7b49f}.subtle-note{display:flex;align-items:flex-start;gap:8px;color:#97a28f;padding:17px 23px;font-size:9px;line-height:1.9}.subtle-note svg{margin-top:3px}.overview-course-list{padding:0 23px 12px}.overview-course{display:flex;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid #edf0e9;text-align:left;width:100%;padding:13px 0}.overview-course>div:nth-child(2){flex:1 1}.overview-course h3{font-size:12px}.overview-course p{color:#9ba596;font-size:9px;margin-top:5px}.activity-list{padding:0 24px 12px}.activity{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2eb}.activity-dot{width:7px;height:7px;border:2px solid #a3b599;background:#fff;border-radius:100%}.activity>div{flex:1 1}.activity strong{font-size:11px;font-weight:500}.activity p{font-size:9px;color:#a1aa9c;margin-top:3px}.activity>svg{color:#b7c5ad}.growth-card{position:relative;overflow:hidden;background:#e8eddf;border:1px solid #dfe6d3;border-radius:13px;padding:26px 28px;min-height:245px}.growth-card h2{font-size:24px;font-weight:500;line-height:1.8;letter-spacing:1px;margin:11px 0}.growth-card p{font-size:10px;color:#92a083;line-height:1.9}.growth-card button{display:flex;align-items:center;gap:12px;margin-top:20px;background:none;border:0;font-size:10px;color:#607d4e;padding:0}.growth-art{position:absolute;right:23px;bottom:36px;transform:rotate(-17deg);color:#acbc96;opacity:.65}.footer{display:flex;justify-content:space-between;gap:12px;padding:23px 0;font-size:9px;color:#a4ada0}.footer span:last-child{display:flex;align-items:center;gap:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;color:#96a08f;padding:10px 13px;font-size:11px;border-bottom:2px solid transparent}.tabs button.selected{color:#44703d;border-bottom-color:#65885b}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 11px;color:#a0aa98}.search input{background:none;border:0;outline:none;padding:0;width:180px;font-size:11px;min-height:0}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.course-card{padding:0;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-4px);box-shadow:0 10px 23px #25462b0b}.course-art{position:relative;height:170px;overflow:hidden;background:#dce8d6;color:#557447;padding:20px}.course-art.purple,.swatch.purple{background:#e6e0ef;color:#8b79a7}.course-art.orange,.swatch.orange{background:#f3e5d5;color:#b48b61}.course-art.blue,.swatch.blue{background:#dce7ee;color:#7293a9}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff30 1px,transparent 0),linear-gradient(90deg,#ffffff30 1px,transparent 0);background-size:26px 26px}.art-label{position:relative;font-size:8px;letter-spacing:2px;opacity:.7}.art-symbol{position:absolute;left:calc(50% - 28px);top:46px;transform:rotate(-12deg)}.orbit{position:absolute;inset:-17px -25px;border:1px solid;opacity:.2;border-radius:100%;transform:rotate(-25deg)}.art-footer{position:absolute;bottom:17px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.course-art.small{height:58px;width:76px;border-radius:7px;flex-shrink:0;padding:0}.course-art.small .art-footer,.course-art.small .art-label{display:none}.course-art.small .art-symbol{left:22px;top:12px}.course-info{padding:20px}.course-info h3{font-size:16px;margin:12px 0 7px}.course-info>p{color:#99a192;font-size:10px;line-height:1.8;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{gap:14px;border-top:1px solid #eff2eb;margin-top:17px;padding-top:12px;color:#97a28e;font-size:9px}.course-meta,.course-meta span{display:flex;align-items:center}.course-meta span{gap:5px}.course-meta>svg{margin-left:auto}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px}.table-toolbar h2{font-size:14px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:11px;text-align:left}th{background:#f8faf5;font-size:10px;color:#98a28f;font-weight:400;padding:13px 22px;border-top:1px solid #eef1e9;border-bottom:1px solid #eef1e9}td{padding:16px 22px;border-bottom:1px solid #eff2ea}td strong{font-weight:500}td small{font-size:9px}.table-filter{padding:0 24px;margin:0 0 14px}.table-filter select,.table-toolbar select{max-width:200px;font-size:11px;padding:7px 10px}.field{display:block;margin-bottom:18px}.field>span{font-size:11px;font-weight:500;display:block;margin-bottom:7px}.field>small{display:block;color:#98a28f;font-size:10px;margin-top:6px;line-height:1.8}input,select,textarea{width:100%;border:1px solid #dfe5d9;border-radius:7px;padding:10px 12px;color:#4c6045;background:#fff;outline:none;min-height:40px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#8faa7b;box-shadow:0 0 0 3px #e9f2e2}input:read-only{background:#f7f8f4;color:#9ca590}input[type=checkbox]{width:15px;height:15px;min-height:0;accent-color:#396c47;flex-shrink:0}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.upload-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.upload-form{padding:0 25px 25px}.upload-form .panel-heading{padding-left:0;padding-right:0}.upload-tips{padding:28px}.round-icon{width:55px;height:55px;background:#edf3e6;color:#849e72;display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:17px}.upload-tips h2{font-size:16px;margin:0 0 20px}.upload-tips ol{padding-left:18px;font-size:11px;color:#7b8f6b}.upload-tips li{padding-left:5px;margin-bottom:20px}.upload-tips li p{font-size:10px;color:#a0aa96;margin-top:4px;line-height:1.9}.dropzone{position:relative;border:1px dashed #b9c8ab;border-radius:10px;padding:35px 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#f8faf4;cursor:pointer;margin-bottom:23px;min-width:0}.dropzone>svg{color:#91a882}.dropzone strong{font-size:11px;font-weight:500;word-break:break-all}.dropzone span{font-size:9px;color:#a3ae97}.dropzone input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.dropzone.has-file{background:#eef5e9;border-style:solid}.upload-progress{margin-bottom:20px;font-size:11px}.upload-progress small{color:#98a38d;font-size:10px}progress{width:100%;height:7px;accent-color:#72915f}.info-box{padding:13px 15px;background:#f5f7f0;border:1px solid #e8eddf;border-radius:8px;font-size:10px;line-height:1.9;color:#8c9b7e;margin:15px 0}.notice{border:1px solid #dce7d1;border-radius:8px;background:#edf4e5;gap:9px;color:#6e865a;font-size:11px;padding:13px 16px;margin-bottom:23px}.notice,.notice>span{display:flex;align-items:center}.notice>span{gap:7px}.notice button{border:0;background:none;font-size:11px;color:#537340;margin-left:auto;white-space:nowrap}.notice.danger{background:#fff1ec;border-color:#f0d4c9;color:#b07863}.danger-text{color:#b47e6b}.settings-form{max-width:720px;padding:25px}.settings-form .panel-heading{padding:0 0 23px}.profile-info{padding:15px 0}.profile-info p{gap:10px;margin:13px 0;font-size:12px}.profile-info p,.student-hero{display:flex;align-items:center}.student-hero{justify-content:space-between;gap:25px;background:#e7eddf;border:1px solid #dfe7d5;border-radius:15px;padding:35px 40px;margin-bottom:30px}.student-hero h2{font-size:28px;margin:10px 0}.student-hero p{font-size:12px;color:#8a9a7b;line-height:2}.student-hero>svg{color:#a8ba94;transform:rotate(-12deg);margin-right:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 15px}.section-heading h2{font-size:16px}.back-link{gap:6px;border:none;background:none;font-size:11px;color:#8d9e80;padding:0;margin-bottom:20px}.back-link,.course-detail-hero{display:flex;align-items:center}.course-detail-hero{justify-content:space-between;gap:20px;margin-bottom:25px;padding:23px 0}.course-detail-hero h1{font-size:29px;margin:8px 0}.course-detail-hero p{color:#94a08a;font-size:12px;margin-bottom:18px;max-width:550px}.chapter{padding:0 24px 20px}.chapter>h3{display:flex;align-items:center;gap:11px;background:#f6f8f1;padding:12px 14px;font-size:12px;border-radius:7px;margin-bottom:8px}.chapter>h3 span{color:#a4b696;font-size:10px}.lesson{gap:12px;padding:15px 8px;border-bottom:1px solid #eef2e7}.lesson,.lesson-icon{display:flex;align-items:center}.lesson-icon{height:34px;width:34px;border-radius:8px;background:#f2f6eb;color:#94aa7d;justify-content:center}.lesson-main{flex:1 1;min-width:0}.lesson-main strong{font-size:12px;font-weight:500;display:block}.lesson-main small{font-size:9px;color:#a1ad94}.plan{padding:25px}.plan h2{margin-top:20px;font-size:18px}.plan-price{font-size:30px;margin:20px 0}.plan-price small,.plan>p:not(.plan-price){font-size:11px;color:#a0ac93}.plan>p:not(.plan-price){margin-bottom:20px}.registration{max-width:550px;padding:35px;margin:auto}.registration h2{font-size:21px;margin:5px 0 10px}.registration>p{line-height:1.9;margin-bottom:25px}.gate-footer{text-align:center;padding:0 20px 30px}.gate-footer p{font-size:11px;color:#98a58c;margin-bottom:15px}.modal-backdrop{position:fixed;inset:0;background:#1d302b70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border:1px solid #dce5d4;border-radius:17px;max-width:590px;width:100%;max-height:91vh;overflow:auto;box-shadow:0 25px 100px #18382522;padding:27px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf1e7;padding-bottom:20px;margin-bottom:24px}.modal-head small{font-size:8px;letter-spacing:1.7px;color:#a0ae94}.modal-head h2{font-size:19px;margin-top:5px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;border-top:1px solid #eaf0e2;padding-top:20px}.student-summary{display:flex;align-items:center;gap:16px;margin-bottom:24px}.student-summary>div{flex:1 1}.student-summary p{font-size:10px;color:#99a78c;margin-top:3px}.mini-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef3e6;font-size:11px}.mini-row small{font-size:9px;color:#a0ad93;flex:1 1}.swatches{display:flex;gap:12px}.swatch{border:2px solid transparent;background:#dce8d6;width:43px;height:37px;border-radius:8px;color:#698553}.swatch.checked{border-color:#527447}.checklist{border:1px solid #e3eadb;border-radius:7px;padding:10px 13px;max-height:180px;overflow:auto}.check-line,.checklist label{display:flex;align-items:center;gap:9px;font-size:11px;padding:5px 0}.player-modal{max-width:1000px}.player-modal video{display:block;width:100%;max-height:64vh;background:#102119;border-radius:8px}.player-modal>.muted{margin-top:15px}.toast{position:fixed;bottom:27px;left:calc(50% + 100px);transform:translateX(-50%);z-index:150;display:flex;align-items:center;gap:10px;padding:13px 18px;background:#244d37;color:#fff;border-radius:10px;box-shadow:0 10px 30px #143a2d30;font-size:12px;max-width:90vw}.toast button{border:0;background:none;color:#c9d6bc}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.loading p{color:#8c9d80;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.mobile-mask,.mobile-menu{display:none}@media(min-width:1600px){.content{padding-top:45px}.page-heading{margin-bottom:35px}.dashboard-columns{gap:28px}.stat-card{padding:25px}.empty{min-height:245px}.sidebar{width:270px}.main{margin-left:270px}}@media(max-width:1150px){.sidebar{width:220px;padding-left:12px;padding-right:12px}.main{margin-left:220px}.content{padding:28px 25px 0}.topbar{padding:0 25px}.stats-grid{gap:11px}.stat-card{padding:15px}.stat-card>p{font-size:8px}.dashboard-columns{grid-template-columns:1.4fr 1fr;gap:17px}.panel-heading{padding:20px 18px}.quick-action{margin:0 17px;width:calc(100% - 34px)}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-card{padding:25px}.growth-art{opacity:.3}.table-toolbar{flex-wrap:wrap}.time-chip{margin-right:0}.upload-layout{grid-template-columns:1.4fr 1fr;gap:18px}}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:245px}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:inline-flex}.mobile-mask{display:block;position:fixed;inset:0;background:#21342855;z-index:25}.dashboard-columns{grid-template-columns:1.4fr 1fr}.toast{left:50%}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px}.stat-card>p{font-size:10px}.topbar{height:66px}.content{padding-top:25px}.time-chip{display:none}.page-heading h1{font-size:25px}.upload-layout{grid-template-columns:1fr}.upload-tips{order:1}.breadcrumb{font-size:10px}}@media(max-width:600px){.content{padding:22px 17px 0}.topbar{padding:0 15px}.topbar>.row{gap:4px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:15px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;line-height:1.9}.page-heading .btn{font-size:10px;padding:9px 13px}.dashboard-columns{grid-template-columns:1fr}.stats-grid{gap:11px;margin-bottom:20px}.stat-card{padding:16px}.stat-card>strong{font-size:29px}.stat-card>p{font-size:8px}.stat-icon{height:31px;width:31px}.course-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.tabs{width:100%}.tabs button{flex:1 1;font-size:10px;padding:9px 5px}.search,.search input{width:100%}.footer{flex-direction:column;font-size:8px;gap:6px;padding:25px 0}.growth-card{min-height:240px}.growth-art{opacity:.6}.table-toolbar{padding:18px}.table-toolbar>h2{width:100%}.upload-form{padding:0 18px 20px}.upload-tips{padding:23px}.dropzone{padding:30px 10px}.dropzone span{font-size:8px}.modal-backdrop{padding:12px}.modal{padding:21px;max-height:95vh}.form-grid{gap:11px}.field>span,.notice{font-size:10px}.notice{flex-wrap:wrap}.notice,.notice>span{align-items:flex-start}.notice button{margin-left:23px}.student-hero{padding:27px 23px;gap:8px}.student-hero h2{font-size:22px}.student-hero p{font-size:10px}.student-hero>svg{width:68px;min-width:50px;margin-right:0;opacity:.6}.student-hero .eyebrow{font-size:7px}.course-detail-hero{align-items:flex-start;flex-direction:column;padding:12px 0}.course-detail-hero h1{font-size:25px}.chapter{padding:0 16px 17px}.lesson{gap:8px;flex-wrap:wrap}.lesson-main{min-width:130px}.lesson>.row{margin-left:auto}.registration{padding:25px}.registration h2{font-size:20px}.student-summary{gap:12px}.student-summary p{word-break:break-all}.mini-row{flex-wrap:wrap}.mini-row small{flex-basis:100%}.eyebrow{font-size:8px}.settings-form{padding:20px}.help-card{padding:14px}.account{margin-top:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-story{background:#214d3b;color:#f5f5e9;position:relative;overflow:hidden;padding:40px 55px 25px;display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:600;letter-spacing:1px}.auth-brand small{display:block;font-size:12px;letter-spacing:2px;color:#9db49d;margin-top:3px;font-weight:400}.auth-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #79927770;border-radius:12px;background:#436b4e55}.auth-story-main{margin:auto 0;padding:55px 0 32px}.auth-eyebrow{font-size:9px;letter-spacing:2.5px;color:#9fb99c}.auth-story h1{font-size:37px;font-weight:500;line-height:1.7;letter-spacing:1.5px;margin:16px 0}.auth-story-main>p{font-size:12px;line-height:2;color:#aabda6}.auth-book{height:205px;position:relative;display:flex;align-items:center;justify-content:center;margin:15px auto 25px;max-width:340px}.auth-book>svg{color:#b8c89d;transform:rotate(-12deg)}.book-orbit{position:absolute;width:205px;height:145px;border:1px solid #b8c89d35;border-radius:50%;transform:rotate(-25deg)}.book-orbit.two{width:285px;height:185px;transform:rotate(20deg);border-style:dashed;border-color:#b8c89d20}.auth-star{position:absolute;top:15px;right:28px;font-size:36px;color:#c7c594}.auth-mini{position:absolute;bottom:22px;left:0;background:#416b4b;border:1px solid #86a37840;border-radius:8px;padding:8px 12px;font-size:9px;color:#c4d1b5;display:flex;gap:6px;align-items:center;transform:rotate(-5deg)}.auth-features{display:flex;gap:23px;border-top:1px solid #809d6d35;padding-top:23px;flex-wrap:wrap}.auth-features span{display:flex;gap:7px;align-items:center;font-size:10px;color:#b6c6ad}.auth-copyright{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#96ae8e}.auth-copyright span{font-size:7px;letter-spacing:1.3px}.auth-form-area{display:flex;align-items:center;justify-content:center;padding:35px 55px;background:#fcfcf9}.auth-form-wrap{max-width:395px;width:100%}.auth-topline{display:flex;align-items:center;justify-content:space-between;color:#a4b097;font-size:10px;margin-bottom:36px}.auth-form-wrap>h2{font-size:27px;font-weight:600;letter-spacing:.4px;margin:8px 0 11px}.auth-description{font-size:11px;line-height:1.9;color:#99a58f;margin-bottom:26px}.auth-page .field{margin-bottom:17px}.auth-page .field>span{font-size:11px;color:#68795d}.auth-page input{height:44px;background:#fff;font-size:12px;border-color:#dfe6d8}.password-field{position:relative}.password-field input{padding-right:45px}.password-field>button{position:absolute;right:8px;top:6px;width:32px;height:32px;background:none;border:0;color:#a0ac96;display:flex;align-items:center;justify-content:center}.auth-submit{height:44px;margin-top:6px;justify-content:center;font-size:12px;border-radius:7px;gap:14px}.auth-review-note{display:flex;align-items:flex-start;gap:10px;background:#f1f5e9;border:1px solid #e8eddf;border-radius:8px;padding:13px 14px;margin-top:21px;color:#8f9f7d}.auth-review-note svg{margin-top:2px}.auth-review-note p{font-size:9px;line-height:1.9}.auth-switch{text-align:center;font-size:11px;color:#a0aa96;margin-top:24px}.auth-forgot button,.auth-switch button{background:none;border:0;font-size:11px;color:#547549;font-weight:500;display:inline-flex;align-items:center;gap:6px}.auth-forgot button:hover,.auth-switch button:hover{text-decoration:underline}.auth-forgot{display:flex;justify-content:flex-end;margin:-4px 0 17px}.auth-forgot button{font-size:10px}.auth-form-footer{border-top:1px solid #e9eee1;text-align:center;color:#b0b8a5;font-size:9px;margin-top:30px;padding-top:20px}.auth-alert{padding:12px 14px;border-radius:7px;border:1px solid #eadfc3;background:#faf6e9;color:#a49260;font-size:10px;line-height:1.9;margin-bottom:18px}.auth-alert.error{border-color:#f0dbd0;background:#fff2ed;color:#b17d66}.auth-alert.success{border-color:#d5e6cc;background:#edf5e7;color:#76935f}.confirmation-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0;color:#8ca479;gap:18px}.confirmation-box strong{color:#587348;font-size:13px}.confirmation-box p{font-size:11px;line-height:1.9;color:#9aab8a}.confirmation-box .btn{margin-top:6px}@media(min-width:1600px){.auth-story{padding:50px 85px 35px}.auth-story h1{font-size:46px}.auth-story-main>p{font-size:14px}.auth-book{height:260px}.auth-book>svg{width:150px;height:150px}.auth-form-wrap{max-width:430px}.auth-page input{height:48px}}@media(max-width:1050px){.auth-story{padding:30px 32px 25px}.auth-story h1{font-size:29px}.auth-form-area{padding:30px 32px}.auth-features{gap:14px}.auth-features span{font-size:9px}.auth-copyright span{display:none}.auth-book{height:180px;margin:15px auto}.auth-topline{margin-bottom:25px}}@media(max-width:720px){.auth-page{display:flex;flex-direction:column}.auth-story{padding:24px 25px 27px}.auth-brand{font-size:18px}.auth-logo{height:36px;width:36px}.auth-story-main{padding:28px 0 0}.auth-eyebrow{font-size:8px}.auth-story h1{font-size:27px;line-height:1.65;margin:9px 0 10px}.auth-story-main>p{font-size:10px}.auth-book{position:absolute;right:10px;bottom:22px;width:130px;height:130px;opacity:.45}.auth-book>svg{width:75px;height:75px}.book-orbit{width:110px;height:80px}.book-orbit.two{width:150px;height:100px}.auth-mini,.auth-star{display:none}.auth-features{padding-top:17px;margin-top:20px;position:relative;z-index:1;gap:20px}.auth-features span{font-size:8px}.auth-copyright{display:none}.auth-form-area{padding:30px 25px}.auth-form-wrap{max-width:430px}.auth-topline{display:none}.auth-form-wrap>h2{font-size:25px}.auth-description{font-size:10px;margin-bottom:23px}.auth-form-footer{font-size:8px;margin-top:25px}.auth-review-note p{font-size:9px}.auth-page .field{margin-bottom:16px}}.generated-link{margin-top:25px;padding:20px;background:#f5f8ef;border:1px solid #e3ead8;border-radius:9px}.generated-link input{font-size:10px}.auth-switch a:hover{text-decoration:underline}