:root {
  --sky-bg-1: #081521;
  --sky-bg-2: #102b3f;
  --sky-accent: #14b8a6;
  --sky-accent-2: #38bdf8;
  --sky-panel: rgba(8, 21, 33, 0.84);
  --sky-text: #e7f4ff;
  --sky-muted: #b9cad8;
}
html, body {
  background:
    radial-gradient(circle at top right, rgba(20,184,166,.22), transparent 30%),
    radial-gradient(circle at left bottom, rgba(56,189,248,.18), transparent 28%),
    linear-gradient(135deg, var(--sky-bg-1), var(--sky-bg-2)) !important;
  color: var(--sky-text);
}
body.skytech-rmm,
body.skytech-rmm #q-app,
body.skytech-rmm .q-layout,
body.skytech-rmm .q-page,
body.skytech-rmm .q-page-container,
body.skytech-rmm .q-drawer,
body.skytech-rmm .q-header,
body.skytech-rmm .q-footer {
  background: transparent !important;
  color: var(--sky-text) !important;
}
body.skytech-rmm .q-card,
body.skytech-rmm .q-banner,
body.skytech-rmm .q-dialog__inner > div,
body.skytech-rmm .login-box,
body.skytech-rmm form,
body.skytech-rmm .bg-white,
body.skytech-rmm .bg-grey-1 {
  backdrop-filter: blur(10px);
  background: var(--sky-panel) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.35) !important;
  border-radius: 18px !important;
  color: var(--sky-text) !important;
}
body.skytech-rmm .text-black,
body.skytech-rmm .text-dark,
body.skytech-rmm .text-grey-8,
body.skytech-rmm .text-grey-9,
body.skytech-rmm .text-body1,
body.skytech-rmm .text-body2,
body.skytech-rmm .q-banner__content,
body.skytech-rmm p,
body.skytech-rmm h1,
body.skytech-rmm h2,
body.skytech-rmm h3,
body.skytech-rmm h4,
body.skytech-rmm span,
body.skytech-rmm label,
body.skytech-rmm div {
  color: inherit;
}
body.skytech-rmm .q-btn,
body.skytech-rmm button,
body.skytech-rmm input,
body.skytech-rmm .q-field__native,
body.skytech-rmm .q-field__control {
  border-radius: 12px !important;
}
body.skytech-rmm .q-field__control,
body.skytech-rmm input {
  background: rgba(255,255,255,.06) !important;
  color: var(--sky-text) !important;
}
body.skytech-rmm .q-btn--standard,
body.skytech-rmm .q-btn.bg-primary,
body.skytech-rmm button[type=submit],
body.skytech-rmm .q-banner .q-btn {
  background: linear-gradient(90deg, var(--sky-accent), var(--sky-accent-2)) !important;
  color: #032333 !important;
  font-weight: 700 !important;
}
body.skytech-rmm .skytech-login-badge {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  margin: 0 0 1rem;
  padding: .45rem .8rem;
  border-radius: 999px;
  background: rgba(20,184,166,.14);
  border: 1px solid rgba(20,184,166,.28);
  color: #c9fbf4;
  font: 600 13px/1.2 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;
}
body.skytech-rmm .skytech-login-badge::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--sky-accent), var(--sky-accent-2));
  box-shadow: 0 0 18px rgba(20,184,166,.65);
}