/* Estilo simples e responsivo */
body { font-family: Arial, sans-serif; background:#f5f5f5; color:#222; margin:0; padding:20px; }
.container { max-width:900px; margin:0 auto; background:#fff; padding:20px; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
h1 { margin-top:0; }
form label { display:block; margin-bottom:12px; }
input[type=text], input[type=email], input[type=password], textarea, select { width:100%; padding:10px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; }
button { padding:10px 16px; border:0; background:#2d89ef; color:#fff; border-radius:6px; cursor:pointer; }
.note { color:#666; font-size:0.9em; }
.top { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.cards { display:flex; gap:12px; }
.card { background:#fafafa; padding:12px; border-radius:6px; flex:1; text-align:center; }
table.list { width:100%; border-collapse:collapse; }
table.list th, table.list td { padding:8px; border-bottom:1px solid #eee; text-align:left; }
.error { color:#b00020; }
@media(max-width:600px){ .cards{flex-direction:column} }