page {
  background-color: #F9FAFB;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.7rem;
  color: #1F2937;
  line-height: 1.5;
}

.text-primary {
  color: #1F2937;
}

.text-secondary {
  color: #6B7280;
}

.text-white {
  color: #FFFFFF;
}

.text-danger {
  color: #EF4444;
}

.text-success {
  color: #10B981;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.mt-sm {
  margin-top: 0.4rem;
}

.mt-base {
  margin-top: 0.6rem;
}

.mt-md {
  margin-top: 0.8rem;
}

.mb-sm {
  margin-bottom: 0.4rem;
}

.mb-base {
  margin-bottom: 0.6rem;
}

.mb-md {
  margin-bottom: 0.8rem;
}

.px-base {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

.py-base {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.page-container {
  min-height: 100vh;
  background: #F9FAFB;
  padding-bottom: calc(2.5rem + env(safe-area-inset-bottom));
}