.navbar-wrapper[data-v-cbc57714]{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:100}.sidebar[data-v-cbc57714]{display:flex;flex-direction:column;align-items:stretch;height:100%;background:#1a1f2b;color:#cbd5e1;border-right:1px solid rgba(130,142,181,.18);gap:18px;padding:20px 12px;overflow-y:auto;overflow-x:hidden}.brand-block h2[data-v-cbc57714]{color:#ecf0ff;font-size:38px;line-height:.82;letter-spacing:.01em;text-align:left}.nav-section[data-v-cbc57714]{display:flex;flex-direction:column;gap:10px;width:100%;align-items:stretch}.nav-section.secondary[data-v-cbc57714]{margin-top:auto}.nav-link[data-v-cbc57714]{text-decoration:none;color:#cfd5e6;width:100%;min-height:46px;border-radius:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid rgba(130,142,181,.12);padding:8px 10px}.nav-link[data-v-cbc57714]:hover{background:#5c67854d;color:#fff}.nav-link.router-link-active[data-v-cbc57714]{background:#e7de8a;color:#1a1d24;border-color:#ffffff73}.nav-icon[data-v-cbc57714]{width:26px;height:26px;border-radius:8px;border:1px solid rgba(130,142,181,.35);background:#5c67853d;font-size:12px;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;justify-content:center}.nav-label[data-v-cbc57714]{font-size:12px;font-weight:600;line-height:1.2}.sidebar-footer[data-v-cbc57714]{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(130,142,181,.2);width:100%;align-items:stretch}.user-avatar[data-v-cbc57714]{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#c5b1ff,#927ce2);color:#17181f;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin:0 auto}.btn-logout[data-v-cbc57714]{width:100%;background:#5c678540;color:#f8fbff;border:1px solid rgba(130,142,181,.32);padding:8px 10px;border-radius:10px;font-size:12px}.btn-logout[data-v-cbc57714]:hover{background:#5c678566}.drawer-backdrop[data-v-cbc57714]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}@media (max-width: 980px){.navbar-wrapper[data-v-cbc57714]{position:fixed;top:0;left:0;right:0;width:100%;height:auto;z-index:1000}.sidebar[data-v-cbc57714]{position:fixed;top:0;right:0;bottom:0;left:0;width:270px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-right:none;box-shadow:2px 0 16px #0000004d}.sidebar.drawer-open[data-v-cbc57714]{transform:translate(0)}.brand-block h2[data-v-cbc57714]{font-size:34px;text-align:left}.btn-logout[data-v-cbc57714]{font-size:11px;padding:7px 8px}}:root{--color-primary: #f4f6fd;--color-surface: #2a2f3d;--color-surface-strong: #1f232f;--color-muted: #a7aec6;--color-accent: #c5b1ff;--color-bg: #13161f;--color-text: #eef1f8;--color-text-soft: #b4bad0;--color-white: #2b3141;--glass-bg: rgba(31, 35, 47, .88);--glass-bg-strong: rgba(38, 43, 57, .96);--glass-border: rgba(130, 142, 181, .24);--shadow-soft: 0 12px 32px rgba(0, 0, 0, .35);--shadow-strong: 0 22px 48px rgba(0, 0, 0, .52);transition:background-color .3s ease,color .3s ease}html.dark-mode{--color-primary: #f4f6fd;--color-surface: #2a2f3d;--color-surface-strong: #1f232f;--color-muted: #a7aec6;--color-accent: #c5b1ff;--color-bg: #13161f;--color-text: #eef1f8;--color-text-soft: #b4bad0;--color-white: #2b3141;--glass-bg: rgba(31, 35, 47, .88);--glass-bg-strong: rgba(38, 43, 57, .96);--glass-border: rgba(130, 142, 181, .24);--shadow-soft: 0 12px 32px rgba(0, 0, 0, .35);--shadow-strong: 0 22px 48px rgba(0, 0, 0, .52)}#app{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:radial-gradient(circle at top right,#1f2330,#13161f 60%);color:var(--color-text);line-height:1.55;transition:background .3s ease,color .3s ease}html.dark-mode body{background:radial-gradient(circle at top right,#1f2330,#13161f 60%)}button{cursor:pointer;border:1px solid var(--glass-border);border-radius:14px;padding:10px 20px;font-size:15px;transition:all .3s ease}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#d8ccff,#bca6ff);color:#17181f;font-weight:700}.btn-secondary{background:#40475ea6;color:var(--color-text)}.btn-success{background:linear-gradient(135deg,#d8ccff,#bca6ff);color:#17181f;font-weight:700}.btn-danger{background:#bb5a634d;color:#ffd2d7}input,textarea,select{width:100%;padding:12px;border:1px solid rgba(130,142,181,.28);border-radius:12px;font-size:16px;transition:border-color .3s ease,box-shadow .3s ease;background:#1d222ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text)}input:focus,textarea:focus,select:focus{outline:none;border-color:#bca6ff;box-shadow:0 0 0 4px #c5b1ff33}.card{background:var(--glass-bg-strong);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft);margin-bottom:20px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.container{max-width:1200px;margin:0 auto;padding:24px}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lms-layout{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr);overflow:hidden}.lms-main{min-width:0;display:grid;grid-template-rows:auto 1fr;max-height:100vh;overflow:hidden}.top-utility-bar{padding:18px 28px 14px;background:#13161fd9;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background-color .3s ease,border-color .3s ease}.utility-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.btn-menu-toggle{display:none;background:none;color:var(--color-text);border:none;padding:8px;cursor:pointer;font-size:24px;transition:all .3s ease;flex-shrink:0}.btn-menu-toggle:hover{background:#828eb533;border-radius:8px}.header-chip{padding:7px 12px;border-radius:999px;background:#40475ea6;color:var(--color-text-soft);font-size:12px;border:1px solid var(--glass-border)}.menu-icon{display:block;line-height:1}.top-utility-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#979eb7}.top-utility-title{font-size:28px;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-utility-user{display:flex;align-items:center;gap:10px;flex-shrink:0}.user-pill,.role-pill{padding:6px 12px;border-radius:999px;background:#40475eb3;font-size:12px;font-weight:700;color:#f2f4fb;transition:background-color .3s ease,color .3s ease}.role-pill{text-transform:uppercase;background:#c5b1ff40;color:#d9ccff}.lms-workspace{min-width:0;overflow:auto;display:flex;flex-direction:column;padding:12px 24px 24px}.lms-workspace .container{max-width:100%;margin:0;padding:0}@media (max-width: 980px){.lms-layout{grid-template-columns:1fr}.top-utility-bar{padding:14px 16px}.btn-menu-toggle{display:block}.top-utility-user{display:flex;gap:12px}.top-utility-title{font-size:22px}.user-pill,.role-pill{display:none}}