body {
  background: #101010;
  color: #EEE;
  font-family: sans-serif;
  padding: 20px;
}
nav {
  margin-bottom: 1em;
}
a { color: #4AFF4A; }
h2 { margin-top: 0; }
.form-box, table {
  background: #1A1A1A;
  padding: 1em;
  border-radius: 8px;
}
.form-box label {
  display: block;
  margin: 0.5em 0;
}
.form-box input {
  width: 100%;
  padding: 0.4em;
  background: #2A2A2A;
  border: 1px solid #444;
  border-radius: 4px;
  color: #EEE;
}
button {
  margin-top: 0.5em;
  padding: 0.6em 1.2em;
  background: #4AFF4A;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.error { color: #FF6666; }
.success { color: #66FF66; }

table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  padding: 0.5em;
  border-bottom: 1px solid #333;
  text-align: left;
}
/* in your style.css (or inside <style> on login.php) */
.form-box input[type="text"],
.form-box input[type="password"] {
  width: 100%;        /* let it fill its container up to the max */
  max-width: 300px;   /* but never grow wider than 300px */
  box-sizing: border-box; /* include padding/border in that width */
}