@import url("../admin/admin.css");

body {
  background:
    radial-gradient(circle at top right, rgba(67, 160, 71, 0.18), transparent 25%),
    radial-gradient(circle at bottom left, rgba(13, 148, 136, 0.16), transparent 22%),
    var(--bg);
}

#sidebar-logo span {
  color: #7dd3a7;
}

#sidebar-nav a.active {
  border-left-color: #22c55e;
  background: rgba(34, 197, 94, 0.12);
}

.stat-card .value {
  color: #86efac;
}

.account-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 18px;
}

.account-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

.account-item .label {
  color: var(--text-dim);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 6px;
}

.account-item .value {
  font-size: 15px;
  color: var(--text);
}

.hint {
  color: var(--text-dim);
  font-size: 13px;
}