/* public/css/app.css - primary color #0033FF */
:root{
  --primary: #0033FF;
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 20px;
  background: #f7f7fb;
  color: #0033FF;
}

.container {
  max-width: 980px;
  margin: 0 auto;
  background: #fff;
  padding: 18px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

h1, h2, label {
  color: var(--primary);
}

.btn {
  background: var(--primary);
  color: #fff;
  border: none;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
}

a {
    color: #0033FF;
}
button, input[type=submit] {
    background-color: #0033FF;
    color: white;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
}

.btn:hover { opacity: 0.95; }

.alert { padding: 10px; border-radius: 6px; margin-bottom: 12px; }
.alert.success { background: #e6f0ff; color: var(--primary); }
.alert.error { background: #ffe6e6; color: #b30000; }

.mb { margin-bottom: 12px; }

.users { width: 100%; border-collapse: collapse; margin-top:12px; }
.users th, .users td { padding:8px; border-bottom: 1px solid #eee; text-align:left; }