* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: #f4f5f7;
  color: #1f2430;
  display: flex;
  min-height: 100vh;
}

nav#nav {
  width: 200px;
  flex-shrink: 0;
  background: #1f2430;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
}
nav#nav a {
  color: #c7cbd6;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 14px;
}
nav#nav a:hover { background: #2a3040; color: #fff; }
nav#nav a.ativo { background: #3654ff; color: #fff; }

main {
  flex: 1;
  padding: 24px 32px;
  max-width: 960px;
}

h1 { font-size: 20px; margin: 0 0 20px; }

table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 6px; overflow: hidden; }
th, td { text-align: left; padding: 8px 12px; border-bottom: 1px solid #e7e9ee; font-size: 14px; }
th { background: #eef0f4; font-weight: 600; }

.form-linha { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
input, select, textarea {
  padding: 6px 10px;
  border: 1px solid #d3d6dd;
  border-radius: 4px;
  font-size: 14px;
}
button {
  background: #3654ff;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 7px 14px;
  font-size: 14px;
  cursor: pointer;
}
button.secundario { background: #6b7280; }
button.perigo { background: #d5432f; }
button:hover { opacity: 0.9; }

.mensagem { margin: 8px 0; font-size: 13px; }
.mensagem.erro { color: #d5432f; }
.mensagem.sucesso { color: #1c8a4a; }

.cartao { background: #fff; border-radius: 6px; padding: 16px; margin-bottom: 16px; }