body {background:#f9fafb;color:#222;font-family:Segoe UI,sans-serif;font-size:15px;}
nav {background:#fff;border-bottom:1px solid #ddd;padding:12px;display:flex;gap:10px;flex-wrap:wrap;}
nav a {color:#333;text-decoration:none;padding:8px 14px;border:1px solid #ddd;border-radius:6px;}
nav a:hover, nav a.active {background:#007bff;color:#fff;}
.card {background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin:8px 0;}
.btn {padding:6px 12px;border-radius:6px;text-decoration:none;color:#fff;margin:2px;display:inline-block;}
.btn-blue {background:#007bff;}
.btn-green {background:#28a745;}
.btn-red {background:#dc3545;}
table {width:100%;border-collapse:collapse;margin-top:10px;}
th, td {padding:8px;border:1px solid #ccc;text-align:left;}
tr:nth-child(even) {background:#f2f2f2;}