.sidebar[data-v-f085ce64]{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 2px 10px #0000000d;flex-direction:column;height:-moz-fit-content;height:fit-content;max-height:720px;overflow:hidden;position:sticky;top:72px;width:280px}.sidebar[data-v-f085ce64],.sidebar-header[data-v-f085ce64]{display:flex;flex-shrink:0}.sidebar-header[data-v-f085ce64]{align-items:center;background:#fafbfc;border-bottom:1px solid #f1f5f9;color:#475569;font-size:11.5px;font-weight:700;gap:8px;letter-spacing:.06em;padding:12px 14px;text-transform:uppercase}.sidebar-header-icon[data-v-f085ce64]{align-items:center;background:#eef2ff;border-radius:7px;color:#667eea;display:flex;height:26px;justify-content:center;width:26px}.sidebar-count[data-v-f085ce64]{background:#eef2ff;border-radius:20px;color:#667eea;font-size:10.5px;font-weight:700;margin-left:auto;padding:1px 7px}.subcates-list[data-v-f085ce64]{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#e2e8f0 transparent;scrollbar-width:thin}.subcates-list[data-v-f085ce64]::-webkit-scrollbar{width:4px}.subcates-list[data-v-f085ce64]::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.subcate-item[data-v-f085ce64]{border-bottom:1px solid #f1f5f9}.subcate-item[data-v-f085ce64]:last-child{border-bottom:none}.subcate-row[data-v-f085ce64]{align-items:center;cursor:pointer;display:flex;gap:10px;padding:9px 14px;transition:background .15s}.subcate-row[data-v-f085ce64]:hover{background:#f8fafc}.subcate-item.is-active .subcate-row[data-v-f085ce64]{background:#f0f4ff}.subcate-item.is-completed .subcate-row[data-v-f085ce64]{background:#f0fdf4}.num-badge[data-v-f085ce64]{align-items:center;background:#f1f5f9;border-radius:6px;color:#64748b;display:flex;flex-shrink:0;font-size:10.5px;font-weight:700;height:22px;justify-content:center;transition:background .15s,color .15s;width:22px}.subcate-item.is-active .num-badge[data-v-f085ce64]{background:#667eea;color:#fff}.subcate-item.is-completed .num-badge[data-v-f085ce64]{background:#22c55e;color:#fff}.subcate-info[data-v-f085ce64]{flex:1;min-width:0}.subcate-title[data-v-f085ce64]{color:#1f2937;font-size:12.5px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subcate-item.is-active .subcate-title[data-v-f085ce64]{color:#667eea}.subcate-item.is-completed .subcate-title[data-v-f085ce64]{color:#15803d}.progress-wrap[data-v-f085ce64]{align-items:center;display:flex;gap:5px;margin-top:4px}.progress-track[data-v-f085ce64]{background:#e5e7eb;border-radius:2px;flex:1;height:3px;overflow:hidden}.progress-fill[data-v-f085ce64]{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .3s}.progress-label[data-v-f085ce64]{color:#94a3b8;font-size:9.5px;font-weight:700;min-width:26px}.icon-lock[data-v-f085ce64]{color:#f59e0b}.icon-done[data-v-f085ce64],.icon-lock[data-v-f085ce64]{flex-shrink:0;height:14px;width:14px}.icon-done[data-v-f085ce64]{color:#22c55e}.icon-chevron[data-v-f085ce64]{color:#cbd5e1;flex-shrink:0;height:14px;transition:transform .2s;width:14px}.icon-chevron.rotated[data-v-f085ce64]{transform:rotate(180deg)}.practice-list[data-v-f085ce64]{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:2px;padding:5px 10px 8px}.practice-item[data-v-f085ce64]{align-items:center;border-radius:8px;color:#374151;display:flex;font-size:12px;font-weight:500;gap:8px;padding:6px 10px;text-decoration:none;transition:background .15s,color .15s}.practice-item[data-v-f085ce64]:hover{background:#667eea17;color:#667eea}.practice-item.active[data-v-f085ce64]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.practice-item.done[data-v-f085ce64]{color:#15803d}.practice-item.done.active[data-v-f085ce64]{color:#fff}.practice-icon[data-v-f085ce64]{color:#94a3b8;flex-shrink:0;height:13px;width:13px}.done-icon[data-v-f085ce64]{color:#22c55e}.practice-item.active .practice-icon[data-v-f085ce64]{color:#fffc}.practice-item.active .done-icon[data-v-f085ce64]{color:#bbf7d0}.done-check[data-v-f085ce64]{color:#22c55e;flex-shrink:0;height:12px;margin-left:auto;width:12px}.practice-item.active .done-check[data-v-f085ce64]{color:#bbf7d0}@media(max-width:1024px){.sidebar[data-v-f085ce64]{max-height:380px;position:static;width:100%}}