.product-list-page[data-v-0623a128]{min-height:calc(100vh - 80px)}.list-page-header[data-v-0623a128]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.list-page-header[data-v-0623a128],.list-page-header h2[data-v-0623a128]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-page-header h2[data-v-0623a128]{font-size:20px;font-weight:700;color:var(--text);gap:12px;margin:0}.list-page-header h2 .header-icon[data-v-0623a128]{width:36px;height:36px;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 2px 8px rgba(124,58,237,.25);box-shadow:0 2px 8px rgba(124,58,237,.25)}.list-page-header h2 .header-icon svg[data-v-0623a128]{width:20px;height:20px;color:#fff}.list-page-header-actions[data-v-0623a128]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-sm[data-v-0623a128]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;-webkit-transition:all .2s;transition:all .2s}.btn-sm.primary[data-v-0623a128]{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));color:#fff;-webkit-box-shadow:0 2px 6px rgba(37,99,235,.25);box-shadow:0 2px 6px rgba(37,99,235,.25)}.btn-sm.primary[data-v-0623a128]:hover{background:linear-gradient(135deg,var(--blue-700),var(--blue-800));-webkit-box-shadow:0 4px 12px rgba(37,99,235,.3);box-shadow:0 4px 12px rgba(37,99,235,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-sm.outline[data-v-0623a128]{background:#fff;color:var(--text-secondary);border:1px solid var(--border);border-radius:8px}.btn-sm.outline[data-v-0623a128]:hover{border-color:var(--blue-300);color:var(--blue-600);background:var(--blue-50)}.btn-sm.danger-outline[data-v-0623a128]{background:#fff;color:#94a3b8;border:1px solid var(--border)}.btn-sm.danger-outline[data-v-0623a128]:hover{border-color:#ef4444;color:#ef4444}.list-stats[data-v-0623a128]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.list-stat-card[data-v-0623a128]{background:var(--card);border-radius:10px;padding:16px 18px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);border:1px solid var(--border);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;-webkit-transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.list-stat-card[data-v-0623a128]:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:10px 10px 0 0;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s;background:-webkit-gradient(linear,left top,right top,from(var(--accent)),to(var(--accent)));background:linear-gradient(90deg,var(--accent),var(--accent))}.list-stat-card[data-v-0623a128]:hover:after{opacity:1}.list-stat-card[data-v-0623a128]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 24px rgba(37,99,235,.1),0 2px 6px rgba(0,0,0,.04);box-shadow:0 8px 24px rgba(37,99,235,.1),0 2px 6px rgba(0,0,0,.04);border-color:var(--blue-100)}.list-stat-icon[data-v-0623a128]{width:44px;height:44px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all .25s;transition:all .25s}.list-stat-icon svg[data-v-0623a128]{width:20px;height:20px}.list-stat-card:hover .list-stat-icon[data-v-0623a128]{-webkit-transform:scale(1.08);transform:scale(1.08)}.list-stat-info[data-v-0623a128]{-webkit-box-flex:1;-ms-flex:1;flex:1}.list-stat-label[data-v-0623a128]{font-size:12px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.list-stat-value[data-v-0623a128]{font-size:24px;font-weight:800;color:var(--text);line-height:1.15;letter-spacing:-.5px}.list-stat-extra[data-v-0623a128]{font-size:11px;color:var(--blue-500);margin-top:4px;gap:3px;font-weight:500}.filter-bar-v2[data-v-0623a128],.list-stat-extra[data-v-0623a128]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-bar-v2[data-v-0623a128]{background:var(--card);border-radius:12px;padding:16px 20px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.04);box-shadow:0 1px 3px rgba(0,0,0,.04);border:1px solid var(--border);margin-bottom:16px;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-transition:all .2s;transition:all .2s}.filter-bar-v2[data-v-0623a128]:hover{border-color:var(--blue-200);-webkit-box-shadow:0 2px 8px rgba(37,99,235,.06);box-shadow:0 2px 8px rgba(37,99,235,.06)}.filter-bar-v2 .filter-select[data-v-0623a128]{width:auto;min-width:100px;max-width:150px;border-radius:8px}.filter-bar-v2 .filter-select .el-select[data-v-0623a128]{width:auto}.filter-bar-v2 .filter-select .el-input__inner[data-v-0623a128]{width:auto;min-width:100px;max-width:150px;border:none;background:transparent}.filter-bar-v2 .filter-select[data-v-0623a128]:hover{border-color:var(--blue-300);background:#fff}.filter-bar-v2 .filter-select[data-v-0623a128]:focus-within{outline:none;border-color:var(--blue-400);-webkit-box-shadow:0 0 0 3px rgba(37,99,235,.08);box-shadow:0 0 0 3px rgba(37,99,235,.08);background:#fff}.filter-bar-v2 .filter-select .el-input__inner[data-v-0623a128]{color:var(--text-secondary);font-size:13px}.filter-bar-v2 .filter-select:hover .el-input__inner[data-v-0623a128]{color:var(--text)}.filter-bar-v2 .filter-select .el-input__suffix-icon[data-v-0623a128]{color:#94a3b8}.filter-bar-v2 .filter-select:hover .el-input__suffix-icon[data-v-0623a128]{color:var(--blue-500)}.filter-search-v2[data-v-0623a128]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid var(--border);border-radius:8px;padding:0 12px;margin-left:auto;-webkit-transition:all .2s;transition:all .2s;background:#f8fafc}.filter-search-v2[data-v-0623a128]:hover{border-color:var(--blue-300);background:#fff}.filter-search-v2[data-v-0623a128]:focus-within{border-color:var(--blue-400);-webkit-box-shadow:0 0 0 3px rgba(37,99,235,.08);box-shadow:0 0 0 3px rgba(37,99,235,.08);background:#fff}.filter-search-v2 input[data-v-0623a128]{border:none;background:none;outline:none;font-size:13px;padding:8px 0;width:200px;color:var(--text)}.filter-search-v2 input[data-v-0623a128]::-webkit-input-placeholder{color:#94a3b8}.filter-search-v2 input[data-v-0623a128]::-moz-placeholder{color:#94a3b8}.filter-search-v2 input[data-v-0623a128]:-ms-input-placeholder{color:#94a3b8}.filter-search-v2 input[data-v-0623a128]::-ms-input-placeholder{color:#94a3b8}.filter-search-v2 input[data-v-0623a128]::placeholder{color:#94a3b8}.filter-search-v2 svg[data-v-0623a128]{width:16px;height:16px;color:#94a3b8;-ms-flex-negative:0;flex-shrink:0}.reset-btn[data-v-0623a128]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;padding:7px 14px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;color:var(--text-secondary);font-size:12px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;font-weight:500}.reset-btn[data-v-0623a128]:hover{border-color:var(--blue-300);color:var(--blue-600);background:var(--blue-50)}.table-toolbar[data-v-0623a128]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:14px;padding:0 2px}.table-toolbar[data-v-0623a128],.toolbar-left[data-v-0623a128]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toolbar-left[data-v-0623a128]{gap:12px}.toolbar-left span[data-v-0623a128]{font-size:12px;color:var(--text-secondary);font-weight:500}.toolbar-left span strong[data-v-0623a128]{color:var(--blue-600);font-size:13px}.toolbar-right[data-v-0623a128]{font-size:12px;color:var(--text-secondary);font-weight:500}.toolbar-right strong[data-v-0623a128]{color:var(--text)}.course-name[data-v-0623a128]{font-weight:600;color:var(--text);cursor:pointer;-webkit-transition:color .15s;transition:color .15s}.course-name[data-v-0623a128]:hover{color:var(--blue-600)}.product-linked-course[data-v-0623a128]{font-size:12px;color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-badge[data-v-0623a128]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.2px}.tag-badge.practice[data-v-0623a128]{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.tag-badge.theory[data-v-0623a128]{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.tag-badge.both[data-v-0623a128]{background:#ede9fe;color:#7c3aed;border:1px solid #ddd6fe}.tag-badge.software[data-v-0623a128]{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.tag-badge.data[data-v-0623a128]{background:#fce7f3;color:#9d174d;border:1px solid #fbcfe8}.status-dot[data-v-0623a128]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.status-dot[data-v-0623a128]:before{content:"";width:6px;height:6px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.status-dot.online[data-v-0623a128]{background:#f0fdf4;color:#16a34a}.status-dot.online[data-v-0623a128]:before{background:#22c55e;-webkit-box-shadow:0 0 6px rgba(34,197,94,.4);box-shadow:0 0 6px rgba(34,197,94,.4)}.status-dot.offline[data-v-0623a128]{background:#f8fafc;color:#94a3b8}.status-dot.offline[data-v-0623a128]:before{background:#94a3b8}.featured-star[data-v-0623a128]{font-size:18px;color:#cbd5e1;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.featured-star.active[data-v-0623a128]{color:#eab308;text-shadow:0 0 8px rgba(234,179,8,.3)}.featured-star[data-v-0623a128]:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.order-count[data-v-0623a128]{font-weight:700;color:var(--blue-600);font-variant-numeric:tabular-nums}.order-count.zero[data-v-0623a128]{color:var(--text-secondary);font-weight:500}.action-link[data-v-0623a128]{color:var(--blue-600);cursor:pointer;font-size:12px;white-space:nowrap;padding:3px 6px;border-radius:4px;-webkit-transition:all .15s;transition:all .15s}.action-link[data-v-0623a128]:hover{background:var(--blue-50);text-decoration:none;color:var(--blue-700)}.action-divider[data-v-0623a128]{color:#e2e8f0;margin:0 2px;font-size:11px}.action-link.del[data-v-0623a128]{color:#94a3b8}.action-link.del[data-v-0623a128]:hover{color:#ef4444;background:#fef2f2}