:root{color-scheme:light;--bg: oklch(.982 .004 250);--surface: oklch(1 0 0);--surface-muted: oklch(.968 .006 250);--blue-soft: oklch(.95 .04 250);--blue-pale: oklch(.97 .025 250);--border: oklch(.91 .008 250);--border-strong: oklch(.84 .015 250);--ink: oklch(.22 .018 250);--muted: oklch(.5 .018 250);--faint: oklch(.66 .015 250);--primary: oklch(.56 .19 250);--primary-strong: oklch(.47 .2 250);--accent: oklch(.43 .14 242);--green: oklch(.59 .15 155);--purple: oklch(.58 .2 300);--cyan: oklch(.6 .14 220);--orange: oklch(.68 .16 70);--success: oklch(.48 .12 150);--success-soft: oklch(.93 .04 150);--warning: oklch(.55 .13 75);--warning-soft: oklch(.95 .045 85);--radius: 9px;--ease: .15s ease-out;font-family:Inter,SF Pro Text,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:var(--bg)}button,input,select,textarea{font:inherit}button{min-height:36px;border:1px solid var(--border-strong);border-radius:var(--radius);padding:0 13px;color:var(--ink);background:var(--surface);font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--ease),background-color var(--ease),color var(--ease),transform var(--ease)}button:hover:not(:disabled){border-color:var(--primary);background:var(--blue-soft)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid oklch(.56 .19 250 / .24);outline-offset:2px}button:disabled{color:var(--faint);background:var(--surface-muted);cursor:not-allowed}button.primary{border-color:var(--primary);background:var(--primary);color:#fff}button.primary:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong)}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);text-wrap:balance}h1{font-size:27px;line-height:35px;font-weight:700}h2{font-size:17px;line-height:24px;font-weight:700}h3{font-size:16px;line-height:23px}p{color:var(--muted);font-size:14px;line-height:22px}.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;min-height:100vh;flex-direction:column;border-right:1px solid var(--border);padding:25px 20px 16px;background:var(--surface)}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 26px;border-bottom:1px solid var(--border)}.brand-logo{display:block;width:174px;height:auto}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-size:22px;font-weight:800;transform:rotate(-9deg)}.brand strong,.brand div span{display:block}.brand strong{font-size:16px;line-height:21px}.brand div span{color:var(--muted);font-size:12px;line-height:17px}.workspace-switcher{display:grid;grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:8px;width:100%;min-height:50px;margin-top:19px;border-color:transparent;padding:7px 9px;background:transparent;text-align:left}.workspace-switcher:hover{border-color:var(--border);background:var(--surface-muted)}.workspace-avatar{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--blue-soft);color:var(--primary-strong);font-size:12px;font-weight:750}.workspace-switcher strong,.workspace-switcher small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switcher strong{font-size:13px;line-height:17px}.workspace-switcher small{color:var(--muted);font-size:11px;line-height:15px;font-weight:400}.chevron{color:var(--muted);text-align:center}.sidebar-nav{display:grid;gap:5px;margin-top:18px}.sidebar-nav button{display:grid;grid-template-columns:1fr;align-items:center;gap:8px;min-height:44px;border-color:transparent;padding:7px 10px;background:transparent;text-align:left}.sidebar-nav button.active{border-color:var(--blue-soft);background:var(--blue-soft);color:var(--primary-strong)}.nav-mark{display:none}.sidebar-nav button.active .nav-mark{color:var(--primary)}.nav-copy{display:grid;gap:1px;min-width:0}.nav-copy strong,.nav-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-copy strong{font-size:14px;line-height:19px}.nav-copy small{color:var(--muted);font-size:11px;line-height:15px;font-weight:400}.sidebar-nav button.active .nav-copy small{color:var(--accent)}.sidebar-promo{display:grid;justify-items:center;gap:6px;margin-top:auto;padding:22px 8px 16px;text-align:center}.promo-icon{display:grid;width:76px;height:50px;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--primary);font-size:34px;transform:rotate(-12deg)}.sidebar-promo strong{font-size:13px}.sidebar-promo small{color:var(--muted);font-size:11px}.sidebar-footer{display:none}.status-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success)}.main-area{min-width:0}.topbar{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:0 38px;background:var(--surface)}.breadcrumbs{color:var(--ink);font-size:16px}.topbar-right{display:flex;align-items:center;gap:11px}.search-box{position:relative;display:flex;width:min(330px,30vw);height:38px;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:9px;padding:0 9px;background:var(--surface)}.search-box>span{color:var(--muted);font-size:22px;line-height:1;transform:rotate(-20deg)}.search-box input{height:30px;flex:1;border:0;padding:0;outline:0;font-size:12px}.search-box kbd{border:1px solid var(--border);border-radius:4px;padding:2px 5px;color:var(--muted);background:var(--surface-muted);font-size:10px}.search-results{position:absolute;z-index:12;top:44px;right:0;left:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 8px 22px #0f171f1f}.search-results button{display:grid;width:100%;min-height:45px;gap:1px;border-width:0 0 1px;border-radius:0;padding:7px 11px;text-align:left}.search-results button:last-of-type{border-bottom:0}.search-results button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results button small,.search-results>span{color:var(--muted);font-size:11px}.search-results>span{display:block;padding:13px}.icon-button{display:none;width:34px;min-height:34px;padding:0;border-color:transparent;background:transparent;color:var(--ink);font-size:19px}.account-chip{display:flex;min-height:34px;align-items:center;gap:7px;border-color:transparent;padding:0 4px;background:transparent}.account-chip>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--primary-strong);font-size:12px;font-weight:750}.account-chip strong{font-size:12px}.account-chip em{color:var(--muted);font-size:13px;font-style:normal}.page{max-width:1400px;margin:0 auto;padding:28px 44px 54px}.section-kicker{display:block;margin-bottom:5px;color:var(--accent);font-size:12px;font-weight:700;line-height:17px}.home-shell{display:grid;gap:16px}.home-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);padding:2px 0 18px}.home-head h1{margin-bottom:4px;font-size:24px;line-height:32px;font-weight:650}.home-head p{font-size:13px}.home-head-actions{display:flex;flex:0 0 auto;gap:8px}.home-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:16px;align-items:stretch}.home-focus,.home-actions,.home-panel{min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--surface)}.section-head.compact{align-items:center;margin-bottom:14px}.lesson-entry{display:grid;gap:10px;min-height:240px;align-content:center;border:1px solid var(--border);border-radius:var(--radius);padding:24px;background:var(--surface-muted)}.lesson-entry h2{max-width:24ch;font-size:24px;line-height:32px}.lesson-entry p{font-size:13px}.lesson-state{width:max-content;border-radius:999px;padding:4px 9px;background:var(--blue-soft);color:var(--primary-strong);font-size:12px;font-weight:700}.lesson-state.live{background:var(--success-soft);color:var(--success)}.lesson-state.done{background:var(--surface);color:var(--muted)}.lesson-entry-actions{display:flex;gap:8px;padding-top:6px}.home-empty{display:grid;gap:9px;min-height:240px;align-content:center;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:24px;background:var(--surface-muted)}.home-empty h2{font-size:22px;line-height:30px}.home-empty div{display:flex;flex-wrap:wrap;gap:8px;padding-top:5px}.action-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-list button{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 10px;min-height:72px;border-color:var(--border);padding:12px;text-align:left}.action-list button>span{grid-row:1 / span 2;display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:var(--blue-soft);color:var(--primary-strong);font-size:12px;font-weight:750}.action-list button strong,.action-list button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-list button strong{font-size:13px}.action-list button small{color:var(--muted);font-size:11px;font-weight:400}.home-lower{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px}.home-list{border-top:1px solid var(--border)}.home-list button{display:grid;width:100%;gap:3px;min-height:58px;border-width:0 0 1px;border-color:var(--border);border-radius:0;padding:10px 0;background:transparent;text-align:left}.home-list button:hover:not(:disabled){border-color:var(--border);background:var(--blue-pale)}.home-list strong,.home-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-list span{color:var(--muted);font-size:12px}.home-inline-empty{display:flex;min-height:96px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.office-rows{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:2px}.office-rows div{display:grid;gap:3px;border-bottom:1px solid var(--border);padding:12px 0}.office-rows strong{font-size:13px}.office-rows span{color:var(--muted);font-size:12px;line-height:18px}.hero-banner{position:relative;display:flex;min-height:178px;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);padding:25px 32px;background:var(--surface)}.hero-copy{position:relative;z-index:1;max-width:600px}.greeting{margin-bottom:8px;color:var(--ink);font-size:18px;line-height:26px}.greeting span{color:var(--orange)}.hero-copy h1{margin-bottom:6px;font-size:25px;line-height:33px}.hero-copy>p:not(.greeting){margin-bottom:20px}.hero-actions{display:flex;gap:10px}.hero-art{position:absolute;right:3%;bottom:0;width:43%;height:100%;opacity:.9}.art-window{position:absolute;top:27px;right:19%;width:230px;height:153px;border:7px solid oklch(.85 .04 250);border-radius:14px;background:#f3f9ff;background:oklch(.98 .015 250);box-shadow:0 16px 20px #4c759f1f;transform:rotate(-2deg)}.art-window>span{display:inline-block;width:7px;height:7px;margin:9px 0 0 8px;border-radius:50%;background:var(--orange)}.art-window>span:nth-child(2){margin-left:4px;background:var(--primary)}.art-window>span:nth-child(3){margin-left:4px;background:var(--green)}.art-play{display:grid;width:55px;height:55px;place-items:center;margin:23px auto 0;border-radius:13px;background:var(--primary);color:#fff;font-size:19px}.art-window i{display:block;width:70px;height:7px;margin:8px 0 0 98px;border-radius:99px;background:var(--blue-soft)}.art-window i:nth-of-type(2){width:50px;margin-top:6px}.art-window i:nth-of-type(3){width:35px;margin-top:6px}.art-book{position:absolute;right:48%;bottom:9px;width:150px;height:21px;border:4px solid oklch(.84 .03 250);border-radius:8px;background:#f4f9ff;background:oklch(.98 .02 250);transform:rotate(6deg)}.art-book:after{position:absolute;right:-13px;bottom:-12px;width:145px;height:18px;border-radius:7px;background:var(--primary);content:""}.art-cap{position:absolute;right:12%;top:19px;display:grid;width:93px;height:47px;place-items:center;border-radius:4px;background:var(--primary);color:var(--orange);font-size:38px;font-weight:900;transform:rotate(9deg) skew(-18deg)}.art-plant{position:absolute;right:4%;bottom:21px;color:var(--green);font-size:80px;line-height:1;transform:rotate(-11deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.stat-card{display:grid;grid-template-columns:1fr;align-items:center;min-height:82px;border-color:var(--border);padding:13px 18px;text-align:left}.stat-card>span:last-child{display:grid;gap:1px}.stat-card small,.stat-card em{color:var(--muted);font-size:12px;font-style:normal}.stat-card strong{color:var(--ink);font-size:25px;line-height:31px;font-weight:650}.stat-icon,.quick-icon{display:none}.stat-icon{width:54px;height:54px}.stat-icon.blue,.quick-icon.blue{color:var(--primary);background:var(--blue-soft)}.stat-icon.green,.quick-icon.green{color:var(--green);background:#d5f5de}.stat-icon.purple,.quick-icon.purple{color:var(--purple);background:#f1ebff;background:oklch(.95 .04 300)}.stat-icon.cyan,.quick-icon.cyan{color:var(--cyan);background:#d3f1fc}.quick-icon.orange{color:var(--orange);background:#ffefdb;background:oklch(.96 .045 75)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}.dashboard-section,.content-surface{border:1px solid var(--border);border-radius:var(--radius);padding:21px;background:var(--surface)}.courses-section{grid-column:auto}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head p{margin-top:3px;font-size:12px}.text-button{min-height:28px;border-color:transparent;padding:0 2px;background:transparent;color:var(--accent)}.text-button:hover:not(:disabled){border-color:transparent;background:transparent;color:var(--primary-strong)}.course-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.course-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.course-cover{display:grid;min-height:76px;align-content:space-between;padding:8px 10px;color:#fff}.course-cover span{width:max-content;border-radius:4px;padding:3px 6px;background:#fff3;font-size:11px}.course-cover strong{font-size:21px;line-height:25px}.tone-0 .course-cover{background:#5aa3ec}.tone-1 .course-cover{background:#2eaf6b}.tone-2 .course-cover{background:#a87eeb}.tone-3 .course-cover{background:#47aac6}.course-card-body{display:grid;gap:4px;padding:11px 12px 13px}.course-card-body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-card-body small,.course-card-body span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dashboard-empty{display:flex;min-height:78px;align-items:center;gap:13px;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:13px}.dashboard-empty>span{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:var(--blue-soft);color:var(--primary);font-size:20px}.dashboard-empty>div{flex:1;min-width:0}.dashboard-empty p{margin-top:3px;font-size:12px}.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.resource-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;min-height:50px;border-color:var(--border);padding:7px 10px;text-align:left}.resource-item>span:nth-child(2){display:grid;gap:2px;min-width:0}.resource-item strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.resource-item small{color:var(--muted);font-size:10px}.resource-item em{color:var(--muted);font-style:normal}.file-extension,.file-type{display:none}.quick-section{margin-top:14px}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.quick-grid button{display:grid;justify-items:center;gap:0;min-height:58px;border-color:var(--border);padding:10px 7px}.quick-icon{width:36px;height:36px;font-size:22px}.quick-grid strong{font-size:12px}.data-list{border-top:1px solid var(--border)}.data-row{display:grid;grid-template-columns:minmax(220px,1fr) 130px 110px 180px auto;align-items:center;gap:16px;min-height:68px;border-bottom:1px solid var(--border)}.data-row:hover,.data-row.selected{background:var(--blue-pale)}.data-main{display:grid;gap:3px;min-width:0}.data-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-main span,.data-meta{color:var(--muted);font-size:12px}.row-buttons{display:flex;justify-content:flex-end;gap:11px}.course-row,.file-row{grid-template-columns:minmax(0,1fr) 140px auto}.course-avatar,.file-type{display:none}.tag{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:4px 9px;background:var(--blue-soft);color:var(--accent);font-size:11px;font-weight:700}.tag.success{background:var(--success-soft);color:var(--success)}.tag.warning{background:var(--warning-soft);color:var(--warning)}.tag.muted{background:var(--surface-muted);color:var(--muted)}.large-empty{display:grid;justify-items:center;gap:8px;min-height:292px;place-content:center;text-align:center}.empty-mark{display:none}.large-empty p{max-width:44ch}.large-empty small{color:var(--muted);font-size:12px}.student-table{border-top:1px solid var(--border)}.student-table-head,.student-table-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 150px;align-items:center;gap:16px;min-height:52px;border-bottom:1px solid var(--border);font-size:13px}.student-table-head{color:var(--muted);font-size:12px}.student-table-row:hover{background:var(--blue-pale)}.account-table .student-table-head,.account-table .student-table-row{grid-template-columns:1fr 1.1fr 1fr 100px 180px}.account-info{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--border);padding:17px 0 22px}.account-large-avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--primary-strong);font-weight:750}.account-info p{margin-top:3px;font-size:12px}.account-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:20px}.account-facts div{display:grid;gap:5px}.account-facts span{color:var(--muted);font-size:12px}.management-actions{display:flex;align-items:center;gap:10px}.api-status{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.api-status.online{background:var(--success-soft);color:var(--success)}.api-status.offline{background:var(--surface-muted);color:var(--muted)}.credential-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;border:1px solid oklch(.85 .06 150);border-radius:var(--radius);padding:13px 15px;background:var(--success-soft)}.credential-banner p{margin-top:4px;font-size:12px}.credential-banner code{color:var(--success);font-weight:750}.student-actions{display:flex;gap:9px;justify-content:flex-end}.credential-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:15px;background:var(--surface-muted)}.credential-card div{display:grid;gap:5px}.credential-card span{color:var(--muted);font-size:12px}.credential-card strong{color:var(--primary-strong);font-size:17px;letter-spacing:.02em}.account-modal{max-width:520px}.course-filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:14px}.course-filter-label{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:700}.course-filter-tabs{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.course-filter-tabs button{min-height:30px;border-color:transparent;border-radius:999px;padding:0 10px;background:var(--surface-muted);color:var(--muted);font-size:12px}.course-filter-tabs button:hover:not(:disabled),.course-filter-tabs button.active{border-color:var(--primary-soft);background:var(--blue-soft);color:var(--primary-strong)}.course-filter-tabs small{margin-left:3px;color:inherit;font-size:10px;opacity:.75}.course-toolbar{display:grid;gap:12px;margin-top:18px}.course-toolbar .course-filter-bar{margin-bottom:0;border-bottom:0;padding-bottom:0}.course-search{display:flex;height:38px;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:var(--radius);padding:0 11px;background:var(--surface)}.course-search span{color:var(--muted);font-size:20px;line-height:1;transform:rotate(-20deg)}.course-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.course-table{max-height:min(66vh,640px);overflow:auto;margin-top:18px;border-top:1px solid var(--border);overscroll-behavior:contain}.course-table-head,.course-table-row{display:grid;grid-template-columns:minmax(270px,1.7fr) 100px 145px 82px 100px 72px;align-items:center;gap:15px;min-width:820px}.course-table-head{position:sticky;top:0;z-index:1;min-height:38px;color:var(--muted);background:var(--surface);font-size:11px}.course-table-row{min-height:68px;border-bottom:1px solid var(--border)}.course-table-row:hover{background:var(--blue-pale)}.course-table-title{display:flex;min-width:0;align-items:center;gap:11px}.course-table-title .data-main{min-width:0}.course-table-title .data-main strong,.course-table-title .data-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-category{color:var(--primary-strong);font-size:12px}.course-status{color:var(--success);font-size:12px}.course-filter-empty{padding:28px 0;color:var(--muted);text-align:center;font-size:13px}.course-detail{min-height:calc(100vh - 150px)}.course-detail-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;border-bottom:1px solid var(--border);padding-bottom:14px;color:var(--muted);font-size:12px}.course-detail-content{min-width:0}.course-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px}.course-detail-heading h1{margin-bottom:6px;font-size:26px;line-height:34px}.course-detail-heading p{max-width:70ch}.course-detail-heading-actions{display:flex;align-items:center;gap:10px}.course-detail-stats{display:flex;gap:25px;border-bottom:1px solid var(--border);padding:0 0 18px;color:var(--muted);font-size:12px}.course-detail-stats strong{margin-right:4px;color:var(--ink);font-size:20px;font-weight:650}.course-detail-tabs{display:flex;gap:22px;border-bottom:1px solid var(--border);padding-top:18px}.course-detail-tabs button{min-height:38px;border:0;border-bottom:2px solid transparent;border-radius:0;padding:0 2px;background:transparent;color:var(--muted);font-size:13px}.course-detail-tabs button:hover:not(:disabled),.course-detail-tabs button.active{border-bottom-color:var(--primary);color:var(--primary-strong)}.course-detail-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:25px;padding-top:25px}.course-detail-overview>section{min-width:0}.course-detail-overview>section:first-child{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--surface-muted)}.course-detail-overview>section:first-child p{line-height:1.8}.course-detail-content>section:not(.course-detail-overview){padding-top:25px}.course-detail-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:25px;padding-top:25px}.course-detail-columns>section{min-width:0}.course-detail-columns .section-head{align-items:center;margin-bottom:10px}.course-session-list,.course-material-list{border-top:1px solid var(--border)}.course-session-list article{display:grid;gap:4px;min-height:58px;border-bottom:1px solid var(--border);padding:12px 0}.course-session-list article span,.course-material-list button span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.course-material-list{max-height:500px;overflow-y:auto}.course-material-list button{display:grid;gap:4px;width:100%;min-height:61px;border-color:transparent;border-bottom:1px solid var(--border);border-radius:0;padding:12px 0;background:transparent;text-align:left}.course-material-list button:hover{border-color:transparent;background:var(--blue-pale);color:var(--primary-strong)}.course-detail-empty{display:grid;justify-items:start;gap:8px;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:28px;color:var(--muted)}.course-detail-empty button{color:var(--accent)}.library-section{min-height:0;margin-top:22px;border-top:1px solid var(--border);padding-top:22px}.library-package-list,.imported-file-list{max-height:min(62vh,600px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--border)}.library-package-row{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;align-items:center;gap:16px;min-height:62px;border-bottom:1px solid var(--border)}.library-package-row:hover{background:var(--blue-pale)}.library-package-row .data-main span{color:var(--muted);font-size:12px}.classroom-shell{min-height:100vh;background:var(--bg)}.classroom-header{display:flex;min-height:112px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:24px 48px;background:var(--surface)}.live-label{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:var(--success);font-size:12px;font-weight:700}.classroom-header h1{font-size:23px;line-height:31px}.classroom-header p{margin-top:3px;font-size:12px}.classroom-header-actions{display:flex;gap:8px}.classroom-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;max-width:1160px;margin:0 auto;padding:52px 42px}.classroom-intro{padding-bottom:28px;border-bottom:1px solid var(--border)}.classroom-intro h2{margin-bottom:7px;font-size:25px;line-height:33px}.classroom-intro p{max-width:50ch}.classroom-tools{display:flex;gap:8px;padding:21px 0;border-bottom:1px solid var(--border)}.lesson-note{display:grid;gap:6px;margin-top:27px;border-radius:var(--radius);padding:20px;background:var(--accent);color:#fff}.lesson-note span,.lesson-note small{color:#d0e1ee;font-size:11px}.lesson-note strong{font-size:17px;line-height:24px}.attendance-panel{align-self:start;border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--surface)}.attendance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--border)}.attendance-head h2{margin-top:1px}.attendance-head>strong{color:var(--primary-strong);font-size:24px;line-height:30px}.attendance-head>strong small{color:var(--muted);font-size:12px;font-weight:500}.attendance-list{max-height:420px;overflow-y:auto}.student-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:46px;border-bottom:1px solid var(--border);font-size:13px;cursor:pointer}.student-row input{width:15px;height:15px;accent-color:var(--primary)}.student-row small{color:var(--muted);font-size:11px}.student-row:has(input:checked) small{color:var(--success)}.attendance-empty{padding:28px 0;text-align:center}.attendance-empty p{margin-bottom:7px;font-size:13px}.attendance-actions{display:flex;gap:7px;padding-top:15px}.attendance-actions button{flex:1;padding:0 7px;font-size:11px}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f171f61}.modal-panel{position:relative;width:min(100%,490px);border:1px solid var(--border);border-radius:10px;padding:28px;background:var(--surface);box-shadow:0 8px 28px #0f171f29}.modal-panel form{display:grid;gap:15px}.modal-panel h2{margin-bottom:-7px;font-size:20px;line-height:28px}.modal-description{margin-bottom:2px;font-size:13px}.modal-panel label{display:grid;gap:6px;color:var(--ink);font-size:13px;font-weight:650}.modal-panel .optional{color:var(--muted);font-size:11px;font-weight:450}select,input,textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--ink);background:var(--surface);font-size:14px}select,input{height:38px;padding:0 10px}textarea{min-height:106px;resize:vertical;padding:9px 10px;line-height:22px}input::placeholder,textarea::placeholder{color:var(--faint)}.modal-close{position:absolute;top:12px;right:12px;width:28px;min-height:28px;border-color:transparent;padding:0;background:transparent;color:var(--muted);font-size:21px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.file-drop{display:grid;justify-items:center;gap:5px;min-height:116px;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:18px;background:var(--surface-muted);text-align:center;cursor:pointer}.file-drop:hover,.file-drop.selected{border-color:var(--primary);background:var(--blue-soft)}.file-drop input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.upload-symbol{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--primary);font-size:17px}.file-drop strong{max-width:100%;overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.file-drop small,.file-hint{color:var(--muted);font-size:11px;font-weight:450}.file-hint{margin-top:-7px;line-height:17px}.toast{position:fixed;z-index:30;right:25px;bottom:25px;max-width:min(360px,calc(100vw - 40px));border:1px solid var(--accent);border-radius:var(--radius);padding:11px 15px;background:var(--accent);color:#fff;font-size:12px;box-shadow:0 6px 16px #0f171f29}.hero-art,.sidebar-promo{display:none}@media(max-width:1100px){.app-shell{grid-template-columns:214px minmax(0,1fr)}.page{padding-inline:28px}.topbar{padding-inline:26px}.hero-art{right:-4%;width:48%}.home-layout,.home-lower{grid-template-columns:1fr}.course-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.classroom-content{grid-template-columns:minmax(0,1fr);max-width:760px}}@media(max-width:760px){.app-shell{display:block}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--border);padding:14px 12px 0}.brand{padding:0 8px 14px}.workspace-switcher,.sidebar-promo,.sidebar-footer{display:none}.sidebar-nav{display:flex;overflow-x:auto;margin:12px -2px 0;padding-bottom:9px}.sidebar-nav button{min-width:120px;min-height:47px}.topbar{min-height:58px;padding:10px 15px}.topbar-right{gap:4px}.search-box{width:min(220px,52vw)}.search-box kbd,.account-chip strong,.account-chip em{display:none}.page{padding:20px 15px 38px}h1{font-size:24px;line-height:31px}.home-head{display:grid;gap:12px;padding-bottom:15px}.home-head-actions{flex-wrap:wrap}.home-focus,.home-actions,.home-panel{padding:16px}.lesson-entry,.home-empty{min-height:210px;padding:18px}.lesson-entry h2{max-width:none;font-size:21px;line-height:29px}.action-list{grid-template-columns:1fr}.home-inline-empty{display:grid;justify-items:start;padding:18px 0}.hero-banner{min-height:190px;align-items:flex-start;padding:23px 19px}.hero-copy{max-width:100%}.hero-copy h1{max-width:12ch;font-size:25px;line-height:34px}.hero-art{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{grid-template-columns:1fr;min-height:78px;gap:0;padding:12px}.stat-icon{width:42px;height:42px;font-size:21px}.stat-card strong{font-size:21px;line-height:26px}.dashboard-grid{grid-template-columns:1fr}.courses-section{grid-column:auto}.course-cards{grid-template-columns:1fr 1fr}.resource-list{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-section,.content-surface{padding:17px 15px}.course-filter-bar{display:grid;gap:8px}.course-filter-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.course-filter-tabs button{flex:0 0 auto}.course-table{margin-right:-2px}.course-table-head,.course-table-row{grid-template-columns:minmax(230px,1.6fr) 92px 132px 72px 90px 64px;min-width:720px;gap:11px}.course-detail-heading{display:grid;gap:14px}.course-detail-heading-actions{justify-content:flex-start}.course-detail-overview{grid-template-columns:1fr;gap:18px}.course-detail-tabs{gap:17px;overflow-x:auto}.course-detail-columns{grid-template-columns:1fr;gap:27px}.data-row,.course-row,.file-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:13px 0}.data-meta{justify-self:start}.row-buttons{grid-column:2;grid-row:1 / span 2;display:grid;justify-items:end}.student-table-head,.student-table-row{grid-template-columns:1fr 1fr;gap:8px;padding:10px 0}.student-table-head span:nth-child(n+3),.student-table-row span:nth-child(n+3){display:none}.classroom-header{display:grid;min-height:auto;padding:22px 19px}.classroom-header h1{font-size:20px;line-height:28px}.classroom-header-actions{justify-content:flex-start}.classroom-content{gap:27px;padding:31px 19px 42px}.classroom-intro h2{font-size:21px;line-height:29px}.classroom-tools{flex-wrap:wrap}.attendance-panel{padding:17px}.modal-panel{padding:25px 19px 19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}