body {
  background: #111;
  color: #f5f5f5;
  font-family: "Segoe UI", sans-serif;
  margin: 0;
}
.container { padding: 20px; }
h1,h2 { color: #00c8ff; }
.btn {
  background: #00c8ff;
  color: #111;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  text-decoration: none;
  font-weight: bold;
  margin: 2px;
  display: inline-block;
}
.btn.small { padding: 3px 8px; font-size: 0.9em; }
.btn:hover { background: #00a8e8; color:#fff; }
.tabela { width: 100%; border-collapse: collapse; margin-top: 20px; }
.tabela th, .tabela td { border-bottom: 1px solid #333; padding: 8px; }
.login { max-width: 400px; margin: 80px auto; background: #222; padding: 20px; border-radius: 10px; }
.login input { width: 100%; margin: 6px 0; padding: 8px; border-radius: 5px; border: none; }