/* [project]/admin/src/app/globals.css [app-client] (css) */
:root {
  --ink: #070611;
  --ink2: #0d0b1a;
  --ink3: #141026;
  --line: #272040;
  --line2: #3a3160;
  --t1: #f4f1ff;
  --t2: #a99fce;
  --t3: #675d8c;
  --gold: #ffcc4d;
  --gold2: #ffe08a;
  --green: #3ee69b;
  --red: #f87171;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  background: var(--ink);
  color: var(--t1);
  -webkit-font-smoothing: antialiased;
  font-family: Inter, system-ui, -apple-system, sans-serif;
}

a {
  color: var(--gold);
  text-decoration: none;
}

a:hover {
  color: var(--gold2);
}

.card {
  background: linear-gradient(160deg, var(--ink3), var(--ink2));
  border: 1px solid var(--line2);
  border-radius: 12px;
  padding: 18px;
}

.btn {
  background: var(--gold);
  color: #0a0806;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  transition: opacity .15s;
}

.btn:hover {
  opacity: .9;
}

.btn.secondary {
  background: var(--ink3);
  color: var(--t1);
  border: 1px solid var(--line2);
}

.btn.danger {
  background: var(--red);
  color: #fff;
}

.btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

th, td {
  text-align: left;
  border-bottom: 1px solid var(--line);
  padding: 10px 12px;
}

th {
  color: var(--t3);
  text-transform: uppercase;
  letter-spacing: .05em;
  background: var(--ink2);
  font-size: 11px;
  font-weight: 700;
}

tr:hover td {
  background: #ffffff05;
}

input, select {
  background: var(--ink3);
  border: 1px solid var(--line2);
  color: var(--t1);
  border-radius: 8px;
  outline: none;
  padding: 9px 12px;
  font-family: inherit;
  font-size: 13px;
}

input:focus, select:focus {
  border-color: var(--gold);
}

.skel {
  background: linear-gradient(90deg, var(--ink3) 0%, var(--ink) 50%, var(--ink3) 100%);
  background-size: 200% 100%;
  border-radius: 8px;
  animation: 1.5s linear infinite shimmer;
}

@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

/*# sourceMappingURL=admin_src_app_globals_0~2evyr.css.map*/