:root{--bg-primary:#fffdf0;--bg-secondary:#fdf7dc;--card-bg:#fffcf5;--card-border:transparent;--text-primary:#3b382a;--text-secondary:#6b6554;--text-muted:#a39e8c;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-streak:#f59e0b;--accent-success:#34d399;--accent-danger:#fb7185;--accent-warning:#fbbf24;--clay-outer-light:#fff;--clay-outer-dark:#e0d4a399;--clay-inner-light:#ffffffe6;--clay-inner-dark:#e0d4a366}.dark{--bg-primary:#1f2023;--bg-secondary:#27282d;--card-bg:#222327;--text-primary:#f0f0f0;--text-secondary:#b0b0b0;--text-muted:#7a7a7a;--clay-outer-light:#ffffff0a;--clay-outer-dark:#00000080;--clay-inner-light:#ffffff08;--clay-inner-dark:#0006}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:Nunito,Quicksand,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.card,.clay-card{background:var(--card-bg);box-shadow:8px 8px 24px var(--clay-outer-dark), -8px -8px 24px var(--clay-outer-light), inset 4px 4px 10px var(--clay-inner-light), inset -4px -4px 10px var(--clay-inner-dark);border:none;border-radius:32px;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.card:hover,.clay-card:hover{box-shadow:12px 12px 32px var(--clay-outer-dark), -12px -12px 32px var(--clay-outer-light), inset 4px 4px 10px var(--clay-inner-light), inset -4px -4px 10px var(--clay-inner-dark);transform:translateY(-2px)}.clay-recessed{background:var(--bg-primary);box-shadow:inset 6px 6px 12px var(--clay-outer-dark), inset -6px -6px 12px var(--clay-outer-light);border:none;border-radius:24px}.btn,.clay-btn{cursor:pointer;background:var(--card-bg);color:var(--text-primary);box-shadow:4px 4px 12px var(--clay-outer-dark), -4px -4px 12px var(--clay-outer-light), inset 2px 2px 5px var(--clay-inner-light), inset -2px -2px 5px var(--clay-inner-dark);border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:active,.clay-btn:active{box-shadow:inset 4px 4px 8px var(--clay-outer-dark), inset -4px -4px 8px var(--clay-outer-light);transform:scale(.98)}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:6px 6px 16px #6366f166, -4px -4px 12px var(--clay-outer-light), inset 2px 2px 5px #fff6, inset -2px -2px 5px #0000001a}.btn-primary:active{box-shadow:inset 4px 4px 8px #0003,inset -4px -4px 8px #fff3}.btn-outline{background:var(--card-bg);color:var(--text-primary)}.clay-input{background:var(--bg-primary);width:100%;color:var(--text-primary);box-shadow:inset 4px 4px 8px var(--clay-outer-dark), inset -4px -4px 8px var(--clay-outer-light);border:none;border-radius:24px;outline:none;padding:1rem 1.5rem;font-family:inherit;transition:all .2s}.clay-input:focus{box-shadow:inset 6px 6px 12px var(--clay-outer-dark), inset -6px -6px 12px var(--clay-outer-light)}.badge{box-shadow:2px 2px 6px var(--clay-outer-dark), -2px -2px 6px var(--clay-outer-light), inset 1px 1px 3px var(--clay-inner-light);border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.badge-streak{background:var(--card-bg);color:var(--accent-streak)}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}.app-container{background:var(--bg-primary);height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-primary);border:none;flex-direction:column;width:250px;padding:1.5rem 1.25rem;display:flex}.main-content{flex:1;padding:2rem;overflow-y:auto}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{color:var(--text-primary);background:var(--card-bg);box-shadow:4px 4px 10px var(--clay-outer-dark), -4px -4px 10px var(--clay-outer-light)}.nav-item.active{color:var(--accent-primary);background:var(--bg-primary);box-shadow:inset 4px 4px 8px var(--clay-outer-dark), inset -4px -4px 8px var(--clay-outer-light)}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;display:grid}.recent-activity{grid-column:span 3}.learning-path-grid-container{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:2rem;width:100%;display:grid}@media (width<=900px){.learning-path-grid-container{grid-template-columns:1fr!important}}