:root{--bg-page:#0b0c0f;--surface-0:#0f1115;--surface-1:#15171c;--surface-2:#1a1d23;--surface-raised:#20232b;--border:#262932;--border-strong:#3a3f4b;--border-accent:#4c6fff;--text-primary:#f2f3f5;--text-secondary:#a8adb8;--text-muted:#6b7280;--text-accent:#6c8bff;--text-success:#4ade80;--text-warning:#fbbf24;--text-danger:#f87171;--text-on-accent:#0b0c0f;--bg-success:#16301f;--bg-warning:#33270c;--bg-danger:#33161a;--bg-accent:#16203d;--fill-success:#22c55e;--fill-warning:#f59e0b;--fill-danger:#ef4444;--fill-accent:#4c6fff;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:"Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.2;--line-height-normal:1.5;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 12px 32px #0000008c;--ease:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-base:.2s;--role-superadmin:#c084fc;--role-admin:#6c8bff;--role-instructor:#34d399;--role-moderator:#fb923c;--role-student:#38bdf8}[data-theme=light]{--bg-page:#f7f7f8;--surface-0:#fff;--surface-1:#fff;--surface-2:#f2f3f5;--surface-raised:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--text-primary:#111318;--text-secondary:#4b5563;--text-muted:#6b7280;--text-accent:#1d4ed8;--text-success:#166534;--text-warning:#92400e;--text-danger:#b91c1c;--text-on-accent:#fff;--bg-success:#dcfce7;--bg-warning:#fef3c7;--bg-danger:#fee2e2;--bg-accent:#e5eaff;--fill-success:#15803d;--fill-warning:#92400e;--fill-danger:#b91c1c;--fill-accent:#3b5bdb;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 32px #0000001f}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal);margin:0}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}img,video,iframe{max-width:100%}table{min-width:720px}h1{font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--text-primary)}h2,h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--text-primary)}button{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:.5px solid var(--border);background:var(--surface-2);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease)}button:hover{background:var(--surface-raised)}button.primary{background:var(--fill-accent);border-color:var(--fill-accent);color:var(--text-on-accent)}button.primary:hover{filter:brightness(1.08)}.card{background:var(--surface-1);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.badge{font-size:var(--text-xs);border-radius:var(--radius);padding:2px 10px;display:inline-block}.badge--success{background:var(--bg-success);color:var(--text-success)}.badge--warning{background:var(--bg-warning);color:var(--text-warning)}.badge--danger{background:var(--bg-danger);color:var(--text-danger)}.badge--accent{background:var(--bg-accent);color:var(--text-accent)}.skillora-mobile-nav{display:none}.skillora-landing-links{align-items:center;gap:32px;display:flex}.skillora-landing-menu-btn{color:#fff;cursor:pointer;background:#1a3a5c;border:none;border-radius:8px;padding:10px 14px;font-family:system-ui,sans-serif;font-size:14px;font-weight:600;display:none}.skillora-landing-drawer{display:none}.lh-grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.lh-grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.lh-grid-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;display:grid}.skillora-role-shell{background:var(--bg-page);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans)}.skillora-role-shell--sidebar{grid-template-columns:220px minmax(0,1fr);display:grid}.skillora-role-shell--sidebar[data-role=student]{grid-template-columns:200px minmax(0,1fr)}.skillora-role-content{min-width:0}.skillora-role-content .skillora-mobile-nav,.skillora-role-content>nav:first-child,.skillora-role-content>div>nav:first-child,.skillora-drawer-close{display:none!important}@media (max-width:768px){.skillora-role-shell--sidebar{display:block}.skillora-role-content{padding-top:56px}.skillora-desktop-sidebar{display:none}.skillora-mobile-header{display:flex!important}.skillora-mobile-drawer aside{width:min(82vw,280px);height:100vh;position:static!important}.skillora-drawer-close{justify-content:center;align-items:center;display:flex!important}}@media (max-width:820px){body{overflow-x:hidden}.skillora-with-mobile-nav{padding-bottom:72px!important}nav{padding-left:1rem!important;padding-right:1rem!important}main,[style*=max-width],[style*=maxWidth]{max-width:100%!important}[style*="padding: 2rem"],[style*=padding\:2rem]{padding:1rem!important}[style*=grid-template-columns],[style*=gridTemplateColumns],[style*="display: grid"],[style*=display\:grid],[style*=minmax\(]{grid-template-columns:1fr!important}table{width:100%;min-width:0;display:block;overflow-x:auto}input,select,textarea,button{font-size:16px!important}.skillora-mobile-nav{z-index:1000;background:var(--surface-1);border-top:.5px solid var(--border);padding:.5rem;padding-bottom:max(.5rem, env(safe-area-inset-bottom));box-shadow:var(--shadow-md);justify-content:space-around;gap:.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.skillora-mobile-nav a{color:var(--text-secondary);text-align:center;border-radius:.5rem;flex:1;justify-content:center;align-items:center;min-height:44px;padding:.65rem .5rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.skillora-mobile-nav a.active{color:var(--text-accent);background:var(--bg-accent)}.skillora-landing-links{display:none!important}.skillora-landing-menu-btn{justify-content:center;align-items:center;min-height:44px;display:inline-flex!important}.skillora-landing-drawer{background:#f8f7f4;border-bottom:1px solid #e2e0da;flex-direction:column;gap:4px;padding:12px 16px 16px;display:flex}.skillora-landing-drawer a{color:#1a3a5c;border-radius:8px;padding:12px 14px;font-family:system-ui,sans-serif;font-size:15px;font-weight:500;text-decoration:none;display:block}.skillora-landing-drawer a.skillora-landing-login{color:#fff;text-align:center;background:#1a3a5c;margin-top:4px}.lh-grid-4,.lh-grid-2,.lh-grid-cards{grid-template-columns:1fr!important;gap:1rem!important;display:grid!important}}