body{
 background:#111;
 color:white;
 font-family:Poppins;
}

.hero-section{
 height:300px;
 background:linear-gradient(45deg,#ff512f,#dd2476);
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 animation:fadeIn 2s ease;
}

.category-card{
 border:none;
 border-radius:20px;
 transition:0.4s;
 background:#1e1e1e;
 color:white;
}

.category-card:hover{
 transform:translateY(-10px);
 box-shadow:0 0 20px rgba(255,0,0,0.5);
}

.btn-danger{
 border-radius:30px;
 padding:10px 25px;
}

.table-modern{
 background:#222;
 color:white;
}
.card .btn{
    padding:6px 10px;
    font-size:13px;
    border-radius:8px;
}
.dashboard-card{
 padding:25px;
 border-radius:20px;
 background:linear-gradient(45deg,#ff6a00,#ee0979);
 color:white;
 transition:0.4s;
}

.dashboard-card:hover{
 transform:scale(1.05);
}

@keyframes fadeIn{
 from{
 opacity:0;
 }
 to{
 opacity:1;
 }
}