body {font-family: Arial, sans-serif; margin:0; background:#f9f9f9;}
header {background:#004080; color:#fff; padding:16px;}
nav a {color:#fff; margin-right:12px; text-decoration:none; font-weight:bold;}
main{padding:20px;}
.hero{padding:0; text-align:center;}
.table-wrap{max-height:60vh; overflow:auto; border:1px solid #eee; border-radius:8px; margin-top:12px;}
table{width:100%; border-collapse:collapse;}
th, td{padding:8px; border-bottom:1px solid #eee; text-align:left;}
th{cursor:pointer; background:#f7f7f7;}
.search-box{margin:12px 0;}
input[type=text]{padding:10px; width:100%; border:1px solid #ccc; border-radius:6px;}
footer{background:#004080;color:#fff;padding:16px;text-align:center;margin-top:24px;}