body{font-family:Arial;background:#f4f6f9;margin:0;}
.header{background:#1f2937;color:white;padding:15px;font-size:20px;}
.menu{background:#111827;padding:10px;}
.menu a{color:white;margin-right:15px;text-decoration:none;}
.container{padding:20px;}

.card{
display:inline-block;
background:white;
padding:20px;
margin:10px;
border-radius:8px;
box-shadow:0 2px 5px rgba(0,0,0,0.1);
min-width:200px;
}

table{
width:100%;
background:white;
border-collapse:collapse;
margin-top:20px;
}

th,td{
padding:10px;
border-bottom:1px solid #ddd;
text-align:center;
}

.badge{
padding:5px 10px;
border-radius:5px;
color:white;
font-size:12px;
}

.activa{background:#22c55e;}
.vencer{background:#facc15;color:black;}
.vencida{background:#ef4444;}

.btn{
padding:5px 10px;
border-radius:5px;
text-decoration:none;
color:white;
font-size:12px;
margin-right:5px;
}

.btn-green{background:#22c55e;}
.btn-blue{background:#3b82f6;}
.btn-red{background:#ef4444;}
.btn-wa{background:#25D366;}