:root {
  --primary: #178f93;
  --primary-dark: #176f75;
  --soft: #e5f3f3;
  --selected: #dce9eb;
  --border: #dbe4e8;
  --muted: #7d909b;
  color: #243d4b;
  background: #f4f7f8;
}

.auth-page {
  background: radial-gradient(ellipse at 50% 15%, #fff 0%, #f2f6f7 52%, #e8eff1 100%);
}

.primary {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary));
  box-shadow: 0 7px 18px #178f932b;
}

.nav.active {
  color: var(--primary-dark);
  background: var(--selected);
}

.content {
  min-height: calc(100vh - 58px);
  background: #f4f7f8;
}

.panel {
  box-shadow: 0 2px 8px #36545f08;
}

.notice {
  box-shadow: inset 4px 0 0 var(--primary);
}