:root {
  --purple:#6B21A8;
  --purple-2:#7C3AED;
  --bg:#F7F5FF;
  --muted:#6B7280;
  --card:#fff;
  --glass: rgba(255,255,255,0.6);
}
body {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%) no-repeat center center / cover;
  color: white;
  height: 100vh;
}

.container{padding:20px; max-width:1200px; margin:auto;}
h1,h2,h3{margin:0 0 10px 0}
.card {background:var(--card); color:#333; padding:20px; border-radius:12px; margin-bottom:20px; box-shadow:0 10px 20px rgba(0,0,0,0.1);}
button{background:var(--purple); color:white; border:none; padding:10px 16px; border-radius:10px; cursor:pointer;}
button:hover{opacity:0.9;}
input, select{padding:10px; border-radius:8px; border:1px solid #ccc; width:100%; margin-bottom:12px;}
.lesson-card{background:#fff;color:#333;padding:15px;border-radius:12px;box-shadow:0 6px 18px rgba(99,102,241,0.06);margin-bottom:12px;}
.lesson-card h4{color:var(--purple); margin-bottom:8px;}
.file-links a{padding:6px 10px;background:#F4F1FF;color:var(--purple);border-radius:8px;margin-right:6px;text-decoration:none;font-size:13px;}
.delete-btn{color:red;cursor:pointer;font-size:13px;text-decoration:underline;}

.progress {
  width: 100%;
  background: #ddd;
  border-radius: 20px;
  overflow: hidden;
  height: 20px;
  margin-top: 10px;
}

.progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #7c3aed, #a78bfa);
  width: 0%;
  text-align: center;
  color: white;
  font-size: 12px;
  line-height: 20px;
  border-radius: 20px;
  transition: width 0.4s ease;
}