.svelte-9yu75i.svelte-9yu75i{box-sizing:border-box}.layout.svelte-9yu75i.svelte-9yu75i{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.sidebar.svelte-9yu75i.svelte-9yu75i{width:240px;flex-shrink:0;background:linear-gradient(180deg,#0a0f1e,#0d1424 60%,#111827);display:flex;flex-direction:column;height:100vh;overflow:hidden;box-shadow:4px 0 28px #0000004d;position:relative;z-index:50;transition:transform .28s cubic-bezier(.4,0,.2,1)}.sidebar-top.svelte-9yu75i.svelte-9yu75i{padding:20px 18px 18px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.brand.svelte-9yu75i.svelte-9yu75i{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-icon.svelte-9yu75i.svelte-9yu75i{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 14px #6366f173;flex-shrink:0}.brand-text.svelte-9yu75i.svelte-9yu75i{line-height:1.2}.brand-name.svelte-9yu75i.svelte-9yu75i{font-size:1.1rem;font-weight:800;color:#fff;display:block;letter-spacing:-.3px}.brand-dot.svelte-9yu75i.svelte-9yu75i{font-size:.73rem;color:var(--accent);font-weight:600}.nav.svelte-9yu75i.svelte-9yu75i{flex:1;padding:10px 10px 6px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.nav.svelte-9yu75i.svelte-9yu75i::-webkit-scrollbar{width:4px}.nav.svelte-9yu75i.svelte-9yu75i::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.nav-group.svelte-9yu75i.svelte-9yu75i{margin-bottom:4px}.nav-group-label.svelte-9yu75i.svelte-9yu75i{display:flex;align-items:center;gap:8px;padding:10px 10px 6px}.label-line.svelte-9yu75i.svelte-9yu75i{flex:1;height:1px;background:#ffffff12}.label-text.svelte-9yu75i.svelte-9yu75i{font-size:.63rem;font-weight:700;letter-spacing:.8px;color:#4a5568;white-space:nowrap;flex-shrink:0}.nav-item.svelte-9yu75i.svelte-9yu75i{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;text-decoration:none;color:#7c8fa6;font-size:.875rem;font-weight:500;transition:var(--transition);position:relative;border-left:3px solid transparent}.nav-item.svelte-9yu75i.svelte-9yu75i:hover{color:#c4cdd8;background:#ffffff0d}.nav-item.svelte-9yu75i:hover .nav-icon.svelte-9yu75i{transform:scale(1.15)}.nav-item.active.svelte-9yu75i.svelte-9yu75i{color:#fff;background:linear-gradient(90deg,#6366f138,#8b5cf614);border-left-color:var(--primary);font-weight:600}.nav-item.active.svelte-9yu75i .nav-icon.svelte-9yu75i{filter:drop-shadow(0 0 6px rgba(99,102,241,.7))}.nav-icon.svelte-9yu75i.svelte-9yu75i{font-size:1rem;flex-shrink:0;width:20px;text-align:center;transition:transform .2s ease}.nav-label.svelte-9yu75i.svelte-9yu75i{flex:1}.nav-badge.svelte-9yu75i.svelte-9yu75i{font-size:.6rem;font-weight:800;letter-spacing:.3px;padding:2px 6px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:99px;flex-shrink:0;box-shadow:0 2px 8px #6366f159}.sidebar-bottom.svelte-9yu75i.svelte-9yu75i{padding:12px 10px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.user-card.svelte-9yu75i.svelte-9yu75i{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0a;border-radius:10px;border:1px solid rgba(255,255,255,.07)}.user-avatar.svelte-9yu75i.svelte-9yu75i{width:34px;height:34px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 3px 10px #6366f166}.user-info.svelte-9yu75i.svelte-9yu75i{min-width:0}.user-name.svelte-9yu75i.svelte-9yu75i{font-size:.82rem;font-weight:700;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role.svelte-9yu75i.svelte-9yu75i{font-size:.65rem;font-weight:600;margin-top:2px;padding:1px 6px;border-radius:99px;display:inline-block}.role-admin.svelte-9yu75i.svelte-9yu75i{background:#ef444426;color:#f87171}.role-teacher.svelte-9yu75i.svelte-9yu75i{background:#6366f126;color:#a5b4fc}.role-student.svelte-9yu75i.svelte-9yu75i{background:#22c55e26;color:#4ade80}.logout-btn.svelte-9yu75i.svelte-9yu75i{width:100%;padding:8px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:#f87171;font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}.logout-btn.svelte-9yu75i.svelte-9yu75i:hover{background:#ef44442e;color:#fca5a5;border-color:#ef44444d}.logout-icon.svelte-9yu75i.svelte-9yu75i{font-style:normal}.main-area.svelte-9yu75i.svelte-9yu75i{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.top-header.svelte-9yu75i.svelte-9yu75i{height:56px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;gap:16px;box-shadow:0 1px 4px #0000000a}.header-left.svelte-9yu75i.svelte-9yu75i{display:flex;align-items:center;gap:14px;min-width:0}.hamburger.svelte-9yu75i.svelte-9yu75i{display:none;flex-direction:column;justify-content:center;gap:4.5px;width:36px;height:36px;padding:8px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:var(--transition);flex-shrink:0}.hamburger.svelte-9yu75i.svelte-9yu75i:hover{background:var(--bg2)}.ham-line.svelte-9yu75i.svelte-9yu75i{width:100%;height:1.8px;background:var(--text2);border-radius:2px;display:block}.header-title-wrap.svelte-9yu75i.svelte-9yu75i{min-width:0}.header-breadcrumb.svelte-9yu75i.svelte-9yu75i{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text3);margin-bottom:1px}.bc-root.svelte-9yu75i.svelte-9yu75i{color:var(--text3)}.bc-sep.svelte-9yu75i.svelte-9yu75i{color:var(--border)}.bc-current.svelte-9yu75i.svelte-9yu75i{color:var(--primary);font-weight:600}.header-title.svelte-9yu75i.svelte-9yu75i{font-size:1rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin:0}.header-logo-center.svelte-9yu75i.svelte-9yu75i{display:none;align-items:center;gap:7px;background:transparent;border:none;cursor:pointer;text-decoration:none;padding:0}.header-logo-icon.svelte-9yu75i.svelte-9yu75i{width:28px;height:28px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.header-logo-text.svelte-9yu75i.svelte-9yu75i{font-size:.95rem;font-weight:800;color:var(--text)}.header-right.svelte-9yu75i.svelte-9yu75i{display:flex;align-items:center;gap:10px;flex-shrink:0}.notif-btn.svelte-9yu75i.svelte-9yu75i{position:relative;width:36px;height:36px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:var(--transition)}.notif-btn.svelte-9yu75i.svelte-9yu75i:hover{background:var(--primary-light);border-color:var(--primary)}.notif-badge.svelte-9yu75i.svelte-9yu75i{position:absolute;top:-3px;right:-3px;width:16px;height:16px;background:var(--danger);color:#fff;font-size:.6rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--white);line-height:1}.header-avatar.svelte-9yu75i.svelte-9yu75i{width:34px;height:34px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;color:#fff;cursor:pointer;border:none;box-shadow:0 3px 10px #6366f159;transition:var(--transition)}.header-avatar.svelte-9yu75i.svelte-9yu75i:hover{transform:scale(1.07)}.content.svelte-9yu75i.svelte-9yu75i{flex:1;overflow-y:auto;padding:24px 28px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.content.svelte-9yu75i.svelte-9yu75i::-webkit-scrollbar{width:6px}.content.svelte-9yu75i.svelte-9yu75i::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.sidebar-overlay.svelte-9yu75i.svelte-9yu75i{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;animation:svelte-9yu75i-fadeIn .2s ease}.bottom-nav.svelte-9yu75i.svelte-9yu75i{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--white);border-top:1px solid var(--border);z-index:60;align-items:stretch;box-shadow:0 -4px 16px #00000014}.bottom-nav-item.svelte-9yu75i.svelte-9yu75i{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--text3);transition:var(--transition);padding:4px 0}.bottom-nav-item.active.svelte-9yu75i.svelte-9yu75i{color:var(--primary)}.bottom-nav-item.active.svelte-9yu75i .bnav-icon.svelte-9yu75i{transform:scale(1.18)}.bnav-icon.svelte-9yu75i.svelte-9yu75i{font-size:1.1rem;line-height:1}.bnav-label.svelte-9yu75i.svelte-9yu75i{font-size:.6rem;font-weight:600;line-height:1}@keyframes svelte-9yu75i-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.sidebar.svelte-9yu75i.svelte-9yu75i{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%)}.sidebar.open.svelte-9yu75i.svelte-9yu75i{transform:translate(0)}.sidebar-overlay.svelte-9yu75i.svelte-9yu75i{display:block}.hamburger.svelte-9yu75i.svelte-9yu75i{display:flex}.header-title-wrap.svelte-9yu75i.svelte-9yu75i{display:none}.header-logo-center.svelte-9yu75i.svelte-9yu75i{display:flex}.top-header.svelte-9yu75i.svelte-9yu75i{padding:0 14px}.content.svelte-9yu75i.svelte-9yu75i{padding:16px 16px 72px}.bottom-nav.svelte-9yu75i.svelte-9yu75i{display:flex}}@media (min-width: 769px) and (max-width: 1024px){.sidebar.svelte-9yu75i.svelte-9yu75i{width:200px}.content.svelte-9yu75i.svelte-9yu75i{padding:20px}}