@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--brand:#4f46e5;--brand-dark:#3730a3;--brand-light:#eef2ff;--brand-mid:#818cf8;--accent:#f59e0b;--accent-light:#fffbeb;--success:#10b981;--success-light:#ecfdf5;--danger:#ef4444;--danger-light:#fef2f2;--bg-primary:#fafaf7;--bg-secondary:#f4f4f0;--bg-tertiary:#e8e8e3;--bg-glass:#fafaf7f0;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#9090b0;--border:#e4e4ec;--border-focus:#4f46e5;--blue:var(--brand);--blue-light:var(--brand-light);--teal:var(--success);--teal-light:var(--success-light);--radius:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #4f46e50a;--shadow-md:0 4px 6px -1px #4f46e512, 0 2px 4px -2px #4f46e50d;--shadow-lg:0 10px 15px -3px #4f46e517, 0 4px 6px -4px #4f46e50d;--shadow-xl:0 20px 25px -5px #4f46e517, 0 8px 10px -6px #4f46e50a}[data-theme=dark]{--brand:#6366f1;--brand-dark:#4f46e5;--brand-light:#1e1b4b;--brand-mid:#818cf8;--accent:#fbbf24;--accent-light:#1c1500;--success:#34d399;--success-light:#022c22;--danger:#f87171;--danger-light:#2d0a0a;--bg-primary:#0d0d1a;--bg-secondary:#16162a;--bg-tertiary:#1f1f38;--bg-glass:#0d0d1af0;--text-primary:#eeeef8;--text-secondary:#a0a0c8;--text-muted:#60608a;--border:#2a2a48;--border-focus:#6366f1;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0000004d}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.page-container{max-width:500px;margin:0 auto;padding:0 20px}@media (width<=540px){.page-container{padding:0 16px}}.fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-up{animation:.4s ease-out slideUp}.spin{animation:1s linear infinite spin}.grid-levels{grid-template-columns:1fr;gap:12px;display:grid}.grid-subjects{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}@media (width<=768px){.grid-subjects{grid-template-columns:1fr;gap:8px}}.grid-lesson-view{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}@media (width<=768px){.hero-title{font-size:28px}.hero-subtitle{font-size:15px}}.btn-brand{background:linear-gradient(135deg, var(--brand), #7c3aed);color:#fff;border:none;font-weight:700;transition:opacity .2s,transform .15s}.btn-brand:hover{opacity:.92;transform:translateY(-1px)}.btn-brand:active{transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}@media (width>=768px){.auth-left-panel{display:flex!important}.auth-mobile-controls,.auth-logo-mobile{display:none!important}.app-shell{min-height:100vh;display:flex}.sidebar-nav{display:flex!important}.bottom-nav-wrapper{display:none!important}.main-content{flex:1;min-width:0;margin-left:220px}.page-container{max-width:1100px!important;padding-bottom:40px!important;padding-left:40px!important;padding-right:40px!important}.stats-grid-desktop{grid-template-columns:repeat(4,1fr)!important;gap:16px!important;display:grid!important}.desktop-two-col{grid-template-columns:1fr 1fr!important;align-items:start!important;gap:20px!important;display:grid!important}.desktop-three-col{grid-template-columns:repeat(3,1fr)!important;align-items:start!important;gap:16px!important;display:grid!important}}@media (width<=767px){.sidebar-nav{display:none!important}.main-content{margin-left:0!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}