body {
  font-family: Arial;
  background: #f4f6f8;
  padding: 40px;
}

.login-box {
  width: 300px;
  margin: auto;
  padding: 20px;
  background: white;
  border-radius: 6px;
}

input, button {
  width: 100%;
  margin: 10px 0;
  padding: 8px;
}

.stats div {
  background: white;
  padding: 15px;
  margin: 10px 0;
  border-radius: 5px;
}

.exam-builder{
margin-top:40px;
padding:20px;
border:1px solid #ddd;
border-radius:8px;
background:#fafafa;
}

.exam-builder input,
.exam-builder select{
display:block;
margin-bottom:10px;
width:100%;
padding:8px;
}

.exam-builder button{
background:#4CAF50;
color:white;
padding:10px 20px;
border:none;
cursor:pointer;
}

body{
background:#f4f6f9;
font-family:Arial,Helvetica,sans-serif;
margin:0;
}

/* MAIN */

.main{
max-width:1100px;
margin:auto;
padding:30px;
}

/* TITLE */

h1{
margin-bottom:25px;
}

/* CARDS */

.card{
background:white;
padding:24px;
border-radius:14px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
margin-bottom:25px;
transition:0.25s;
}

.card:hover{
transform:translateY(-3px);
box-shadow:0 15px 40px rgba(0,0,0,0.12);
}

/* INPUTS */

input,textarea,select{
width:100%;
padding:10px;
margin-top:10px;
margin-bottom:12px;
border-radius:8px;
border:1px solid #ddd;
font-size:14px;
}

textarea{
resize:vertical;
}

/* BUTTONS */

button{
background:#2563eb;
color:white;
border:none;
padding:10px 16px;
border-radius:8px;
cursor:pointer;
font-weight:600;
margin-top:8px;
}

button:hover{
background:#1d4ed8;
}

.btn-secondary{
background:#6b7280;
}

.btn-secondary:hover{
background:#4b5563;
}

/* MODULE LIST */

#modulesList li,
#lessonsList li{
list-style:none;
padding:10px 14px;
background:#f9fafb;
margin-bottom:8px;
border-radius:8px;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
}

#modulesList li.active,
#lessonsList li.active{
background:#2563eb;
color:white;
}

/* VIDEO / PDF PREVIEW */

video{
border-radius:10px;
box-shadow:0 4px 12px rgba(0,0,0,0.1);
}

iframe{
border-radius:10px;
}

/* BACK BUTTON */

.main button:first-child{
margin-bottom:20px;
}