/* =========================== */
/* style.css */
/* =========================== */



/* BODY */
/* পুরো website background */
body{

  margin:0;

  font-family:Arial;

  background:#050816;

  color:white;

}





/* MAIN CONTAINER */
/* sidebar আর content কে পাশাপাশি রাখবে */
.container{

  display:flex;

}





/* SIDEBAR */
.sidebar{

  width:250px;

  height:100vh;

  background:#0b1120;

  padding:20px;

}





/* LOGO */
.logo{

  color:white;

  margin-bottom:5px;

}





/* SMALL TEXT */
.sub-text{

  color:gray;

  margin-top:0;

}





/* MENU */
.menu{

  list-style:none;

  padding:0;

  margin-top:40px;

}





/* MENU ITEMS */
.menu li{

  padding:15px;

  margin-bottom:10px;

  border-radius:10px;

  cursor:pointer;

}





/* ACTIVE MENU */
.active{

  background:#6d28d9;

}





/* HOVER EFFECT */
.menu li:hover{

  background:#6d28d9;

}





/* MAIN CONTENT */
.main-content{

  flex:1;

  padding:30px;

}





/* TOP BAR */
.top-bar{

  display:flex;

  justify-content:flex-end;

  margin-bottom:30px;

}





/* DATE BOX */
.date-box{

  background:#111827;

  padding:15px 20px;

  border-radius:10px;

}





/* CARDS */
.cards{

  display:flex;

  gap:20px;

  margin-bottom:30px;

}





/* SINGLE CARD */
.card{

  flex:1;

  background:#111827;

  padding:20px;

  border-radius:15px;

}





/* GREEN CARD */
.green{

  background:#064e3b;

}





/* RED CARD */
.red{

  background:#7f1d1d;

}





/* YELLOW CARD */
.yellow{

  background:#78350f;

}





/* ATTENDANCE BOX */
.attendance-box{

  background:#111827;

  padding:20px;

  border-radius:20px;

}





/* HEADER */
.attendance-header{

  display:flex;

  justify-content:space-between;

  align-items:center;

}





/* SAVE BUTTON */
.save-btn{

  background:#6d28d9;

  color:white;

  border:none;

  padding:12px 20px;

  border-radius:10px;

  cursor:pointer;

}





/* WEEKS */
.weeks{

  display:flex;

  gap:15px;

  margin-top:30px;

  margin-bottom:30px;

}





/* WEEK BUTTON */
.week{

  background:#1f2937;

  padding:15px 25px;

  border-radius:10px;

}





/* ACTIVE WEEK */
.active-week{

  background:#6d28d9;

}





/* TABLE HEADER */
.table-header{

  display:flex;

  background:#1f2937;

  padding:15px;

  border-radius:10px;

  font-weight:bold;

}





/* STUDENT ROW */
.student-row{

  display:flex;

  padding:20px 15px;

  border-bottom:1px solid #374151;

  align-items:center;

}





/* NAME */
.name{

  width:35%;

}





/* COURSE */
.course{

  width:30%;

}





/* STATUS */
.status{

  width:35%;

}





/* PRESENT BUTTON */
.present-btn{

  background:#22c55e;

  color:white;

  border:none;

  padding:10px 20px;

  border-radius:10px;

  margin-right:10px;

  cursor:pointer;

}





/* ABSENT BUTTON */
.absent-btn{

  background:#ef4444;

  color:white;

  border:none;

  padding:10px 20px;

  border-radius:10px;

  cursor:pointer;

}