/* ---- Typography ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fafafa;
}

/* ---- Card ---- */
.card {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(24, 24, 27, .04), 0 1px 3px rgba(24, 24, 27, .03);
}

/* ---- Tables ---- */
table th { font-weight: 600; padding: 6px 8px; }
table td { padding: 6px 8px; }
table thead th {
  font-size: 11px;
  font-weight: 600;
  color: #a1a1aa;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding-bottom: 8px;
}

/* ---- Form controls ---- */
input[type="time"], input[type="date"] { color-scheme: light; }

/* ---- Scrollbar ---- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d4d4d8; border-radius: 6px; }
::-webkit-scrollbar-track { background: #f4f4f5; }

/* ---- Focus ---- */
*:focus-visible { outline: 2px solid #7c3aed; outline-offset: 1px; }

[x-cloak] { display: none !important; }