* { box-sizing: border-box; }
body { margin:0; font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#f6f7f9; color:#222; }
.container { max-width: 780px; margin: 32px auto; padding: 0 16px; }
h1 { font-size: 1.8rem; margin: 0 0 12px; }
p { margin: 0 0 16px; }
.card { background:#fff; border-radius: 12px; padding:16px; box-shadow: 0 4px 14px rgba(0,0,0,.06); }
label { display:block; margin: 10px 0; }
input, textarea { width:100%; padding:10px; border:1px solid #ccd1d6; border-radius:8px; font: inherit; }
fieldset { border:1px solid #ccd1d6; padding:10px; border-radius:8px; }
legend { padding: 0 6px; }
button { margin-top:12px; padding:12px 16px; border:0; border-radius:10px; background:#2f6feb; color:#fff; font-weight:600; cursor:pointer; }
button:hover { filter: brightness(1.05); }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse: collapse; }
th, td { border-bottom:1px solid #eceff3; padding:8px; text-align:left; vertical-align: top; }