@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800;900&display=swap');

:root {
  --primary: #064e3b;       /* أخضر زمردي داكن */
  --primary-light: #059669; /* أخضر ملكي فاتح */
  --gold: #d97706;          /* ذهبي رسمي */
  --gold-hover: #b45309;
  --bg: #f8fafc;
  --card-bg: rgba(255, 255, 255, 0.95);
}

* {
  font-family: 'Cairo', sans-serif !important;
  box-sizing: border-box;
}

body {
  background-color: var(--bg);
  color: #1e293b;
  min-height: 100vh;
}

/* خلفية شاشة الدخول الفاخرة */
.login-bg {
  background: linear-gradient(135deg, rgba(6, 78, 59, 0.95), rgba(4, 47, 46, 0.9)), 
              url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&q=80&w=1200') center/cover no-repeat;
}

.glass-card {
  background: var(--card-bg);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 24px;
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.25);
}

.logo-badge {
  width: 90px;
  height: 90px;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5);
  border: 2px solid var(--gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 16px rgba(6, 78, 59, 0.15);
}

.btn-awqaf {
  background: linear-gradient(135deg, var(--primary), var(--primary-light));
  color: #fff !important;
  border: none;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.btn-awqaf:hover {
  background: linear-gradient(135deg, #043f30, #047857);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(6, 78, 59, 0.3);
}

.btn-gold {
  background: linear-gradient(135deg, var(--gold), var(--gold-hover));
  color: #fff !important;
  border-radius: 12px;
}

/* التبويبات الفاخرة */
.nav-pills .nav-link {
  color: #475569;
  border-radius: 14px;
  font-weight: 700;
  padding: 12px 18px;
  transition: all 0.3s ease;
}

.nav-pills .nav-link.active {
  background: linear-gradient(135deg, var(--primary), var(--primary-light));
  color: white !important;
  box-shadow: 0 8px 16px rgba(6, 78, 59, 0.25);
}

/* كروت الجداول */
.table-card {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}

/* زر تثبيت التطبيق المنبثق على الموبايل */
.install-banner {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 9999;
  background: white;
  border-radius: 16px;
  border: 2px solid var(--gold);
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}