*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#1f2a24}:root{--forest: #0f3d2e;--forest-2: #15513d;--forest-3: #1f6b51;--forest-soft: #dfeee5;--surface: #f5f4ef;--line: #e7e2d6}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,#24745a2e,#f5f4ef00 36%),#f5f4ef}.login-panel{width:min(920px,100%);min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding:64px;background:#fff;border:1px solid #e7e2d6}.eyebrow{margin:0 0 12px;color:var(--forest);font-weight:700;letter-spacing:0}.app-shell{min-height:100vh}.sidebar{background:var(--forest)!important;padding:20px 14px}.brand{min-height:76px;display:flex;align-items:center;gap:12px;color:#fff;padding:0 8px}.brand-mark{width:42px;height:42px;flex:none;display:block;padding:4px;background:#fff;border-radius:50%}.brand small{display:block;color:#b9d6c8;margin-top:2px}.sidebar .ant-menu{background:transparent;border:0!important}.sidebar .ant-menu-item{color:#f3faf6!important;font-weight:600}.sidebar .ant-menu-item .anticon{color:inherit!important}.sidebar .ant-menu-item:hover{background:var(--forest-2)!important;color:#fff!important}.sidebar .ant-menu-item-selected,.sidebar .ant-menu-item-selected:hover{background:var(--forest-soft)!important;color:#102017!important}.sidebar .ant-menu-item-selected .ant-menu-title-content,.sidebar .ant-menu-item-selected:hover .ant-menu-title-content{color:#102017!important}.logout{position:absolute;left:24px;bottom:24px;width:calc(100% - 48px);color:#102017;border-color:var(--forest-soft);background:var(--forest-soft)}.content{padding:32px;overflow:auto;display:flex;justify-content:center}main{width:min(1280px,100%);margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-header h2{margin:0 0 6px!important;color:var(--forest)!important}.page-header .ant-typography{margin-bottom:0;color:var(--forest-2)}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);padding:22px}.filterbar{display:flex;justify-content:space-between;margin-bottom:16px}.course-select{width:min(460px,100%)}.settings-panel{max-width:920px;background:#fff;border:1px solid var(--line);padding:28px}.settings-number{width:220px}.settings-table{margin-top:20px}.settings-note{display:grid;gap:6px;margin:8px 0 24px;padding:14px 16px;color:#5f6f66;background:#f8faf7;border:1px solid var(--line)}.settings-note strong{color:var(--forest)}.compact-item{width:50%}.name-difficulty-row .course-name-item{width:68%}.name-difficulty-row .difficulty-item{width:32%}.full{width:100%}.course-thumb{object-fit:contain;padding:6px;background:#fff;border:1px solid var(--line)}.course-cell{display:flex;flex-direction:column;gap:4px}.course-cell span{color:#6f7a73;font-size:12px}.teacher-cell{display:flex;align-items:center;gap:10px}.teacher-avatar{object-fit:cover;border-radius:50%;border:1px solid var(--line)}.employee-avatar{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:50%;color:#8a8f8a;background:#f0f0ee;border:1px solid var(--line);font-size:12px;font-weight:700}.stat-link{padding:0;height:auto;font-weight:700}.image-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.upload-card{display:grid;gap:10px}.upload-preview-box{width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid var(--line)}.upload-preview-box .ant-image{width:100%;height:100%}.upload-preview{width:100%!important;height:100%!important;object-fit:contain;padding:8px}.upload-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#89928d;background:var(--surface);border:1px dashed #cfc8b8}@media(max-width:680px){.compact-item,.name-difficulty-row .course-name-item,.name-difficulty-row .difficulty-item{width:100%}.image-upload-grid{grid-template-columns:1fr}}.ant-table-wrapper{background:#fff;border:1px solid var(--line)}.ant-table{background:transparent}@media(max-width:860px){.app-shell{display:block}.sidebar{position:sticky!important;top:0;z-index:10;width:100%!important;min-width:0!important;max-width:none!important;padding:12px}.sidebar .ant-layout-sider-children{display:grid;gap:10px}.brand{min-height:48px;padding:0 4px}.brand-mark{width:36px;height:36px}.sidebar .ant-menu{display:flex;overflow-x:auto;white-space:nowrap}.sidebar .ant-menu-item{flex:0 0 auto;margin-inline:0!important}.logout{position:static;width:100%}.content{padding:20px 14px 32px}.page-header{display:block}.page-header .ant-btn{margin-top:12px}.login-panel{grid-template-columns:1fr;padding:32px}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ant-table-wrapper{overflow-x:auto}.compact-item{width:100%}.upload-row{align-items:flex-start;flex-direction:column}}