:root{font-family:system-ui,sans-serif;color:#17324d;background:#f5f7fa}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid #dce3eb}nav{display:flex;align-items:center;gap:1rem}main{max-width:1000px;margin:2rem auto;padding:0 1rem}a{color:#095f9d}article{background:white;padding:1rem 1.5rem;margin:1rem 0;border:1px solid #dce3eb;border-radius:8px}label{display:block;margin:1rem 0}input,button{font:inherit;padding:.6rem}button{cursor:pointer}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.6rem;border-bottom:1px solid #dce3eb}