/* Basic fallback styles to preserve professional look when CDN CSS is unavailable */
html, body, #root { height: 100%; }
body {
  font-family: 'Segoe UI','Cairo','Tajawal','Noto Kufi Arabic',system-ui,-apple-system,Roboto,Helvetica,Arial;
  background: #f8fafc;
  color: #111827;
}
.login-card {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 16px;
  padding: 24px;
  color: #fff;
}
.login-input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.3);
  background: rgba(255,255,255,0.2);
  color: #fff;
}
.login-input::placeholder { color: rgba(255,255,255,0.6); }
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #2563eb;
  color: #fff;
  padding: 12px 16px;
  border-radius: 10px;
}
.text-muted { color: #93c5fd; }
.badge-danger {
  color: #fecaca;
  background: rgba(239,68,68,0.1);
  border: 1px solid rgba(239,68,68,0.2);
  padding: 8px 12px;
  border-radius: 8px;
}

:root {
  --color-bg: #ffffff;
  --color-border: #e5e7eb;
  --color-text: #111827;
  --color-text-muted: #6b7280;
  --color-primary: #2563eb;
  --color-primary-100: #e0e7ff;
  --color-primary-700: #1d4ed8;
}

.admin-menu-item {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--color-text);
  background: transparent;
  border: 1px solid transparent;
}

.admin-menu-item:hover { background: #f3f4f6; }
.admin-menu-item-active {
  background: var(--color-primary-100);
  color: var(--color-primary-700);
  border-right: 4px solid var(--color-primary);
}
.admin-sidebar { background: var(--color-bg); border: 1px solid var(--color-border); }