body { font-family: system-ui, sans-serif; background: #f5f6f8; color: #222; margin: 0; }
main { max-width: 640px; margin: 40px auto; padding: 0 16px; }
form { display: grid; gap: 12px; background: #fff; padding: 20px; border-radius: 8px; }
label { display: grid; gap: 4px; font-size: 14px; }
input { padding: 8px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; }
button { padding: 8px 16px; font-size: 14px; cursor: pointer; }
.bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
th { background: #eef1f5; }
#message { color: #b00020; }