.courses-page[data-v-d4742df7]{background:#ecf4f8;min-height:100vh}.main[data-v-d4742df7]{margin:0 auto;max-width:87.5rem;padding:2rem}.page-header[data-v-d4742df7]{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.page-header .header-content h1[data-v-d4742df7]{align-items:center;color:#0f172a;display:flex;font-size:2rem;font-weight:700;gap:.5rem;margin-bottom:.25rem}.page-header .header-content .subtitle[data-v-d4742df7]{color:#64748b;font-size:.875rem}.page-header .header-actions[data-v-d4742df7]{align-items:center;display:flex;gap:1rem}.page-header .header-actions .filter-group[data-v-d4742df7]{display:flex;gap:.5rem}.page-header .header-actions .filter-group .filter-select[data-v-d4742df7]{background:#fff;border:.0625rem solid #d8e1ea;border-radius:.625rem;color:#0f172a;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s}.page-header .header-actions .filter-group .filter-select[data-v-d4742df7]:hover{border-color:#0ea5e9}.page-header .header-actions .filter-group .filter-select[data-v-d4742df7]:focus{border-color:#0ea5e9;box-shadow:0 0 0 .1875rem #0ea5e91a;outline:none}.page-header .header-actions .search-box[data-v-d4742df7]{align-items:center;background:#fff;border:.0625rem solid #d8e1ea;border-radius:.625rem;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.page-header .header-actions .search-box[data-v-d4742df7]:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 .1875rem #0ea5e91a}.page-header .header-actions .search-box input[data-v-d4742df7]{border:none;color:#0f172a;font-size:.875rem;outline:none;width:18.75rem}.page-header .header-actions .search-box input[data-v-d4742df7]::-moz-placeholder{color:#94a3b8}.page-header .header-actions .search-box input[data-v-d4742df7]::placeholder{color:#94a3b8}.stats-section[data-v-d4742df7]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));margin-bottom:2rem}.stats-section .stat-card[data-v-d4742df7]{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 .125rem .5rem #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.stats-section .stat-card[data-v-d4742df7]:hover{box-shadow:0 .25rem 1rem #0000001a;transform:translateY(-.125rem)}.stats-section .stat-card .stat-icon[data-v-d4742df7]{align-items:center;border-radius:.625rem;color:#fff;display:flex;height:3.5rem;justify-content:center;width:3.5rem}.stats-section .stat-card .stat-icon.all[data-v-d4742df7]{background:linear-gradient(135deg,#3aa7ff,#34d399)}.stats-section .stat-card .stat-icon.learning[data-v-d4742df7]{background:linear-gradient(135deg,#2dd4bf,#0ea5e9)}.stats-section .stat-card .stat-icon.completed[data-v-d4742df7]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stats-section .stat-card .stat-info[data-v-d4742df7]{display:flex;flex-direction:column;gap:.25rem}.stats-section .stat-card .stat-info .stat-value[data-v-d4742df7]{color:#0f172a;font-size:1.75rem;font-weight:700}.stats-section .stat-card .stat-info .stat-label[data-v-d4742df7]{color:#64748b;font-size:.75rem}.loading-state[data-v-d4742df7]{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:6rem}.loading-state .spin[data-v-d4742df7]{animation:spin-d4742df7 1s linear infinite;color:#0ea5e9}.loading-state p[data-v-d4742df7]{color:#64748b;font-size:1rem}@keyframes spin-d4742df7{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.courses-grid[data-v-d4742df7]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}.courses-grid .course-card[data-v-d4742df7]{background:#fff;border-radius:1rem;box-shadow:0 .125rem .5rem #0000000d;cursor:pointer;overflow:hidden;transition:all .3s}.courses-grid .course-card[data-v-d4742df7]:hover{box-shadow:0 .5rem 1.5rem #0000001f;transform:translateY(-.25rem)}.courses-grid .course-card:hover .course-cover img[data-v-d4742df7]{transform:scale(1.05)}.courses-grid .course-card .course-cover[data-v-d4742df7]{background:#f4f8fb;height:11.25rem;overflow:hidden;position:relative;width:100%}.courses-grid .course-card .course-cover img[data-v-d4742df7]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.courses-grid .course-card .course-cover .cover-placeholder[data-v-d4742df7]{align-items:center;background:linear-gradient(135deg,#3aa7ff,#34d399);color:#94a3b8;display:flex;height:100%;justify-content:center;width:100%}.courses-grid .course-card .course-cover .course-progress-overlay[data-v-d4742df7]{align-items:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#000000b3;bottom:0;display:flex;gap:.25rem;left:0;padding:.5rem 1rem;position:absolute;right:0}.courses-grid .course-card .course-cover .course-progress-overlay .progress-bar[data-v-d4742df7]{background:#ffffff4d;border-radius:.125rem;flex:1;height:.25rem;overflow:hidden}.courses-grid .course-card .course-cover .course-progress-overlay .progress-bar .progress-fill[data-v-d4742df7]{background:#0ea5e9;height:100%;transition:width .3s}.courses-grid .course-card .course-cover .course-progress-overlay .progress-text[data-v-d4742df7]{color:#fff;font-size:.75rem;font-weight:500}.courses-grid .course-card .course-info[data-v-d4742df7]{padding:1.5rem}.courses-grid .course-card .course-info .course-name[data-v-d4742df7]{color:#0f172a;font-size:1rem;font-weight:600;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.courses-grid .course-card .course-info .course-meta[data-v-d4742df7]{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.courses-grid .course-card .course-info .course-meta .meta-item[data-v-d4742df7]{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.25rem}.courses-grid .course-card .course-info .course-meta .meta-item span[data-v-d4742df7]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.courses-grid .course-card .course-info .course-footer[data-v-d4742df7]{align-items:center;border-top:.0625rem solid #d8e1ea;display:flex;justify-content:space-between;padding-top:.5rem}.courses-grid .course-card .course-info .course-footer .course-code[data-v-d4742df7]{color:#94a3b8;font-size:.75rem}.courses-grid .course-card .course-info .course-actions[data-v-d4742df7]{display:flex;gap:.5rem;padding-top:1rem}.courses-grid .course-card .course-info .course-actions .action-btn[data-v-d4742df7]{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;flex:1;font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center;padding:.25rem .5rem;transition:all .3s}.courses-grid .course-card .course-info .course-actions .action-btn.primary[data-v-d4742df7]{background:#0ea5e9;color:#fff}.courses-grid .course-card .course-info .course-actions .action-btn.primary[data-v-d4742df7]:hover{background:#0284c7;box-shadow:0 .125rem .5rem #0ea5e94d}.courses-grid .course-card .course-info .course-actions .action-btn.secondary[data-v-d4742df7]{background:#0ea5e91a;border:.0625rem solid #0ea5e9;color:#0ea5e9}.courses-grid .course-card .course-info .course-actions .action-btn.secondary[data-v-d4742df7]:hover{background:#0ea5e9;box-shadow:0 .125rem .5rem #0ea5e94d;color:#fff}.courses-grid .course-card .course-info .course-actions .action-btn.success[data-v-d4742df7]{background:#52c41a;color:#fff}.courses-grid .course-card .course-info .course-actions .action-btn.success[data-v-d4742df7]:hover{background:#1e7e34;box-shadow:0 .125rem .5rem #52c41a4d}.courses-grid .course-card .course-info .course-actions .action-btn.info[data-v-d4742df7]{background:#17a2b8;color:#fff}.courses-grid .course-card .course-info .course-actions .action-btn.info[data-v-d4742df7]:hover{background:#117a8b;box-shadow:0 .125rem .5rem #17a2b84d}.courses-grid .course-card .course-info .course-actions .action-btn.warning[data-v-d4742df7]{background:#ffc107;color:#333}.courses-grid .course-card .course-info .course-actions .action-btn.warning[data-v-d4742df7]:hover{background:#e0a800;box-shadow:0 .125rem .5rem #ffc1074d}.courses-grid .course-card .course-info .course-actions .course-status[data-v-d4742df7]{border-radius:.375rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.courses-grid .course-card .course-info .course-actions .course-status.status-unpublished[data-v-d4742df7]{background:#f4f8fb;color:#94a3b8}.courses-grid .course-card .course-info .course-actions .course-status.status-active[data-v-d4742df7]{background:#52c41a1a;color:#52c41a}.courses-grid .course-card .course-info .course-actions .course-status.status-ended[data-v-d4742df7]{background:#faad141a;color:#faad14}.courses-grid .course-card .course-info .course-actions .course-status.status-archived[data-v-d4742df7]{background:#f4f8fb;color:#94a3b8}.empty-state[data-v-d4742df7]{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:6rem}.empty-state p[data-v-d4742df7]{color:#64748b;font-size:1rem}@media (width >= 769px) and (width <= 1024px){.page-header[data-v-d4742df7]{align-items:flex-start;flex-direction:column}.page-header .header-actions[data-v-d4742df7]{flex-direction:column;width:100%}.page-header .header-actions .filter-group[data-v-d4742df7]{width:100%}.page-header .header-actions .filter-group .filter-select[data-v-d4742df7]{flex:1}.page-header .header-actions .search-box[data-v-d4742df7],.page-header .header-actions .search-box input[data-v-d4742df7]{width:100%}.courses-grid[data-v-d4742df7]{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr))}}@media (width <= 768px){.main[data-v-d4742df7]{padding:1rem}.page-header .header-content h1[data-v-d4742df7]{font-size:1.5rem}.page-header .header-actions .filter-group[data-v-d4742df7]{flex-direction:column}.page-header .header-actions .filter-group .filter-select[data-v-d4742df7]{width:100%}.page-header .header-actions .search-box input[data-v-d4742df7]{font-size:.75rem}.courses-grid[data-v-d4742df7],.stats-section[data-v-d4742df7]{grid-template-columns:1fr}}