.course-list-page-dashboard{min-height:100vh;background:radial-gradient(circle at top left,rgba(13,202,240,.14),transparent 34%),radial-gradient(circle at bottom right,rgba(236,72,153,.12),transparent 32%),linear-gradient(135deg,#08111f,#111827 48%,#172033);color:#f8fafc}.clp-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-gap:20px;gap:20px}.clp-course-card,.clp-hero,.clp-loading,.clp-panel,.clp-sidebar,.clp-top-status{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.2);box-shadow:0 22px 55px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.clp-sidebar{position:-webkit-sticky;position:sticky;top:92px;height:calc(100dvh - 110px);overflow:auto;border-radius:18px;padding:18px}.clp-sidebar-title{display:flex;align-items:center;gap:10px;color:#67e8f9;font-size:18px;font-weight:950;margin-bottom:18px}.clp-sidebar-block{border-top:1px solid rgba(148,163,184,.14);padding-top:14px;margin-top:14px}.clp-sidebar-label{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-weight:900;margin-bottom:10px}.clp-search-box{min-height:46px;border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#94a3b8;background:hsla(0,0%,100%,.06);border:1px solid rgba(148,163,184,.16)}.clp-search-box input{flex:1 1;min-width:0;border:0;outline:0;color:#f8fafc;background:transparent;font-weight:800}.clp-search-box input::placeholder{color:#64748b}.clp-search-box button{width:30px;height:30px;border:0;border-radius:10px;color:#08111f;background:#67e8f9}.clp-filter-list{display:flex;flex-direction:column;gap:8px}.clp-filter-list label{color:#94a3b8;font-size:13px;font-weight:900;margin-top:4px}.clp-filter-list .form-select,.clp-filter-list select{min-height:44px;border-radius:14px;color:#f8fafc!important;background-color:rgba(15,23,42,.98)!important;border-color:rgba(96,165,250,.45)!important;font-weight:800;box-shadow:none!important;color-scheme:dark}.clp-filter-list .form-select option,.clp-filter-list select option{color:#f8fafc!important;background-color:#111827!important;font-weight:800}.clp-filter-list .form-select option:checked,.clp-filter-list select option:checked{color:#fff!important;background-color:#2563eb!important}.clp-reset-btn{min-height:44px;border:0!important;border-radius:14px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;color:#08111f!important;background:#67e8f9!important;font-weight:950!important}.clp-sidebar-highlight,.clp-sidebar-progress,.clp-sidebar-summary{border-radius:16px;padding:14px;background:hsla(0,0%,100%,.05);border:1px solid rgba(148,163,184,.14)}.clp-sidebar-summary div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;color:#94a3b8;font-size:13px}.clp-sidebar-summary div+div{border-top:1px solid rgba(148,163,184,.12)}.clp-sidebar-summary strong{color:#f8fafc;text-align:right}.clp-sidebar-progress{margin-top:16px;background:rgba(13,202,240,.1);border-color:rgba(13,202,240,.22)}.clp-sidebar-progress-bottom,.clp-sidebar-progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.clp-sidebar-progress-top{margin-bottom:10px}.clp-sidebar-progress-bottom span,.clp-sidebar-progress-top span{color:#94a3b8;font-size:12px;font-weight:900}.clp-sidebar-progress-top strong{color:#67e8f9;font-size:18px;font-weight:950}.clp-sidebar-progress-bottom{margin-top:8px}.clp-progressbar{height:10px;border-radius:999px;overflow:hidden;background:hsla(0,0%,100%,.08)}.clp-progressbar .progress-bar{background:linear-gradient(90deg,#06b6d4,#22c55e)}.clp-progress-muted .progress-bar{background:rgba(148,163,184,.5)}.clp-progress-danger .progress-bar{background:linear-gradient(90deg,#ef4444,#f97316)}.clp-progress-warning .progress-bar{background:linear-gradient(90deg,#f59e0b,#fde047)}.clp-progress-info .progress-bar{background:linear-gradient(90deg,#06b6d4,#2563eb)}.clp-progress-success .progress-bar{background:linear-gradient(90deg,#22c55e,#14b8a6)}.clp-sidebar-highlight{display:flex;flex-direction:column;gap:6px;margin-top:16px}.clp-sidebar-highlight svg{color:#fde047;font-size:20px}.clp-sidebar-highlight span{color:#94a3b8;font-size:12px;font-weight:900}.clp-sidebar-highlight strong{color:#f8fafc;font-size:13px;line-height:1.45}.clp-main{min-width:0;display:flex;flex-direction:column;gap:20px}.clp-hero{border-radius:24px;padding:22px;border-color:rgba(13,202,240,.28);background:linear-gradient(135deg,rgba(13,202,240,.16),rgba(139,92,246,.1)),rgba(15,23,42,.76)}.clp-hero-content{display:flex;align-items:center;justify-content:space-between;gap:22px}.clp-hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#22d3ee;font-weight:950;margin-bottom:10px}.clp-hero h1{max-width:850px;color:#f8fafc;font-size:32px;line-height:1.25;font-weight:950;margin-bottom:8px}.clp-hero p{max-width:820px;color:#94a3b8;margin-bottom:0}.clp-header-stats{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.clp-header-stats span{min-width:58px;min-height:42px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;color:#cbd5e1;background:hsla(0,0%,100%,.07);border:1px solid rgba(148,163,184,.16);font-size:13px;font-weight:950}.clp-header-stats strong{color:#f8fafc;font-size:13px;line-height:1}.clp-header-stats svg{color:#67e8f9}.clp-top-status{border-radius:18px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px}.clp-admin-link,.clp-top-status div{border-radius:999px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;color:#cbd5e1;background:hsla(0,0%,100%,.06);font-weight:900;text-decoration:none}.clp-admin-link{color:#422006;background:#fde047}.clp-top-status svg{color:#67e8f9}.clp-panel{border-radius:22px;padding:20px}.clp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.clp-panel-head span,.clp-panel-head strong{display:block}.clp-panel-head span{color:#94a3b8;font-size:13px;font-weight:900}.clp-panel-head strong{color:#f8fafc;font-size:20px;font-weight:950}.clp-level-badge,.clp-soft-badge,.clp-status-badge{border:0!important;border-radius:999px!important;font-weight:950!important}.clp-level-badge,.clp-soft-badge{color:#08111f!important;background:#67e8f9!important}.clp-status-badge{color:#cbd5e1!important;background:hsla(0,0%,100%,.12)!important}.clp-status-success{color:#052e16!important;background:#86efac!important}.clp-status-warning{color:#422006!important;background:#fde047!important}.clp-status-muted{color:#cbd5e1!important;background:hsla(0,0%,100%,.12)!important}.clp-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:18px;gap:18px}.clp-course-card{overflow:hidden;border-radius:24px;color:#f8fafc;text-decoration:none;transition:.22s ease}.clp-course-card:hover{transform:translateY(-4px);border-color:rgba(13,202,240,.48);box-shadow:0 22px 55px rgba(13,202,240,.12);color:#fff}.clp-course-cover{position:relative;min-height:170px;overflow:hidden;background:radial-gradient(circle at 24px 24px,hsla(0,0%,100%,.2),transparent 3px),linear-gradient(135deg,#172554,#0f172a 52%,#312e81);background-size:28px 28px,cover}.clp-cover-pattern{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(13,202,240,.28),transparent 28%),radial-gradient(circle at bottom left,rgba(236,72,153,.24),transparent 28%)}.clp-level-badge{position:absolute;top:14px;left:14px}.clp-status-badge{position:absolute;top:14px;right:14px}.clp-cover-icon{position:absolute;left:50%;top:54%;width:72px;height:72px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;color:#08111f;background:#67e8f9;font-size:30px;transform:translate(-50%,-50%);box-shadow:0 22px 55px rgba(13,202,240,.22)}.clp-course-body{padding:20px}.clp-course-body h2{color:#f8fafc;font-size:21px;font-weight:950;line-height:1.35;margin-bottom:10px}.clp-course-body p{min-height:58px;color:#94a3b8;margin-bottom:16px}.clp-course-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.clp-course-meta span{border-radius:999px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;color:#cbd5e1;background:hsla(0,0%,100%,.07);font-size:12px;font-weight:850}.clp-course-meta svg{color:#67e8f9}.clp-course-progress{margin-bottom:16px}.clp-course-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.clp-course-progress span{color:#94a3b8;font-size:13px;font-weight:900}.clp-course-progress strong{color:#f8fafc;font-weight:950}.clp-completed-text{display:inline-flex;align-items:center;gap:6px;color:#86efac;margin-top:8px;font-weight:900}.clp-course-button{min-height:46px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;color:#08111f;background:#67e8f9;font-weight:950}.clp-empty,.clp-loading{min-height:280px;border-radius:22px;padding:24px;border:1px dashed rgba(148,163,184,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#94a3b8;text-align:center}.clp-empty svg{color:#67e8f9;font-size:42px}.clp-empty h3{color:#f8fafc;font-weight:950;margin:0}.clp-empty p{margin:0}.clp-footer{border-radius:18px;padding:22px;color:#64748b;background:rgba(2,6,23,.24);border:1px solid rgba(148,163,184,.12);text-align:center;font-size:13px}.light-mode .course-list-page-dashboard,.theme-light .course-list-page-dashboard{background:linear-gradient(135deg,#f8fafc,#eef6ff);color:#0f172a}.light-mode .clp-course-card,.light-mode .clp-hero,.light-mode .clp-loading,.light-mode .clp-panel,.light-mode .clp-sidebar,.light-mode .clp-top-status,.theme-light .clp-course-card,.theme-light .clp-hero,.theme-light .clp-loading,.theme-light .clp-panel,.theme-light .clp-sidebar,.theme-light .clp-top-status{background:hsla(0,0%,100%,.92);border-color:rgba(15,23,42,.1);box-shadow:0 20px 50px rgba(15,23,42,.08)}.light-mode .clp-hero,.theme-light .clp-hero{background:linear-gradient(135deg,rgba(13,202,240,.14),rgba(59,130,246,.08)),#fff}.light-mode .clp-course-body h2,.light-mode .clp-empty h3,.light-mode .clp-hero h1,.light-mode .clp-panel-head strong,.light-mode .clp-sidebar-highlight strong,.light-mode .clp-sidebar-summary strong,.theme-light .clp-course-body h2,.theme-light .clp-empty h3,.theme-light .clp-hero h1,.theme-light .clp-panel-head strong,.theme-light .clp-sidebar-highlight strong,.theme-light .clp-sidebar-summary strong{color:#0f172a}.light-mode .clp-course-body p,.light-mode .clp-hero p,.light-mode .clp-panel-head span,.light-mode .clp-sidebar-summary div,.theme-light .clp-course-body p,.theme-light .clp-hero p,.theme-light .clp-panel-head span,.theme-light .clp-sidebar-summary div{color:#475569}.light-mode .clp-search-box,.theme-light .clp-search-box{color:#0f172a;background:#fff;border-color:rgba(15,23,42,.12)}.light-mode .clp-search-box input,.theme-light .clp-search-box input{color:#0f172a}@media (max-width:1200px){.clp-layout{grid-template-columns:1fr}.clp-sidebar{position:static;height:auto}.clp-hero-content{flex-direction:column;align-items:flex-start}.clp-header-stats{justify-content:flex-start}}@media (max-width:576px){.clp-course-card,.clp-hero,.clp-panel,.clp-sidebar{border-radius:18px}.clp-hero,.clp-panel{padding:16px}.clp-hero h1{font-size:26px}.clp-header-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.clp-header-stats span{justify-content:center}.clp-course-grid{grid-template-columns:1fr}.clp-panel-head,.clp-top-status{flex-direction:column;align-items:stretch}.clp-admin-link,.clp-top-status div{justify-content:center}}