body{font-family: Arial,sans-serif;margin:0;padding:0;background:#f4f4f4;}
header{background:#333;color:#fff;padding:10px 0;}
.navbar{display:flex;justify-content:space-between;align-items:center;width:90%;margin:auto;}
.navbar ul{list-style:none;display:flex;margin:0;padding:0;}
.navbar ul li{margin-left:20px;}
.navbar ul li a{color:#fff;text-decoration:none;}
main{width:90%;margin:auto;padding:20px;}
.dashboard .cards{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;}
.card{flex:1;min-width:120px;padding:20px;color:#fff;border-radius:8px;text-align:center;font-weight:bold;}
.green{background:#28a745;}
.red{background:#dc3545;}
.blue{background:#007bff;}
.orange{background:#fd7e14;}
.purple{background:#6f42c1;}
.btn{display:inline-block;margin:5px 0;padding:10px 15px;background:#007bff;color:#fff;text-decoration:none;border-radius:5px;}
table{width:100%;border-collapse:collapse;margin-top:20px;}
table th, table td{border:1px solid #ddd;padding:8px;text-align:center;}
table th{background:#007bff;color:#fff;}
input, select, button{padding:8px;margin:5px 0;width:100%;border-radius:5px;border:1px solid #ccc;}
button{background:#28a745;color:#fff;border:none;}
@media(max-width:768px){.dashboard .cards{flex-direction:column;}}