/* ---------- GLOBAL RESET ---------- */
:root {
  --ink:#111827;
  --line:#e5e7eb;
  --note:#6b7280;
  --blue:#1a73e8;
  --radius:12px;
  --shadow:0 4px 12px rgba(0,0,0,0.06);
}

/* Smooth animations */
* {
  transition: all .25s ease;
}

/* Body */
body {
  background:#fafafa;
  font-family:"Inter", sans-serif;
  color:var(--ink);
  line-height:1.5;
}

/* ---------- SPACING ---------- */
.ids-section {
  margin-top:40px;
}

/* ---------- CARDS ---------- */
.ids-card {
  background:white;
  padding:18px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.ids-card:hover {
  transform:translateY(-3px);
  box-shadow:0 6px 16px rgba(0,0,0,0.1);
}

/* ---------- BUTTONS ---------- */
.ids-btn {
  background:var(--blue);
  color:white !important;
  padding:10px 18px;
  border-radius:var(--radius);
  display:inline-block;
  text-decoration:none;
  font-weight:600;
}

.ids-btn:hover {
  background:#1258b8;
}

.ids-btn-outline {
  border:1px solid var(--blue);
  color:var(--blue) !important;
  background:white;
}

.ids-btn-outline:hover {
  background:#e6f0ff;
}

/* Small buttons */
.ids-btn-small {
  padding:6px 12px;
  font-size:13px;
  border-radius:10px;
}

/* ---------- TABLE ---------- */
.ids-table {
  width:100%;
  border-collapse:collapse;
}

.ids-table th {
  background:#f3f4f6;
  padding:12px;
  text-align:left;
}

.ids-table td {
  padding:12px;
  border-bottom:1px solid var(--line);
}

/* Hover row */
.ids-table tr:hover {
  background:#f9fafb;
}

/* ---------- GRID HELPERS ---------- */
.ids-grid-3 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

@media(max-width:800px){
  .ids-grid-3 { grid-template-columns:1fr; }
}

/* ---------- CATEGORY CARDS ---------- */
.ids-cat-card {
  text-align:center;
  padding:20px;
  border-radius:var(--radius);
  background:white;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  text-decoration:none;
  color:var(--ink);
}

.ids-cat-card:hover {
  background:#f0f6ff;
  transform:translateY(-4px);
}

.ids-cat-card h3 {
  margin-top:12px;
}

/* ---------- BADGES ---------- */
.ids-badge {
  padding:4px 10px;
  border-radius:20px;
  font-size:12px;
  font-weight:600;
}

.ids-waiting    { background:#fef3c7; color:#92400e; }
.ids-processing { background:#dbeafe; color:#1e40af; }
.ids-completed  { background:#dcfce7; color:#166534; }
.ids-rejected   { background:#fee2e2; color:#991b1b; }

.ids-hero {
  background:linear-gradient(120deg,#1a73e8,#5aa3ff);
  padding:60px 0;
  color:white;
  text-align:center;
}

.ids-hero-title {
  font-size:36px;
  font-weight:700;
}

.ids-hero-text {
  margin-top:10px;
  font-size:18px;
  opacity:0.9;
}

.ids-card:hover .ids-btn {
  transform:scale(1.03);
}

.ids-section h2 {
  font-size:22px;
  font-weight:700;
  margin-bottom:12px;
}