.page_pageWrapper__KFQyN{display:flex;min-height:100vh;background:#f8f9fa}.page_practiceContainer__SYRUr{flex:1;margin-left:260px;min-height:100vh;background:linear-gradient(180deg,#ffffff,#f8f9fa);position:relative;transition:margin-left .3s ease}.page_practiceContainer__SYRUr.page_expanded__m4TYA{margin-left:80px}.page_practiceContent__E3dZx{max-width:1400px;margin:0 auto;padding:2rem;position:relative}.page_headerSection__qSzOR{background:white;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid #e5e7eb}.page_headerTop__3gDAN{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page_pageTitle__qFyuE{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem;letter-spacing:-.02em}.page_pageSubtitle__fdrIs{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.page_quickStats__Q1rE5{display:flex;gap:2rem}.page_statItem__rFwSc{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;min-width:100px}.page_statNumber__93d8z{font-size:1.75rem;font-weight:700;color:white;line-height:1}.page_statLabel___SaX5{font-size:.75rem;color:rgba(255,255,255,.9);margin-top:.25rem;font-weight:500;white-space:nowrap}.page_headerControls__M0hm_{display:flex;gap:1rem;align-items:center}.page_searchContainer__BCbEh{flex:1;max-width:400px;position:relative;display:flex;align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:0 1rem;transition:all .2s ease}.page_searchContainer__BCbEh:focus-within{background:white;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.page_searchContainer__BCbEh svg{color:#9ca3af;flex-shrink:0}.page_searchInput__FZumx{flex:1;background:none;border:none;padding:.75rem;font-size:.9375rem;color:#111827;outline:none}.page_searchInput__FZumx::-moz-placeholder{color:#9ca3af}.page_searchInput__FZumx::placeholder{color:#9ca3af}.page_clearSearch__EvWYq{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:0 .5rem;line-height:1;transition:color .2s ease}.page_clearSearch__EvWYq:hover{color:#6b7280}.page_viewToggle__12wZm{display:flex;background:#f3f4f6;border-radius:10px;padding:.25rem;gap:.25rem}.page_viewButton__uBOVg{display:flex;align-items:center;justify-content:center;width:40px;height:36px;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.page_viewButton__uBOVg.page_active__T4vFx{background:white;color:#6366f1;box-shadow:0 1px 3px rgba(0,0,0,.1)}.page_viewButton__uBOVg:hover:not(.page_active__T4vFx){color:#374151}.page_resultsInfo__IFPyW{margin-bottom:1.5rem;padding:.75rem 1rem;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:.875rem;animation:page_slideDown__1H6w8 .3s ease}.page_skillsGrid__2b_kf{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;align-items:start}.page_skillsGrid__2b_kf.page_listView__tgk2O{grid-template-columns:1fr;gap:1rem}.page_skillCardWrapper__nR2J_{position:relative}.page_cardProgress__w4Px6{margin-top:.75rem;padding:0 1rem;display:flex;align-items:center;gap:.75rem}.page_progressBar__VmIU9{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.page_progressFill__1HtN_{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .5s ease}.page_progressText__WG401{font-size:.75rem;color:#6b7280;font-weight:500;white-space:nowrap}.page_noResults__LnCVy{text-align:center;padding:3rem;background:white;border-radius:12px;border:1px solid #e5e7eb}.page_noResults__LnCVy p{color:#6b7280;margin-bottom:1.5rem;font-size:1rem}.page_clearButton__wHpPc{padding:.625rem 1.5rem;background:#6366f1;color:white;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.page_clearButton__wHpPc:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.25)}.page_skillsGrid__2b_kf>*{animation:page_fadeInUp__s5ISO .4s ease-out backwards}.page_skillsGrid__2b_kf>:first-child{animation-delay:.05s}.page_skillsGrid__2b_kf>:nth-child(2){animation-delay:.1s}.page_skillsGrid__2b_kf>:nth-child(3){animation-delay:.15s}.page_skillsGrid__2b_kf>:nth-child(4){animation-delay:.2s}@keyframes page_fadeInUp__s5ISO{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page_slideDown__1H6w8{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.page_skillsGrid__2b_kf{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.page_practiceContainer__SYRUr{margin-left:80px}.page_headerTop__3gDAN{flex-direction:column;gap:1.5rem}.page_quickStats__Q1rE5{width:100%;justify-content:flex-start}}@media (max-width:768px){.page_practiceContainer__SYRUr,.page_practiceContainer__SYRUr.page_expanded__m4TYA{margin-left:0}.page_practiceContent__E3dZx{padding:1rem}.page_headerSection__qSzOR{padding:1.5rem;border-radius:12px}.page_pageTitle__qFyuE{font-size:1.5rem}.page_pageSubtitle__fdrIs{font-size:.875rem}.page_headerControls__M0hm_{flex-direction:column;width:100%}.page_searchContainer__BCbEh{max-width:none}.page_quickStats__Q1rE5{gap:1rem}.page_statItem__rFwSc{padding:.5rem 1rem;min-width:80px}.page_statNumber__93d8z{font-size:1.25rem}.page_statLabel___SaX5{font-size:.6875rem}.page_skillsGrid__2b_kf{grid-template-columns:1fr;gap:1rem}.page_viewToggle__12wZm{display:none}}@media (max-width:480px){.page_pageTitle__qFyuE{font-size:1.25rem}.page_practiceContent__E3dZx{padding:.75rem}.page_headerSection__qSzOR{padding:1rem}}