:root{font-family:system-ui,-apple-system,sans-serif;color:#21303d;background:#f4f7fa;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:2rem auto;padding:1.5rem;background:white;border-radius:12px}h1,h2{color:#183c5b}nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #d5dfe7;padding-bottom:1rem;margin-bottom:1.5rem}nav form{margin-left:auto}a{color:#075aa3}a[aria-current=page]{font-weight:bold}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:.8rem;border-bottom:1px solid #d5dfe7;vertical-align:top}th{background:#edf3f7}.table-wrap{overflow:auto}label{display:block;font-weight:600}input,select,button{font:inherit;padding:.6rem;border:1px solid #9aacbb;border-radius:5px}input,select{max-width:100%;display:block;margin:.3rem 0 1rem}button{background:#0b5b91;color:white;border:0;cursor:pointer}button:hover{background:#08456e}.login{max-width:430px;margin:7vh auto}.login input{width:100%}.filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}[role=alert]{background:#fff0ef;padding:1rem;color:#8c1710}@media(max-width:650px){main{margin:0;padding:1rem;border-radius:0}th,td{padding:.6rem}nav{gap:.7rem}nav form{margin-left:0}}