*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui}
body{background:#f6f7f9;color:#333}
header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:65px;background:#2d3748;color:#fff}
.logo{font-size:20px;font-weight:600}
nav a{color:#fff;margin-left:18px;text-decoration:none}
.banner{background:#4299e1;padding:60px 20px;text-align:center;color:#fff}
.banner h1{margin-bottom:16px}
.btn{background:#3182ce;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none}
.container{max-width:1000px;margin:30px auto;padding:0 20px}
.card-box{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.card{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 10px #0001}
.table{width:100%;background:#fff;border-collapse:collapse;margin-top:20px}
.table th,.table td{padding:12px;border:1px solid #eee}
.table th{background:#f7fafc}
.login-body{display:grid;place-items:center;height:100vh;background:#edf2f7}
.login-box{background:#fff;padding:30px;border-radius:10px;width:320px;text-align:center}
.login-box input{width:100%;margin:8px 0;padding:10px;border:1px solid #ddd;border-radius:6px}
.login-box button{width:100%;padding:10px;background:#4299e1;color:#fff;border:none;border-radius:6px;margin-top:10px}
.search-form{background:#fff;padding:15px;border-radius:8px;margin-bottom:15px}
input,select{padding:8px;margin-right:6px;border:1px solid #ddd;border-radius:6px}
button{background:#4299e1;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}
footer{background:#2d3748;color:#fff;text-align:center;padding:24px;margin-top:40px}