.courses-container{max-width:1100px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem 5rem}.courses-loading{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.courses-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem;display:flex}.courses-title{background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-family:Syne,sans-serif;font-size:2.25rem;font-weight:800}.courses-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.btn-add-course{background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #06b6d44d}.btn-add-course:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d473}.btn-add-course svg{width:18px;height:18px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.course-card{background:var(--card-bg);border:1px solid var(--border-subtle);color:inherit;border-radius:18px;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 3.5rem;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.course-card:hover{border-color:var(--course-color,var(--primary-cyan));transform:translateY(-5px);box-shadow:0 12px 32px #0000002e}.course-card-accent{background:var(--course-color,var(--primary-cyan));opacity:0;border-radius:18px 18px 0 0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.course-card:hover .course-card-accent{opacity:1}.course-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.course-icon{letter-spacing:.03em;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.125rem;font-weight:800;display:flex}.course-semester-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);border:1px solid var(--border-subtle);background:#ffffff0f;border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.course-card-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.course-card-prof{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem;overflow:hidden}.course-card-stats{border-top:1px solid var(--border-subtle);align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.course-stat{flex-direction:column;flex:1;align-items:center;gap:.125rem;display:flex}.course-stat-num{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:800;line-height:1}.course-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.675rem;font-weight:500}.course-stat-sep{background:var(--border-subtle);flex-shrink:0;width:1px;height:28px}.course-card-arrow{width:28px;height:28px;color:var(--text-tertiary);justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}.course-card-arrow svg{width:18px;height:18px}.course-card:hover .course-card-arrow{color:var(--course-color,var(--primary-cyan));transform:translate(3px)}.course-card-add{border:2px dashed var(--border-subtle);cursor:pointer;min-height:180px;color:var(--text-tertiary);border-radius:18px;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:flex}.course-card-add:hover{border-color:var(--primary-cyan);color:var(--primary-cyan);background:#06b6d40a}.course-add-inner{flex-direction:column;align-items:center;gap:.75rem;font-size:.875rem;font-weight:600;display:flex}.course-add-inner svg{stroke-width:1.5px;width:32px;height:32px}.courses-empty{text-align:center;max-width:480px;margin:0 auto;padding:4rem 2rem}.courses-empty-visual{margin-bottom:2rem}.courses-empty-icon-ring{background:linear-gradient(135deg,#06b6d41f,#a855f71f);border:2px solid #06b6d433;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;display:flex}.courses-empty-icon-ring svg{width:44px;height:44px;stroke:var(--primary-cyan)}.courses-empty-title{color:var(--text-primary);margin:0 0 .75rem;font-family:Syne,sans-serif;font-size:1.75rem;font-weight:700}.courses-empty-text{color:var(--text-secondary);margin:0 0 2rem;font-size:1rem;line-height:1.65}@media (max-width:640px){.courses-container{padding:1.25rem 1rem 6rem}.courses-header{flex-direction:column;align-items:flex-start}.courses-title{font-size:1.75rem}.courses-grid{grid-template-columns:1fr}}