.class-page-heading{margin:0 0 20px;padding:0 0 19px;border-bottom:1px solid var(--line)}.class-page-heading>div:first-child h1{font:700 22px Manrope;margin:0 0 6px}.class-page-heading>div:first-child p{margin:0;color:var(--muted);font-size:12px}.class-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:17px}.class-toolbar .search-box{flex:1 1 190px}.class-toolbar .search-box input{width:100%}.class-toolbar .select{min-width:145px}.view-toggle{display:flex;border:1px solid var(--line);border-radius:8px;background:#fff;padding:3px}.view-toggle button{border:0;background:transparent;color:#8994a7;border-radius:6px;padding:6px 9px;font-size:14px}.view-toggle button.selected{background:#edf3ff;color:#4d78e8}.class-results{min-height:220px}.class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.class-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);min-width:0}.class-card-tags{display:flex;align-items:center;gap:8px}.class-card-tags .status,.class-detail-head .status{padding:6px 11px;font-size:10px}.class-kind{background:#eef3ff;color:#4c79ed;border-radius:20px;padding:6px 11px;font-size:10px}.class-edit{margin-left:auto;font-size:17px}.class-card h2{font:800 18px Manrope;margin:20px 0 14px}.class-meta{display:flex;flex-wrap:wrap;gap:13px;color:#66748d;font-size:10px;padding-bottom:13px;border-bottom:1px solid #eff1f5}.class-counts{display:flex;gap:17px;color:#77849a;font-size:10px;padding:13px 0}.class-detail-btn{width:100%;justify-content:center;padding:11px}.class-detail-btn span{margin-left:4px}.class-results .empty-state{margin-top:25px}.class-table{margin-top:5px}.class-table td b{color:#384760}.class-detail-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 17px;border-bottom:1px solid var(--line);margin:-8px 0 18px}.class-detail-head>div:first-child{display:flex;align-items:center;gap:10px}.class-detail-head b{font:800 16px Manrope}.class-builder{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(210px,1fr) minmax(260px,1.15fr);border:1px solid #e4e8ef;border-radius:15px;background:white;overflow:hidden;min-height:610px;box-shadow:var(--shadow)}.class-builder-column{min-width:0}.class-column,.group-builder-column{border-right:1px solid #e5e8ed}.class-column-head{height:62px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:11px;background:#f8faff;color:#4f7bf0}.class-column-head b{font:800 16px Manrope}.class-column-head i{font-style:normal;border-radius:7px;padding:8px 11px;background:#eaf1ff;color:#4f7bf0;font-size:13px;font-weight:700}.group-column-head{background:#e4f7fc;color:#47b9d8}.group-column-head i{background:#fff;color:#42b7d6}.lesson-column-head{background:#ff6a50;color:white}.lesson-column-head i{background:#fff2ef;color:#ef6049}.class-add{width:calc(100% - 30px);margin:16px 15px 10px;height:46px;border:1.5px solid #5285ff;border-radius:9px;background:white;color:#3978f5;font-size:12px;font-weight:700}.class-add:hover{background:#f7f9ff}.lesson-add{border-color:#ffad9e;color:#e86750}.class-list{padding:6px 10px 16px}.class-select{width:100%;display:block;text-align:left;border:0;background:transparent;border-radius:9px;padding:12px 10px;margin:4px 0;color:#35435d}.class-select:hover,.class-select.selected{background:#f0f5ff}.class-select b{display:block;font-size:11px}.class-select small{display:block;color:#99a3b2;font-size:9px;margin-top:5px}.class-group-item{display:flex;align-items:center;border-radius:9px;margin:4px 0;padding-right:5px}.class-group-item:hover,.class-group-item.selected{background:#f1fbfd}.class-group-item .class-select{flex:1;margin:0}.class-group-item .kebab{font-size:15px;padding:5px}.lesson-list{padding:4px 12px 20px;display:grid;gap:8px}.lesson-card{border:1px solid #e9edf4;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.lesson-main{display:flex;align-items:center;gap:8px;min-width:0}.lesson-icon{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#fff0ed;color:#ed6d55}.lesson-main b{display:block;font-size:10px;color:#394860}.lesson-main small{display:block;margin-top:4px;font-size:9px;color:#96a0af;white-space:normal}.lesson-actions{flex:none}.lesson-actions .kebab{padding:4px}.class-builder .detail-empty{min-height:300px}.class-results .class-card[hidden],.class-table tr[hidden]{display:none!important}
@media(max-width:1100px){.class-toolbar .search-box{flex-basis:220px}.class-builder{grid-template-columns:minmax(170px,.75fr) minmax(190px,1fr) minmax(230px,1.1fr)}}
@media(max-width:760px){.class-toolbar{align-items:stretch}.class-toolbar .search-box{flex-basis:100%}.class-toolbar .select{flex:1;min-width:120px}.class-toolbar #createClass{flex:1}.class-grid{grid-template-columns:1fr}.class-card{padding:16px}.class-detail-head{align-items:flex-start;gap:10px;flex-direction:column}.class-detail-head>div:first-child{flex-wrap:wrap}.class-detail-head b{font-size:13px}.class-builder{grid-template-columns:1fr;min-height:0}.class-column,.group-builder-column{border-right:0;border-bottom:1px solid #e5e8ed}.class-column-head{height:52px}.class-add{height:42px;margin:12px 12px 7px;width:calc(100% - 24px)}.class-list{padding:3px 9px 10px}.class-select{padding:9px}.lesson-list{padding:4px 10px 14px}.class-builder .detail-empty{min-height:170px}}