/* Gilroy Font */
@font-face {
  font-family: "Gilroy";
  src: url('/fonts/Gilroy-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("/fonts/Gilroy-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("/fonts/Gilroy-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("/fonts/Gilroy-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: 'Gilroy', sans-serif;
  background: radial-gradient(circle at top, #1a2b3a 0%, #0e1d2a 60%, #081520 100%);
}

.login-card {
  background: linear-gradient(180deg, #9fb0b4, #8fa1a6);
  border-radius: 28px;
  box-shadow: 0 40px 80px rgba(0,0,0,.35);
}

.logo {
  width: 300px;
  height: auto;
}

.input-bg {
  background: #d2cdc6;
  box-shadow: 0 6px 12px rgba(0,0,0,.25);
}

.login-btn {
  background: linear-gradient(180deg, #6fa19c, #4f7e79);
  padding: 12px;
}

.pointer {
  cursor: pointer;
}
/*  HEADER */
.dashboard-logo {
  width: 120px;
}

.logout-btn {
  background: linear-gradient(180deg, #d48a86, #b66b67);
  color: #fff;
  padding: 10px 18px;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.4),
              0 6px 12px rgba(0,0,0,.35);
}

/* CARD  */
.dashboard-card {
  width: 100%;
  max-width: 620px;
  background: linear-gradient(180deg, #9fb0b4, #8fa1a6);
  border-radius: 30px;
  box-shadow: 0 40px 80px rgba(0,0,0,.35);
}

/*  BUTTON  */
.delete-btn {
  background: linear-gradient(180deg, #6fa19c, #4f7e79);
  color: #fff;
  padding: 12px 36px;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.4),
              0 8px 16px rgba(0,0,0,.35);
}


.loader { position: fixed; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999999; }
.loader_over_modal { position: fixed; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999999; }
.spinner { transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; }
.spinner-grow { width: 4rem; height: 4rem; }