/* style.css */
body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;background:#f7f8fb}
header{background:#3f51b5;color:#fff;padding:1rem 1.25rem}
nav{background:#303f9f}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
nav li{margin:0}
nav a{display:block;padding:.8rem 1rem;color:#fff;text-decoration:none}
nav a:hover{background:#1f2a7a}
main{max-width:1100px;margin:1.5rem auto;background:#fff;padding:1.25rem 1.5rem;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.06)}
h1,h2{margin:.2rem 0 .6rem}
table{width:100%;border-collapse:collapse;margin:1rem 0}
th,td{padding:.7rem;border:1px solid #e6e8f0;text-align:left;vertical-align:top}
th{background:#eef1ff}
.btn{display:inline-block;padding:.5rem .8rem;background:#3f51b5;color:#fff;border-radius:6px;text-decoration:none}
.note{background:#fff8e1;border:1px solid #ffe082;padding:.75rem;border-radius:8px}
footer{background:#3f51b5;color:#fff;text-align:center;padding:.7rem;margin-top:2rem}
input[type="text"],input[type="date"],select,textarea{width:100%;padding:.55rem;border:1px solid #ccd1e6;border-radius:6px}
label{font-weight:600}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.muted{color:#5b617a;font-size:.95rem}
.checkbox{text-align:center}