:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--xel-black:#030305;--xel-ink:#08090d;--xel-navy:#30386d;--xel-navy-dark:#20264f;--xel-navy-soft:#eef0fa;--xel-red:#c80a3a;--xel-red-dark:#98072c;--xel-red-soft:#fde8ee;--app-bg:#f4f6fb;--surface:#fff;--surface-muted:#f8f9fd;--border:#dde1ed;--border-strong:#c7ccdf;--text-muted:#5a627a;--shadow-soft:0 12px 28px #08090d14;--shadow-strong:0 18px 44px #0303053d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;margin:0}.app-error-shell{background:var(--app-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.app-error-panel{border:1px solid var(--border);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow-soft);border-radius:8px;padding:24px}.app-error-panel h1{margin:0 0 10px;font-size:1.25rem}.app-error-panel p{color:var(--text-muted);margin:0 0 18px}.app-error-panel button{color:#fff;background:var(--xel-navy);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:700}.app-shell{background:linear-gradient(180deg, #f8f9fd 0%, var(--app-bg) 100%);min-height:100vh}.login-shell{background:linear-gradient(145deg, var(--xel-black) 0%, #080914 46%, var(--xel-navy-dark) 100%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{border:1px solid #ffffff24;border-top:4px solid var(--xel-red);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow-strong);border-radius:8px;padding:24px}.topbar{border-bottom:3px solid var(--xel-red);color:#fff;background:linear-gradient(135deg, var(--xel-navy) 0%, var(--xel-navy-dark) 100%);justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex;box-shadow:0 16px 34px #30386d38}.topbar .MuiTypography-h1,.topbar .MuiTypography-body2{color:inherit}.topbar .MuiTypography-body2{color:#ffffffad}.topbar .MuiChip-root{color:#fff;background:#ffffff0f;border-color:#ffffff47}.topbar .MuiChip-icon,.topbar .MuiIconButton-root{color:#ffffffd1}.topbar .MuiIconButton-root:hover{color:#fff;background:#c80a3a2e}.topbar-main{flex:1;min-width:0}.topnav{min-width:0;max-width:100%;min-height:40px}.topnav .MuiTabs-scroller{scrollbar-width:thin;overflow-x:auto!important}.topnav .MuiTabs-flexContainer{width:max-content}.topnav .MuiTab-root{color:#ffffffb8;text-transform:none;flex:none;min-height:40px;padding:8px 12px}.topnav .MuiTabs-scrollButtons{color:#ffffffc7}.topnav .MuiTab-root.Mui-selected{color:#fff}.topnav .MuiTabs-indicator{background:var(--xel-red);border-radius:999px 999px 0 0;height:3px}.brand-mark{color:#fff;background:var(--xel-navy);border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 22px #30386d47}.brand-mark:before{content:"";background:var(--xel-red);width:9px;position:absolute;inset:0 auto 0 0}.brand-mark svg{z-index:1;position:relative}.shell-alert{margin:16px 28px 0}.workspace{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:20px;padding:20px 28px 28px;display:grid}.workspace-single{grid-template-columns:1fr}.course-area,.org-area,.user-area,.tenant-area,.category-area,.report-area,.page-area{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-soft);border-radius:8px}.section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.section-heading.compact{padding-bottom:12px}.table-shell{max-width:100%}.table-shell th{color:var(--text-muted);letter-spacing:0;background:var(--surface-muted);font-size:.76rem;font-weight:700}.report-table{padding:0 18px 18px}.report-heading{align-items:flex-start;gap:16px}.report-filters{justify-content:flex-end}.report-filters .MuiTextField-root{width:min(260px,100%)}.report-matrix{overflow-x:auto}.report-matrix table{min-width:960px}.report-user-column{z-index:2;background:var(--surface);min-width:210px;position:sticky;left:0}.report-matrix thead .report-user-column{z-index:4;background:var(--surface-muted)}.report-course-column{vertical-align:top;min-width:190px;max-width:230px}.report-status-cell{vertical-align:top;min-width:190px}.course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:1fr;gap:16px;padding:18px;display:grid}.course-card{border:1px solid var(--border);background:var(--surface);min-width:0;height:100%;min-height:440px;box-shadow:var(--shadow-soft);border-radius:8px;grid-template-rows:124px minmax(0,1fr);display:grid;overflow:hidden}.course-preview{background:linear-gradient(135deg, #c80a3ad1 0%, #c80a3a52 24%, #30386df5 58%, var(--xel-navy-dark) 100%), var(--xel-navy);min-height:124px;position:relative;overflow:hidden}.course-preview:after{content:"";background:var(--xel-red);height:5px;position:absolute;bottom:0;left:0;right:0}.course-preview-mark{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03030547;border:1px solid #ffffff47;border-radius:8px;place-items:center;width:50px;height:50px;font-size:1.12rem;font-weight:800;display:grid;position:absolute;top:14px;right:14px}.course-category-chip.MuiChip-root{border:1px solid var(--border-strong);color:var(--xel-ink);background:#fff;font-weight:800;position:absolute;bottom:10px;left:10px;box-shadow:0 8px 18px #03030533}.course-card-body{grid-template-rows:auto auto auto auto auto;align-content:start;gap:10px;padding:14px;display:grid}.course-main{min-height:90px}.course-card .course-title.MuiTypography-root{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3.05rem;font-size:1.18rem;font-weight:800;line-height:1.22;display:-webkit-box;overflow:hidden}.course-description{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;display:-webkit-box;overflow:hidden}.course-meta{align-content:flex-start;min-height:28px}.course-assignment-list{align-content:flex-start;min-height:28px;max-height:62px;overflow:hidden}.course-card-actions{align-self:end;min-height:46px;margin-top:2px}.course-card-actions .MuiButton-root{min-width:116px}.course-icon-actions{flex-shrink:0}.empty-state{min-height:260px;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:28px;display:grid}.empty-state.compact{min-height:180px}.side-stack{align-content:start;gap:20px;min-width:0;display:grid}.org-area,.user-area,.category-area,.report-area{padding-bottom:16px}.org-area>.MuiStack-root,.org-area>.org-node{padding:14px 16px 0}.org-page-content{padding:16px 18px 18px}.org-node{margin-left:calc(var(--level) * 16px);padding-top:10px}.org-row{min-width:0}.org-text{flex:1;min-width:0}.org-node .org-node{border-left:1px solid var(--border);margin-top:8px;padding-left:12px}.org-badge{width:36px;height:30px;color:var(--xel-red-dark);background:var(--xel-red-soft);border-radius:8px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.learner-list{margin-top:8px;margin-left:18px}.person-dot{background:var(--xel-red);border-radius:999px;width:7px;height:7px}.assignment-drawer{width:min(520px,100vw)}.drawer-header,.drawer-actions{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.drawer-content{gap:22px;padding:20px;display:grid;overflow-y:auto}.group-title{color:var(--xel-ink);margin-bottom:10px}.check-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;min-height:50px;padding-right:10px;display:grid}.check-row:hover{background:var(--xel-red-soft)}.progress-cell{align-content:flex-start;min-width:0;min-height:64px;overflow:hidden}.progress-bar{background:var(--border);border-radius:999px;height:7px}.training-dialog{grid-template-rows:auto auto minmax(0,1fr);width:100vw;max-width:none;height:100dvh;max-height:100dvh;display:grid;overflow:hidden!important}.training-dialog.MuiDialog-paper{margin:0;overflow:hidden!important}.MuiDialog-container:has(.training-dialog){overflow:hidden!important}.training-title{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 14px;display:flex}.training-title-main{flex:1;min-width:0}.training-title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.training-progress-chip{flex-shrink:0}.training-content{background:var(--surface);width:100%;height:100%;min-height:0;display:block;position:relative;padding:0!important;overflow:hidden!important}.training-content.MuiDialogContent-root{overflow:hidden!important}.training-alert{margin:0 16px 12px}.training-loading{justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:320px;display:flex}.training-frame{background:var(--surface);border:0;width:100%;height:100%;min-height:0;display:block;overflow:hidden!important}@media (width<=700px){.training-dialog.MuiDialog-paper{border-radius:0;max-height:100dvh;margin:0;width:100vw!important;height:100dvh!important}}.user-list{padding:14px 16px 0}.tenant-list{padding:14px 16px 16px}.tenant-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:12px;min-height:68px;padding:10px 12px;display:grid}.tenant-release-list{border:1px solid var(--border);border-radius:8px;max-height:280px;padding:8px 12px;overflow:auto}.tenant-user-list{border:1px solid var(--border);border-radius:8px;max-height:180px;padding:8px 12px;overflow:auto}.tenant-user-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;display:grid}.tenant-admin-box{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:12px}.user-row{border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:54px;padding:8px 8px 8px 12px;display:grid}.category-list{gap:10px;padding:16px 18px 18px;display:grid}.category-row{border:1px solid var(--border);border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:64px;padding:10px 10px 10px 12px;display:grid}.category-icon{width:34px;height:34px;color:var(--xel-navy);background:var(--xel-navy-soft);border-radius:8px;place-items:center;display:grid}@media (width<=980px){.workspace{grid-template-columns:1fr}.side-stack{order:-1}}@media (width<=680px){.topbar{flex-direction:column;align-items:flex-start;padding:16px}.topbar-main{align-items:flex-start;width:100%;flex-direction:column!important}.topnav{width:100%}.workspace{padding:16px}.shell-alert{margin:12px 16px 0}.table-shell{overflow-x:auto}.course-grid{grid-template-columns:1fr;padding:14px}.category-row,.user-row{grid-template-columns:minmax(0,1fr) auto}.category-icon{display:none}}