body {
  font-family: 'Inter', sans-serif;
  background: #020617;
  color: #e5e7eb;
  padding: 20px;
}

/* HOME */
.home {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-container { text-align: center; }
.home-title { font-size: 48px; font-weight: 700; }
.home-subtitle { color: #94a3b8; margin-bottom: 40px; }

.main-button {
  width: 220px;
  height: 220px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1e293b, #0f172a);
  color: #e5e7eb;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 16px;
  transition: .25s;
}
.main-button:hover { transform: translateY(-6px); }

/* COMMON */
.warning {
  background: #7c2d12;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.controls { display: flex; gap: 10px; margin-bottom: 15px; }
input, select { padding: 8px; border-radius: 5px; border: none; }

table { width: 100%; border-collapse: collapse; }
th, td { padding: 8px; border-bottom: 1px solid #334155; }
th { background: #020617; }

#loadMore {
  margin-top: 15px;
  padding: 10px 16px;
  background: #1e293b;
  color: #e5e7eb;
  border: 1px solid #334155;
  border-radius: 6px;
}

/* STATS */
.stats { display: flex; gap: 20px; margin: 20px 0; }
.stat-box {
  background: #020617;
  border: 1px solid #334155;
  padding: 15px;
  border-radius: 12px;
}
.stat-number { font-size: 26px; font-weight: 700; }

/* LOCALE */
.locale-stats { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.locale-pill {
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
}

/* CATEGORY TAG */
.category-tag {
  display: inline-block;
  margin: 2px;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 999px;
  background: #1e293b;
  border: 1px solid #334155;
}

/* PRIORITY */
.priority {
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 6px;
  background: #7c2d12;
  color: #fff;
}