
/* Professional dashboard refinement */
.chart-subtitle{margin:-5px 0 12px;color:#7895ae;font-size:11px;font-weight:650}.position-chartbox{height:310px!important;padding:6px 4px 0}
.course-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0 16px!important}
.course-record{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;padding:11px 13px;border-radius:19px;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.115);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 28px rgba(0,0,0,.08);transition:transform .2s ease,border-color .2s ease,background .2s ease;overflow:hidden}
.course-record:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(#64d2ff,#30d158);opacity:.75}.course-record:hover{transform:translateY(-2px);border-color:rgba(100,210,255,.25);background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045))}
.course-index{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#bcecff;background:rgba(10,132,255,.13);border:1px solid rgba(100,210,255,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.course-record-main{min-width:0;display:flex;flex-direction:column;gap:4px}.course-record-label{font-size:9px;font-weight:800;color:#6f91ac;letter-spacing:.2px}.course-record-main strong{font-size:12px;line-height:1.75;color:#edf8ff;font-weight:760;overflow-wrap:anywhere}
.course-status{font-size:9px;font-weight:850;white-space:nowrap;color:#8ff0b2;background:rgba(48,209,88,.09);border:1px solid rgba(48,209,88,.13);padding:5px 8px;border-radius:999px}
.course-remove{display:none!important;position:absolute!important;top:8px!important;left:8px!important;width:30px!important;height:30px!important;z-index:3}.course-delete-mode .course-record{padding-left:50px;border-color:rgba(255,69,58,.17)}.course-delete-mode .course-remove{display:grid!important}.course-delete-mode .course-status{display:none}
.course-tools{display:flex;justify-content:flex-start;margin:4px 0 12px}.manage-courses-btn{font-family:inherit!important;border-radius:13px!important;padding:9px 13px!important;font-size:11px!important}.manage-courses-btn:not(.active){opacity:.72}.manage-courses-btn.active{background:rgba(255,69,58,.13)!important;border-color:rgba(255,69,58,.25)!important;color:#ffd0cc!important}
.course-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:110px;text-align:center;border:1px dashed rgba(100,210,255,.18);border-radius:20px;background:rgba(255,255,255,.025);color:#8ca8bf}.course-empty b{color:#ddecf7;font-size:13px}.course-empty span{font-size:10px}
/* more premium chart/card treatment */
.grid>.card{position:relative;overflow:hidden;border-radius:25px!important}.grid>.card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(100,210,255,.055);filter:blur(8px);left:-70px;top:-90px;pointer-events:none}.grid>.card h2{position:relative;font-size:14px;letter-spacing:-.2px}
body.light .course-record{background:rgba(255,255,255,.58);border-color:rgba(80,110,140,.10);box-shadow:inset 0 1px 0 #fff,0 10px 26px rgba(80,110,140,.08)}body.light .course-record-main strong{color:#17324d}body.light .course-record-label{color:#7890a5}body.light .course-index{color:#0874d1;background:rgba(10,132,255,.08)}body.light .course-empty b{color:#24445f}
@media(max-width:760px){.course-grid{grid-template-columns:1fr!important}.position-chartbox{height:330px!important}.course-record{grid-template-columns:36px minmax(0,1fr) auto}.course-status{font-size:8px}}
