:root {
  --bg: #081b2b;
  --bg2: #0d2639;
  --side: #081b2b;
  --card: rgba(13, 38, 57, .76);
  --card2: rgba(8, 27, 43, .88);
  --line: rgba(84, 217, 232, .18);
  --cyan: #54d9e8;
  --cyan2: #54d9e8;
  --blue: #2764ff;
  font-family: Manrope, Arial, sans-serif;
}

body {
  background-color: #081b2b;
  background-image: radial-gradient(circle at 58% 0, rgba(84, 217, 232, .13) 0, transparent 32%), linear-gradient(135deg, #0d2639, #081b2b 70%);
}

.sidebar {
  background: linear-gradient(180deg, rgba(8, 27, 43, .99), rgba(13, 38, 57, .97));
  border-right-color: rgba(84, 217, 232, .18);
}

.admin-mode {
  --cyan: #54d9e8;
  --blue: #2764ff;
}

.login-screen {
  background: linear-gradient(135deg, #081b2b, #0d2639);
}

.login-visual {
  background: radial-gradient(circle at 55% 35%, rgba(84, 217, 232, .16), transparent 42%);
}

.login-visual::after {
  background-image: linear-gradient(rgba(84, 217, 232, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(84, 217, 232, .04) 1px, transparent 1px);
}

.login-panel {
  background: rgba(8, 27, 43, .72);
}

.login-card {
  background: linear-gradient(145deg, rgba(13, 38, 57, .96), rgba(8, 27, 43, .96));
}

.login-submit:disabled {
  opacity: .65;
  cursor: not-allowed;
  filter: saturate(.45);
}