:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,Gilroy-Regular,system-ui,sans-serif}:root{--bg:#0f1830;--surface:#f7f8fb;--panel:#fff;--line:#dbe1ef;--text:#0f2140;--muted:#667493;--accent:#575de5;--accent-soft:#e8e9ff;--sidebar:#0a1020;--sidebar-soft:#121c35;--sidebar-line:#233257}*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 85% -10%, #5c62dc52, transparent 58%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Segoe UI,Gilroy-Regular,system-ui,sans-serif}.lms-page{min-height:100vh;padding:0}.lms-shell{grid-template-columns:286px minmax(0,1fr);gap:12px;width:100%;margin:0;display:grid;position:relative}.shell-box{border:1px solid var(--line);background:var(--panel);border-radius:14px}.side-layer.left{display:flex}.left-sidebar{background:var(--sidebar);color:#deebff;border:1px solid #243455;border-radius:12px;flex-direction:column;gap:10px;width:100%;min-height:100vh;padding:10px;display:flex}.left-sidebar .shell-box{background:var(--sidebar-soft);border-color:var(--sidebar-line);color:#deebff}.left-sidebar input{color:#deebff;background:#0c1429;border:1px solid #2c406f}.left-sidebar input::placeholder{color:#90a6d2}.mini-search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.left-sidebar .mini-search{background:#0c1429;border-color:#2c406f}.mini-search input{width:100%;color:inherit;background:0 0;border:none;outline:none;font-size:13px}.icon{width:16px;height:16px;display:block}.group-header{letter-spacing:.02em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.group-header.muted{opacity:.72}.counter-pill{color:#fff;background:#354b82;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-flex}.nav-group{padding:10px}.course-links,.menu-list,.timeline-list{margin:0;padding:0;list-style:none}.course-links{gap:6px;max-height:320px;padding-right:2px;display:grid;overflow:auto}.course-links li{border:1px solid #26365a;border-radius:10px;overflow:hidden}.course-links li button{color:#d2def6;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px;font-size:12px;line-height:1.35;display:flex}.course-links li small{color:#9db1db;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.course-links li.active{background:#172344;border-color:#435ea3}.menu-list{gap:6px;display:grid}.menu-list li button{color:#deebff;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:13px;display:flex}.menu-list li button:hover{background:#111b34;border-color:#334b80}.menu-list li.active button{background:#4a4ecf;border-color:#5a5fe2}.center-area{background:var(--surface);border:1px solid #d5dded;border-radius:12px;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:100vh;padding:10px;display:grid}.topbar{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:8px;display:flex}.topbar-context{gap:1px;margin-left:4px;display:grid}.topbar-context strong{color:#1c2e54;font-size:13px}.topbar-context span{color:#6a7895;font-size:11px}.brand-mark{color:#2d3475;background:var(--accent-soft);border-radius:8px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.ghost-btn,.icon-btn{color:#243556;cursor:pointer;background:#fff;border:1px solid #d6ddeb;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:600;display:inline-flex}.ghost-btn.small{padding:6px 9px;font-size:12px}.icon-btn{justify-content:center;width:32px;height:32px;padding:0}.ghost-btn:hover,.icon-btn:hover{background:#f4f7ff;border-color:#b9c6df}.mobile-only{display:none}.avatar-block{align-items:center;gap:8px;margin-left:4px;display:flex}.avatar-dot{color:#fff;background:var(--accent);border-radius:999px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid}.avatar{color:#fff;background:linear-gradient(140deg,#2b4f93,#2bc2b4);border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.center-content{gap:10px;padding-right:2px;display:grid;overflow:auto}.block{padding:12px}.overview-block .block-header{margin-bottom:12px}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.overview-card{background:#f9fbff;border:1px solid #dbe4f4;border-radius:12px;gap:3px;padding:10px;display:grid}.overview-card small{color:#6c7b99;font-size:11px}.overview-card strong{color:#1b2f57;font-size:16px}.overview-card span{color:#526283;font-size:12px}.block-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.block-header h2{letter-spacing:.06em;text-transform:uppercase;color:#4b5c7f;margin:0;font-size:12px;font-weight:700}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.course-card{color:#fff;border-radius:12px;min-height:215px;padding:14px;position:relative;overflow:hidden}.course-card.vivid{background:linear-gradient(150deg,#1e2a57,#004f7d,#572a88,#d37e00)}.course-card.earth{background:linear-gradient(160deg,#39404d,#1a5b6d,#314158,#6a503f)}.course-card .overlay{background:linear-gradient(#0000 42%,#0000008f);position:absolute;inset:0}.course-card .content{position:absolute;bottom:14px;left:14px;right:14px}.course-card h3{margin:0 0 6px;font-size:30px;line-height:.95}.course-card p{opacity:.88;margin:0;font-size:13px}.timeline-head{border-top:1px solid #e2e7f1;padding-top:10px}.timeline-tools{gap:8px;margin-bottom:10px;display:flex}.timeline-tools .grow{flex:1}.timeline-list{gap:8px;display:grid}.timeline-list li{border-top:1px solid #e6ecf7;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;padding-top:8px;display:grid}.time-col{color:#63728f;font-size:12px;font-weight:600}.event-col{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.event-icon{color:#5667b3;background:#e9edff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.event-col h4{margin:0;font-size:14px;line-height:1.25}.event-col p{color:#667493;margin:2px 0 0;font-size:12px}.manager-wrap{gap:12px;display:grid}.manager-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.manager-card{background:#fcfdff;border:1px solid #dbe2f0;border-radius:12px;padding:12px}.manager-card h3{color:#21345c;margin:0 0 10px;font-size:14px}.manager-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.manager-list.compact{max-height:240px;padding-right:2px;overflow:auto}.manager-item{background:#fff;border:1px solid #dde4f2;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.manager-item.active{background:#eef2ff;border-color:#94a9e8}.manager-select{text-align:left;cursor:pointer;color:#25385f;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.manager-select strong,.manager-user strong{font-size:13px;display:block}.manager-select small,.manager-user small{color:#687798;font-size:11px;display:block}.manager-meta{color:#5f6f8f;align-items:center;gap:6px;font-size:11px;display:inline-flex}.manager-user{align-items:center;gap:8px;display:flex}.user-icon{color:#4c5fc3;background:#edf1ff;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.manager-role{color:#3c4e8d;text-transform:uppercase;letter-spacing:.03em;background:#eff3ff;border-radius:999px;padding:2px 7px}.manager-form{gap:10px;margin-top:10px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.manager-form label{color:#4d5d7f;gap:4px;font-size:12px;display:grid}.manager-form input,.manager-form select,.manager-form textarea{color:#25395f;background:#fff;border:1px solid #d7dfef;border-radius:9px;padding:8px 9px;font-size:13px}.manager-form textarea{resize:vertical;min-height:64px}.checkbox-row{align-items:center;gap:8px;display:flex}.checkbox-row input{width:auto}.manager-actions{flex-wrap:wrap;gap:8px;display:flex}.manager-actions.inline{flex-wrap:nowrap}.manager-note{color:#61708d;margin:2px 0 0;font-size:12px}.manager-empty{color:#6a7996;margin:0;font-size:12px}.manager-message{border-radius:10px;margin:0;padding:10px;font-size:12px;font-weight:600}.manager-message.success{color:#216537;background:#eaf9ef;border:1px solid #bfe1c7}.manager-message.error{color:#8c2331;background:#ffedf0;border:1px solid #f0bfc6}.course-state{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 7px;font-size:10px}.course-state.online{color:#2e7140;background:#eaf7ec}.course-state.archived{color:#8c6d34;background:#f4f0e7}.danger-btn{color:#8b2432;background:#fff7f8;border-color:#e8c0c8}.danger-btn:hover{background:#fff0f3;border-color:#e2a8b2}.backdrop{z-index:25;background:#080e1e70;border:none;position:fixed;inset:0}@media (width<=1360px){.lms-shell{grid-template-columns:270px minmax(0,1fr)}.mobile-only{display:inline-flex}}@media (width<=1080px){.lms-shell{grid-template-columns:minmax(0,1fr)}.manager-grid,.form-grid,.overview-grid{grid-template-columns:1fr}.side-layer.left{z-index:45;width:min(320px,100vw - 28px);transition:transform .24s;position:fixed;top:14px;bottom:14px;left:14px;transform:translate(-104%)}.side-layer.left.open{transform:translate(0)}.left-sidebar,.center-area{min-height:100vh}.mobile-only{display:inline-flex}}@media (width<=760px){.lms-page{padding:0}.lms-shell{gap:8px}.topbar{flex-wrap:wrap}.topbar-left{width:100%;padding-bottom:2px;overflow:auto}.topbar-right{justify-content:flex-end;width:100%}.course-grid{grid-template-columns:1fr}.course-card{min-height:190px}.course-card h3{font-size:24px}.timeline-list li{grid-template-columns:1fr}.event-col{grid-template-columns:30px minmax(0,1fr)}}.user-meta{gap:1px;margin-right:2px;display:grid}.user-meta strong{color:#1d2a49;font-size:12px}.user-meta span{color:#6a7795;font-size:11px}.status-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.status-card{background:var(--panel);border-radius:14px;width:min(560px,100%);padding:24px}.status-card h2{color:#17284a;margin:0 0 10px;font-size:24px}.status-card p{color:#5f6d8a;margin:0 0 14px}