:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#1b3a5c;--primary-light:#2a5a8c;--primary-dark:#0f2440;--accent:#e8a500;--accent-light:#ffd04a;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--bg:#f5f7fa;--bg-card:#fff;--bg-sidebar:#1b3a5c;--text:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--text-on-primary:#fff;--border:#e5e7eb;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--sidebar-width:260px;--header-height:64px;--bottom-nav-height:64px;--hero-grad:linear-gradient(135deg, var(--primary-dark), var(--primary));--hero-grad-alt:linear-gradient(135deg, var(--primary), var(--primary-light))}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#5b9bd5;--primary-light:#7cb3e0;--primary-dark:#3a7bbf;--accent:#ffd04a;--bg:#111827;--bg-card:#1f2937;--bg-sidebar:#0f1d2f;--text:#f9fafb;--text-secondary:#9ca3af;--text-light:#6b7280;--border:#374151;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d, 0 2px 4px #0003;--shadow-lg:0 10px 15px #0006, 0 4px 6px #0000004d;--hero-grad:linear-gradient(135deg, var(--bg-sidebar), var(--primary-dark));--hero-grad-alt:linear-gradient(135deg, var(--bg-sidebar), var(--primary-dark))}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input{font:inherit;color:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:3px}@media (width>=1024px){.sidebar-overlay{display:none!important}.sidebar{transform:translate(0)!important}.header{left:var(--sidebar-width)!important}.main-content{margin-left:var(--sidebar-width);max-width:960px;padding-bottom:24px!important}.main-content.main-wide{max-width:1400px}.bottom-nav,.sidebar-close,.menu-toggle{display:none!important}}@media (width>=1440px){.main-content{max-width:1100px}.main-content.main-wide{max-width:1520px}}@media (width>=1024px){.course-grid{grid-template-columns:repeat(2,1fr)!important;display:grid!important}}@media (width>=1440px){.course-grid{grid-template-columns:repeat(3,1fr)!important}}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dash-announce{background-color:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin:12px 16px 0;padding:14px 16px}@media (width>=1024px){.dash-hero{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.dash-announce{align-self:stretch;margin:16px 16px 0 0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-columns{grid-template-columns:1fr 1.1fr;align-items:start;gap:24px;display:grid}.dash-columns>section{min-width:0;margin-top:0!important}}.rec-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:0 16px 4px;scroll-padding:0 16px;display:flex;overflow-x:auto}.rec-row::-webkit-scrollbar{display:none}.rec-card{scroll-snap-align:start;flex-shrink:0;min-width:200px;max-width:200px}@media (width>=1024px){.dash-columns .rec-row{scroll-snap-type:none;grid-template-columns:repeat(2,1fr);display:grid;overflow-x:visible}.dash-columns .rec-card{width:100%;min-width:0;max-width:none}}@media (width>=1440px){.dash-columns .rec-row{grid-template-columns:repeat(3,1fr)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background-image:linear-gradient(90deg, var(--border) 0%, var(--bg-card) 40%, var(--border) 80%);background-size:800px 100%;animation:1.5s ease-in-out infinite shimmer}