:root{
  --primary:#4C66AF;    /* blue */
  --secondary:#2E294E;  /* deep purple */
  --accent:#F59E0B;     /* amber (third color) */
  --bg:#F7F8FB;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e2e8f0;
  --white:#ffffff;
}

*{box-sizing:border-box}

body{
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
  background: var(--bg);
  color: var(--text);
}

.container{
  max-width: 960px;
  margin: 20px auto;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius:12px;
  padding:20px;
}

h1{ color: var(--secondary); margin: 0 0 6px 0; }

.alert{
  padding:10px;
  border-radius:8px;
  background:#dbeafe;
  margin-bottom: 12px;
}

/* Buttons */
a.btn, .btn{
  background: var(--primary);
  color:#fff !important;
  padding:8px 14px;
  border-radius:10px;
  text-decoration:none !important;
  display:inline-block;
  border: 1px solid transparent;
  transition: background .15s ease, transform .05s ease, box-shadow .15s ease;
  box-shadow: 0 1px 0 rgba(0,0,0,.05);
}
a.btn:hover, .btn:hover{ background:#3d5693; }
a.btn:active, .btn:active{ transform: translateY(1px); }

.btn.secondary{ background: var(--secondary); }
.btn.secondary:hover{ background:#231f3b; }

.btn.accent{ background: var(--accent); color:#111827 !important; }
.btn.accent:hover{ background:#d97706; }

/* Top navigation links become buttons */
.navigation{
  margin: 12px 0 16px 0;
  display:flex; flex-wrap:wrap; gap:8px;
}
.navigation a{
  background: var(--secondary);
  color:#fff !important;
  padding:8px 12px;
  border-radius:10px;
  text-decoration:none !important;
  display:inline-block;
  border: 1px solid transparent;
}
.navigation a:hover{ background:#231f3b; }

/* Tables */
.table{
  width:100%;
  border-collapse: collapse;
  margin: 8px 0 18px 0;
}
.table th, .table td{
  padding:10px 12px;
  border:1px solid var(--border);
  text-align: left;
}
.table thead th{
  background: var(--secondary);
  color:#fff;
  position: sticky;
  top: 0;
}
.table tbody tr:nth-child(even){
  background: #fafafa;
}
.table tbody tr:hover{
  background: #f1f5f9;
}

/* Utility spacing if needed */
.navbar{ margin-right:10px; }