* { box-sizing: border-box; }
body { margin: 0; font-family: 'Assistant', sans-serif; direction: rtl; background: #f4f6fb; }

.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-600 { font-weight: 600 !important; }

/* ── Login ─────────────────────────────────────────────────────────────────── */
.login-screen {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #0f1629 60%, #1a3a5c 100%);
  padding: 20px;
}
.login-box { width: 100%; max-width: 400px; }
.login-icon { font-size: 3rem; color: #3b82f6; text-align: center; }
.login-title { color: #fff; font-size: 1.8rem; font-weight: 800; text-align: center; margin: 4px 0 2px; }
.login-sub { color: rgba(255,255,255,0.5); font-size: 0.85rem; text-align: center; margin-bottom: 0; }

.otp-input {
  font-size: 2rem;
  font-family: monospace;
  letter-spacing: 0.5rem;
  text-align: center;
  padding: 14px 12px;
  color: #1e293b;
}

/* ── Admin home ────────────────────────────────────────────────────────────── */
.home-topbar {
  background: #1A2332; color: #fff; height: 56px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 24px;
}
.home-topbar .text-muted { color: #8b9ab0 !important; }

.home-hero { text-align: center; padding: 48px 20px 20px; }
.home-hero h1 { font-size: 1.9rem; font-weight: 800; color: #0f1629; margin-bottom: 4px; }
.home-hero .sub { color: #64748b; font-size: 0.95rem; }

.home-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  max-width: 1100px;
  margin: 32px auto;
  padding: 0 24px;
}
.home-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 32px 20px;
  text-align: center;
  text-decoration: none;
  color: #1e293b;
  transition: transform .15s, box-shadow .15s, border-color .15s;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.home-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(15,22,41,0.08);
  border-color: #3b82f6;
  color: #1e293b;
}
.home-card .icon { font-size: 2.4rem; color: #3b82f6; }
.home-card .icon svg { width: 2.4rem; height: 2.4rem; fill: currentColor; }
.home-card .title { font-weight: 700; font-size: 1.05rem; }