:root {
  --navy: #10243f;
  --teal: #0e6e6a;
  --teal-2: #14958f;
  --sand: #f4f7fb;
  --ink: #1c2430;
  --line: #e3e8ef;
  --mywash-primary: var(--teal);
  --mywash-primary-rgb: 14, 110, 106;
  --mywash-secondary: var(--navy);
  --mywash-accent: var(--navy);
  --bs-primary: var(--teal);
  --bs-primary-rgb: 14, 110, 106;
  --bs-link-color: var(--teal);
  --bs-body-font-family: "Avenir Next", "Segoe UI", sans-serif;
  --bs-body-color: var(--ink);
  --bs-border-radius: .8rem;
}
body {
  background: var(--sand);
  color: var(--ink);
}
.topbar, .topbar-custom {
  background: #fff !important;
  border-bottom: 1px solid var(--line);
}
.topbar-title { color: var(--navy); font-weight: 700; }
.startbar {
  background: var(--navy) !important;
  color: #fff;
}
.startbar .nav-link,
.startbar .navbar-nav .nav-link,
.startbar .logo {
  color: #e7eef6 !important;
}
.startbar .startbar-menu .navbar-nav .nav-item .nav-link.active,
.startbar .startbar-menu .navbar-nav .nav-item .nav-link:hover,
.startbar .nav-link.active {
  color: #fff !important;
  background: rgba(20, 149, 143, .28) !important;
  border-radius: 12px;
}
.page-wrapper, .page-content { background: transparent; }
.card {
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(16, 36, 63, .06);
}
.card-header {
  background: transparent;
  border-bottom: 1px solid var(--line);
  color: var(--navy);
  font-weight: 700;
}
.table { --bs-table-bg: transparent; }
.table thead th {
  color: var(--navy);
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  border-bottom-color: var(--line);
}
.table td { vertical-align: middle; }
.btn {
  border-radius: 999px;
  min-height: 40px;
  font-weight: 600;
}
.btn-primary, .btn-primary:focus {
  background-color: var(--teal) !important;
  border-color: var(--teal) !important;
}
.btn-primary:hover {
  background-color: var(--teal-2) !important;
  border-color: var(--teal-2) !important;
}
.btn-outline-primary {
  color: var(--navy);
  border-color: var(--line);
}
.form-control, .form-select {
  border-radius: 12px;
  border-color: var(--line);
  min-height: 44px;
}
.form-control:focus, .form-select:focus {
  border-color: var(--teal);
  box-shadow: 0 0 0 .2rem rgba(14, 110, 106, .18);
}
.badge { border-radius: 999px; font-weight: 600; }
.alert { border: 0; border-radius: 14px; }
.page-title, h4, .card h4 { color: var(--navy); }
.register-left {
  background: linear-gradient(160deg, var(--navy), #1b3a5f 60%, var(--teal));
  box-shadow: none;
}
.login-wrapper { background: var(--sand); }
.form-card {
  border: 0 !important;
  box-shadow: 0 18px 50px rgba(16, 36, 63, .12);
}
.auth-header-box { background: transparent; }
a:focus-visible, button:focus-visible, .form-control:focus-visible {
  outline: 3px solid rgba(14, 110, 106, .45);
  outline-offset: 2px;
}
@media (max-width: 768px) {
  .table-responsive, .table { font-size: 14px; }
}