@import url(https://fonts.googleapis.com/css2?family=Exo+2:wght@700;800&display=swap);:root{--bg:#f3f5f7;--surface:#fff;--text:#111827;--muted:#667085;--primary:#ff6b00;--primary-soft:#ffe7d6;--border:#d9dde3}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#fff3eb 0,#f3f5f7 45%,#e8edf2 100%);background:radial-gradient(circle at top,#fff3eb 0,var(--bg) 45%,#e8edf2 100%);color:#111827;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.app-shell{font-size:16px;min-height:100vh}.app-shell.theme-neutral{--bg:#f3f5f7;--surface:#fff;--text:#111827;--muted:#667085;--border:#d9dde3;background:radial-gradient(circle at top,#fff3eb 0,#f3f5f7 45%,#e8edf2 100%);background:radial-gradient(circle at top,#fff3eb 0,var(--bg) 45%,#e8edf2 100%)}.app-shell.theme-dark{--bg:#2a313d;--surface:#f3f6fb;--text:#1f2937;--muted:#4b5563;--border:#c9d2de;--primary-soft:#e9f1ff;background:radial-gradient(circle at top,#d8e4f4 0,#cdd8e8 45%,#c4cfde 100%)}.app-shell.text-small{font-size:14px}.app-shell.text-normal{font-size:16px}.app-shell.text-large{font-size:18px}.main-header{grid-gap:12px;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #d9dde3;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:220px 1fr 240px;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.app-shell.theme-dark .main-header{background:#f8fafdf0}.app-shell.theme-dark .card,.app-shell.theme-dark .modal,.app-shell.theme-dark .panel,.app-shell.theme-dark .profile-menu{background:#f8fbff;color:#1f2937}.app-shell.theme-dark .nav-btn{color:#223044}.app-shell.theme-dark .ghost-btn{background:#e8edf4;color:#1f2937}.app-shell.theme-dark .form input,.app-shell.theme-dark .form select,.app-shell.theme-dark .form textarea{background:#fff;border-color:#cfd8e3;color:#1f2937}.app-shell.theme-dark .error{background:#ffeceb;color:#8f1f1b}.logo-wrap{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:0;justify-content:center}.logo-img{object-fit:contain;width:140px}.logo-text{align-items:baseline;display:inline-flex;font-family:Exo\ 2,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;font-weight:800;gap:2px;letter-spacing:1.3px;line-height:.8;margin-top:-20px;position:relative;text-transform:uppercase}.logo-text-dark{animation:logoLightSweep 2.8s linear infinite;background:linear-gradient(115deg,#0f1720,#0f1720 30%,#5f6b78 50%,#0f1720 70%,#0f1720);background-clip:text;-webkit-background-clip:text;background-size:220% 100%;color:#0f1720;color:#0000}.logo-text-blue{animation:logoLightSweep 2.8s linear infinite,logoGlowPulse 1.8s ease-in-out infinite;background:linear-gradient(115deg,#0a66d1,#0a66d1 30%,#8ec2ff 50%,#0a66d1 70%,#0a66d1);background-clip:text;-webkit-background-clip:text;background-size:220% 100%;color:#0000;text-shadow:0 0 10px #0a66d133}@keyframes logoLightSweep{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes logoGlowPulse{0%,to{filter:drop-shadow(0 0 0 rgba(10,102,209,.2))}50%{filter:drop-shadow(0 0 8px rgba(10,102,209,.45))}}.main-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ghost-btn,.link-btn,.nav-btn,.primary-btn,.upload-btn{border:0;border-radius:10px;cursor:pointer;font-size:14px;padding:10px 14px}.nav-btn{background:#0000;color:#111827;color:var(--text)}.nav-btn.active{background:#ffe7d6;background:var(--primary-soft);color:#8a3f00;font-weight:600}.primary-btn{background:#ff6b00;background:var(--primary);color:#fff}.ghost-btn{background:#eceff3;color:#1f2937}.link-btn{background:#0000;color:#1856b6;text-decoration:underline}.auth-slot{display:flex;justify-content:flex-end}.profile-chip{position:relative}.profile-trigger{align-items:center;background:#fff;background:var(--surface);border:1px solid #d9dde3;border:1px solid var(--border);border-radius:999px;color:#111827;color:var(--text);cursor:pointer;display:inline-flex;gap:8px;padding:4px 8px 4px 4px}.profile-user-meta{display:grid;line-height:1.15;text-align:left}.profile-user-meta strong{font-size:12px}.profile-user-meta small{color:#667085;font-size:11px}.caret{font-size:10px}.profile-menu{grid-gap:6px;background:#fff;background:var(--surface);border:1px solid #d9dde3;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 24px #0f17242e;display:grid;gap:6px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:170px;z-index:40}.profile-company-btn{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:34px 1fr;text-align:left}.profile-company-thumb{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:8px;display:grid;height:34px;object-fit:cover;place-items:center;width:34px}.profile-company-thumb-empty{background:linear-gradient(160deg,#f8fbff,#eef4fb);color:#475467;font-weight:700}.profile-company-meta{grid-gap:2px;display:grid;gap:2px;line-height:1.2}.profile-company-meta strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-company-meta small{color:#667085;font-size:11px}.profile-role-info{grid-gap:2px;background:#ffe7d6;background:var(--primary-soft);border:1px solid #d9dde3;border:1px solid var(--border);border-radius:8px;display:grid;gap:2px;padding:6px 8px}.profile-role-info strong{font-size:11px}.profile-role-info span{font-size:12px}.avatar{border-radius:999px;height:36px;object-fit:cover;width:36px}.content-shell{margin:20px auto;max-width:1200px;padding:0 16px 24px}.panel{background:#fff;background:var(--surface);border:1px solid #d9dde3;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 25px #1118270d;padding:18px}.hero{padding:40px 24px;text-align:center}.grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.admin-grid{gap:10px}.admin-grid .panel{padding:12px}.admin-grid h2{font-size:16px;margin:0 0 6px}.admin-grid li,.admin-grid p{font-size:13px;line-height:1.3}.cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.my-courses-grid{margin-top:8px}.my-course-card{grid-gap:6px;display:grid;gap:6px}.my-course-card.compact h3{font-size:15px;margin:0}.my-course-card.compact p{font-size:12px;line-height:1.3;margin:0}.my-course-card.clickable{cursor:pointer}.my-course-card.clickable:hover{border-color:#bfd0ee;box-shadow:0 0 0 2px #0a66d11a}.my-course-head{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:72px 1fr}.dashboard-course-square-thumb,.my-course-thumb{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:8px;height:72px;object-fit:cover;width:72px}.dashboard-course-square-thumb{margin-bottom:8px}.dashboard-favorites-mini-list{grid-gap:8px;display:grid;gap:8px}.dashboard-favorite-mini-item{grid-gap:8px;align-items:center;background:#fbfcfd;border:1px solid #d9dde3;border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;grid-template-columns:44px 1fr;padding:6px}.dashboard-favorite-mini-item span{font-size:12px;line-height:1.25}.dashboard-favorite-mini-thumb{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:6px;height:44px;object-fit:cover;width:44px}.dashboard-favorites-modal{max-height:92dvh;overflow:auto;width:min(980px,calc(100vw - 24px))}.dashboard-favorites-detail-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:#fbfcfd;border:1px solid #d9dde3;border:1px solid var(--border);border-radius:12px;padding:14px}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:#bfd0ee;box-shadow:0 0 0 2px #0a66d11a}.short-video-card{display:flex;flex-direction:column;gap:10px;height:100%}.short-video-head{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:116px 1fr}.short-video-thumb{background:#eef3f8;border:1px solid #d9dde3;border:1px solid var(--border);border-radius:8px;height:66px;object-fit:cover;width:116px}.short-video-meta h3{font-size:16px;margin:0 0 4px}.short-video-meta p{color:#475467;font-size:12px;line-height:1.3;margin:0}.short-video-actions{justify-content:flex-end;margin-bottom:0;margin-top:auto}.video-play-btn{font-size:12px;height:30px;justify-content:center;min-width:88px;padding:4px 8px;width:88px}.admin-media-detail-head{grid-gap:14px;display:grid;gap:14px;grid-template-columns:220px 1fr;margin-bottom:12px}.admin-media-detail-thumb{background:#eef3f8;border:1px solid #d9dde3;border:1px solid var(--border);border-radius:10px;height:124px;object-fit:cover;width:220px}.admin-media-detail-meta{grid-gap:6px;display:grid;gap:6px}.admin-media-detail-meta h3,.admin-media-detail-meta p{margin:0}.admin-document-card{display:grid}.admin-document-head{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:56px 1fr}.admin-document-thumb{background:linear-gradient(160deg,#f8fbff,#eef4fb);border:1px solid #d9dde3;border:1px solid var(--border);border-radius:10px;color:#1f3c6e;display:grid;font-size:11px;font-weight:700;height:56px;letter-spacing:.5px;place-items:center;text-transform:uppercase;width:56px}.admin-document-thumb.large{font-size:18px;height:120px;width:120px}.course-card-cover{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:8px;height:72px;margin-bottom:0;object-fit:cover;width:72px}.course-card-preview{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px}.course-card-cover-empty{background:linear-gradient(160deg,#f8fbff,#eef4fb);color:#475467;display:grid;font-weight:600;place-items:center}.course-card-preview-text{background:#0000;border-radius:0;color:#475467;font-size:12px;line-height:1.3;margin:0;max-height:3.9em;overflow:hidden;padding:0;position:static;text-overflow:ellipsis}.thumbnail-preview-image{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:10px;height:100px;object-fit:cover;width:180px}.small-btn{border-radius:8px;font-size:12px;padding:6px 10px}.symbol-btn{align-items:center;background:#2b2f38;border:1px solid #454b57;color:#f8fafc;display:inline-flex;height:32px;justify-content:center;min-width:40px;padding:0;width:40px}.symbol-btn:hover{background:#3a4050}.symbol-icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:18px;width:18px}.tag{background:#eef3ff;border-radius:999px;color:#2f4f8e;display:inline-block;margin-top:8px;padding:4px 10px}.modal-backdrop{background:#00000073;display:grid;inset:0;place-items:center;position:fixed;z-index:100}.modal-backdrop.nested{background:#0000009e;z-index:120}.modal{background:#fff;border-radius:14px;max-height:90vh;overflow-y:auto;padding:18px;position:relative;width:min(560px,calc(100vw - 24px))}.video-player-modal{max-height:94dvh;width:min(1000px,calc(100vw - 24px))}.document-viewer-modal{max-height:94dvh;width:min(1240px,calc(100vw - 24px))}.video-player-frame{aspect-ratio:16/9;background:#0b1220;border:1px solid #1f2937;border-radius:12px;overflow:hidden;width:100%}.video-popup-player{border:0;display:block;height:100%;width:100%}.document-viewer-frame{background:#e8edf4;border:1px solid #1f2937;border-radius:12px;height:min(82dvh,900px);overflow:hidden;width:100%}.document-popup-viewer{border:0;display:block;height:100%;width:100%}.modal-wide{width:min(920px,calc(100vw - 24px))}.close-btn{background:#ebedf1;border:0;border-radius:999px;cursor:pointer;height:30px;position:absolute;right:12px;top:12px;width:30px}.form{grid-gap:10px;display:grid;gap:10px}.form input,.form select{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:10px;padding:10px;width:100%}.form select{background:#fff;background:var(--surface);color:#111827;color:var(--text)}.form textarea{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:10px;padding:10px;resize:vertical;width:100%}.checkbox-inline{align-items:center;color:#344054;display:inline-flex;font-size:13px;gap:8px}.checkbox-inline input[type=checkbox]{height:16px;width:16px}.sme-training-block{border-top:1px solid #d9dde3;border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.error{background:#ffebea;border-radius:8px;color:#b42318;padding:8px 10px}.upload-btn{align-items:center;background:#edf2f7;display:inline-flex;font-weight:600;justify-content:center}.upload-btn input{display:none}.preview-photo{border-radius:999px;height:90px;object-fit:cover;width:90px}.company-logo-preview{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:10px;height:88px;object-fit:cover;width:88px}.company-info-header{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:88px 1fr;margin-bottom:10px}.company-info-logo{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:12px;height:88px;object-fit:cover;width:88px}.company-info-logo-empty{background:linear-gradient(160deg,#f8fbff,#eef4fb);color:#475467;display:grid;font-size:28px;font-weight:700;place-items:center}.company-info-header-meta{grid-gap:4px;display:grid;gap:4px}.company-info-header-meta strong{font-size:20px}.company-info-header-meta span{color:#475467;font-size:13px}.company-readonly-grid{grid-gap:4px;display:grid;gap:4px;margin-bottom:12px}.company-manage-add-user{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:10px}.company-manage-add-user h3{margin-top:0}.company-users-grid{grid-gap:10px;display:grid;gap:10px}.company-user-card{grid-gap:8px;display:grid;gap:8px}.company-user-head{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:56px 1fr}.company-user-head-meta{grid-gap:3px;color:#344054;display:grid;font-size:13px;gap:3px}.company-user-stats{color:#1f2937;font-size:13px;margin:0}.company-user-course-list{display:flex;flex-wrap:wrap;gap:6px}.photo-editor{grid-gap:10px;display:grid;gap:10px}.photo-frame{border:2px solid #e5e7eb;border-radius:999px;height:220px;margin:0 auto;overflow:hidden;width:220px}.editor-photo{height:100%;object-fit:cover;width:100%}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.admin-user-list{grid-gap:10px;display:grid;gap:10px}.admin-user-row{grid-gap:10px;background:#fff;border:1px solid #d9dde3;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:grid;gap:10px;grid-template-columns:56px 1fr;padding:10px;text-align:left}.admin-user-row.active{border-color:#0a66d1;box-shadow:0 0 0 2px #0a66d126}.admin-user-row.static{cursor:default}.admin-user-row.clickable{cursor:pointer}.admin-user-avatar{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:999px;height:56px;object-fit:cover;width:56px}.admin-user-avatar.large{height:96px;width:96px}.admin-user-meta{grid-gap:3px;color:#344054;display:grid;font-size:13px;gap:3px}.pending-registration{background:#fff4e5;border:1px solid #f7d9a5;border-radius:999px;color:#9a6700;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.mini-actions{display:flex;flex-wrap:wrap;gap:8px}.danger-btn{background:#fee4e2;color:#b42318}.danger-btn:disabled{cursor:not-allowed;opacity:.6}.delete-confirm-box{background:#fff7f7;border:1px solid #f5c2c0;border-radius:10px;margin:10px 0;padding:12px}.active-step{background:#dfe9ff;color:#133d7a}.course-editor-box{grid-gap:10px;border:1px solid #d9dde3;border:1px solid var(--border);border-radius:12px;display:grid;gap:10px;margin-top:10px;padding:12px}.option-editor-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto}.exam-answer-row{align-items:flex-start;display:flex;gap:8px;justify-content:flex-start;text-align:left;width:100%}.exam-answer-row input[type=radio]{flex:0 0 auto;margin:2px 0 0}.exam-answer-row span{flex:1 1;line-height:1.35;text-align:left}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px}.page-overview-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.page-overview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.page-overview-card{grid-gap:6px;background:#f8fbff;border:1px solid #d2dfee;border-radius:10px;display:grid;gap:6px;padding:10px}.page-overview-card.active{background:#eaf2ff;border-color:#2563eb}.page-overview-card.drag-over{border-color:#1d4ed8;box-shadow:0 0 0 2px #2563eb33}.role-selector-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:4px;max-height:132px;overflow:auto;padding-right:2px}.role-chip{align-items:center;background:#f7faff;border:1px solid #c7d6ee;border-radius:6px;cursor:pointer;display:flex;gap:6px;justify-content:space-between;line-height:1.2;min-height:30px;padding:5px 6px;text-align:left}.role-chip span:first-child{font-size:12px;line-height:1.15;overflow:visible;text-overflow:clip;white-space:normal}.role-chip span:last-child{color:#667085;font-size:9px;white-space:nowrap}.role-chip.selected{background:#e9f1ff;border-color:#2563eb}.role-chip.selected span:last-child{color:#1d4ed8}.page-element-card{grid-gap:8px;background:#f9fbff;border:1px solid #d9dde3;border:1px solid var(--border);border-radius:10px;display:grid;gap:8px;padding:10px}.presentation-stage{background:linear-gradient(160deg,#f8fbff,#eef4fb);border:1px dashed #b6c3d6;border-radius:12px;min-height:280px;overflow:hidden;padding:12px;position:relative}.page-bg-controls{grid-gap:8px;display:grid;gap:8px}.editor-stage{min-height:420px;outline:none;padding-bottom:60px}.stage-bg-image{height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%;z-index:0}.stage-empty{color:#667085;font-size:13px;position:relative;z-index:1}.stage-element{background:#ffffffc7;border:1px solid #dbe5f3;border-radius:10px;margin-bottom:10px;padding:8px;position:relative;z-index:1}.stage-element.stage-element-shape{background:#0000;border:1px dashed #2563eb61}.editor-stage-element{margin-bottom:0;position:absolute;width:min(320px,calc(100% - 24px))}.editor-stage-element.full-page-element{height:calc(100% - 24px);left:12px!important;top:12px!important;width:calc(100% - 24px)}.stage-element-tools{align-items:center;display:flex;gap:6px;margin-bottom:6px}.stage-drag-handle{background:#eef4ff;border:1px solid #c7d6ee;border-radius:6px;color:#274690;cursor:grab;font-size:11px;margin-bottom:6px;padding:2px 8px}.stage-drag-handle:active{cursor:grabbing}.stage-settings-btn{background:#fff;border:1px solid #c7d6ee;border-radius:6px;color:#274690;cursor:pointer;font-size:13px;height:24px;line-height:1;width:28px}.stage-settings-btn:hover{background:#eef4ff}.stage-resize-handle{border:1px solid #1d4ed8;border-radius:3px;bottom:6px;cursor:nwse-resize;height:14px;width:14px}.stage-resize-handle,.stage-rotate-handle{background:#fff;position:absolute;right:6px}.stage-rotate-handle{align-items:center;border:1px solid #1d4ed8;border-radius:999px;color:#1d4ed8;cursor:grab;display:inline-flex;font-size:12px;height:18px;justify-content:center;line-height:1;top:6px;width:18px}.stage-rotate-handle:active{cursor:grabbing}.stage-media{border-radius:8px;max-width:100%}.stage-shape{display:block;max-width:100%}.stage-element.full-page-learner{min-height:58vh;width:100%}.stage-element.full-page-learner .stage-media{height:58vh;object-fit:contain;width:100%}.helper-text{color:#667085;font-size:12px}.stage-course-btn{background:#2563eb;border:1px solid #1d4ed8;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 12px}.stage-course-btn:hover{background:#1d4ed8}.button-editor-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(150px,1fr))}.button-editor-grid label{grid-gap:4px;display:grid;font-size:12px;gap:4px}.element-settings-modal{grid-gap:8px;background:#f9fbff;border:1px solid #d9dde3;border:1px solid var(--border);border-radius:10px;display:grid;gap:8px;padding:10px;width:min(560px,calc(100vw - 24px))}.stage-animation{background:#e8f1ff;border-radius:8px;color:#123d79;font-weight:600;padding:12px}.presentation-nav{bottom:0;display:flex;gap:8px;padding-top:8px;position:-webkit-sticky;position:sticky;z-index:2}.lr-nav,.presentation-nav{justify-content:space-between}.course-player-modal{padding:12px}.course-player-modal,.course-player-modal.full-window{max-height:calc(100dvh - 16px);min-height:min(860px,calc(100dvh - 16px));width:calc(100vw - 16px)}.course-player-modal h2{margin:4px 0 8px;padding-right:42px}.course-player-modal h3{margin:0 0 8px}.course-stage-immersive{grid-gap:8px;align-content:stretch;display:grid;gap:8px;grid-template-rows:minmax(0,1fr) auto;min-height:clamp(360px,72dvh,860px)}.course-stage-immersive .presentation-nav{margin-top:auto;padding-top:4px}.course-stage-immersive .stage-element.full-page-learner{height:100%;min-height:0}.course-stage-immersive .stage-element.full-page-learner .stage-media{height:min(68dvh,100%);object-fit:contain;width:100%}.course-stage-immersive.layout-image>.stage-element,.course-stage-immersive.layout-video>.stage-element{align-items:center;background:#0000;border:0;display:flex;justify-content:center;margin:0;min-height:0;padding:0}.course-stage-immersive.layout-image>.stage-element .stage-media,.course-stage-immersive.layout-video>.stage-element .stage-media{height:min(68dvh,100%);max-height:100%;object-fit:contain;width:100%}.course-stage-immersive.layout-text>.stage-element{margin:0;max-height:64dvh;min-height:0;overflow:auto}.course-stage-immersive.layout-audio>.stage-element{margin:0 auto;width:min(760px,100%)}.course-stage-immersive.layout-audio audio{width:100%}.course-stage-immersive.layout-mixed{overflow:auto}.stage-fade{animation:stageFade .45s ease}.stage-slide{animation:stageSlide .45s ease}.stage-zoom{animation:stageZoom .45s ease}.anim-fade{animation:stageFade .5s ease}.anim-slide{animation:stageSlide .5s ease}.anim-zoom{animation:stageZoom .5s ease}.anim-bounce{animation:stageBounce .7s ease}@keyframes stageFade{0%{opacity:0}to{opacity:1}}@keyframes stageSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes stageZoom{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes stageBounce{0%{transform:scale(.9)}60%{transform:scale(1.03)}to{transform:scale(1)}}.admin-detail-head{grid-gap:12px;display:grid;gap:12px;grid-template-columns:110px 1fr;margin-bottom:12px}.admin-enrollment-card{background:#fafcff;border:1px solid #d9dde3;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:12px}.admin-enrollment-card.clickable{cursor:pointer}.admin-enrollment-card.clickable:hover{border-color:#bfd0ee;box-shadow:0 0 0 2px #0a66d11a}.admin-enrollment-head{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:72px 1fr}.admin-course-square-thumb,.admin-enrollment-thumb{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:8px;height:72px;object-fit:cover;width:72px}.admin-course-square-thumb{margin-bottom:8px}.admin-enrollment-summary h4{font-size:14px;margin:0 0 4px}.admin-enrollment-summary p{color:#344054;font-size:12px;line-height:1.3;margin:0 0 4px}.admin-enrollment-details{margin-top:6px}.admin-enrollment-details summary{color:#1d4ed8;cursor:pointer;font-size:12px}.admin-course-detail-modal{width:min(760px,calc(100vw - 24px))}.admin-course-insight-modal{max-height:92dvh;width:min(1120px,calc(100vw - 24px))}.admin-user-modal{width:min(900px,calc(100vw - 24px))}.admin-user-edit-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(180px,1fr))}.admin-user-edit-grid label{grid-gap:4px;color:#475467;display:grid;font-size:13px;gap:4px}.admin-user-edit-grid input,.admin-user-edit-grid select{border:1px solid #d9dde3;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.admin-confirmed{align-items:center;display:flex!important;gap:8px}.admin-confirmed input{width:auto}.clickable-panel{cursor:pointer}.clickable-panel:hover{border-color:#bfd0ee}@media (max-width:900px){.main-header{grid-template-columns:1fr;text-align:center}.auth-slot,.logo-wrap{justify-content:center}.admin-detail-head,.admin-user-edit-grid,.short-video-head{grid-template-columns:1fr}.short-video-thumb{aspect-ratio:16/9;height:auto;width:100%}.admin-media-detail-head{grid-template-columns:1fr}.admin-media-detail-thumb{aspect-ratio:16/9;height:auto;width:100%}.admin-document-thumb.large{font-size:14px;height:84px;width:84px}.document-viewer-modal,.video-player-modal{width:calc(100vw - 8px)}.document-viewer-frame{height:min(74dvh,640px)}.course-player-modal,.course-player-modal.full-window{max-height:calc(100dvh - 8px);min-height:min(760px,calc(100dvh - 8px));padding:10px;width:calc(100vw - 8px)}.course-stage-immersive{min-height:clamp(300px,74dvh,720px)}.course-stage-immersive .stage-element.full-page-learner .stage-media,.course-stage-immersive.layout-image>.stage-element .stage-media,.course-stage-immersive.layout-video>.stage-element .stage-media{height:min(62dvh,100%)}.course-stage-immersive.layout-text>.stage-element{max-height:60dvh}}
/*# sourceMappingURL=main.df72ded4.css.map*/