/* پایه */
*{box-sizing:border-box;font-family: Vazir, sans-serif}
body{margin:0;background:#f5f7fb;direction:rtl}

/* هدر */
.site-header{display:flex;align-items:center;justify-content:space-between;background:#007bff;color:#fff;padding:12px 18px;position:relative}
.site-header .right,.site-header .left{display:flex;gap:10px;align-items:center}
.site-header .center{position:absolute;left:50%;transform:translateX(-50%)}
.site-title{margin:0;font-size:20px}
.site-header a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:6px;transition:all .18s}
.site-header a:hover{color:#ffeb3b;transform:translateY(-3px)}

main{padding:20px}
body { font-family: 'Vazir', sans-serif; background:#f5f7fb; direction:rtl; margin:0; }
.form-container { width:350px; margin:50px auto; background:#fff; padding:25px; border-radius:12px; box-shadow:0 0 10px rgba(0,0,0,0.1); text-align:center; }
.form-container h2 { margin-bottom:20px; }
.form-container input { width:90%; padding:10px; margin:10px 0; border-radius:6px; border:1px solid #ccc; font-size:15px; }
.show-pass { text-align:right; font-size:14px; margin-bottom:10px; }
.btn { width:95%; padding:10px; border:none; border-radius:6px; font-size:16px; cursor:pointer; margin-top:10px; color:#fff; }
.btn-login { background-color:#28a745; } /* سبز */
.btn-admin { background-color:#e53935; } /* قرمز */
.btn-register { background-color:#28a745; } /* سبز */
.btn-random { background-color:#007bff; }
.btn-pass { background-color: #007bff; /* آبی */color: #fff; }
.form-error { color:red; margin-bottom:10px; }
.form-container {
  max-width: 400px;
  margin: 40px auto;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.form-container h2 {
  text-align: center;
  margin-bottom: 20px;
}

.form-container input {
  width: 100%;
  padding: 10px;
  margin: 8px 0;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.btn {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 15px;
  margin-top: 10px;
  cursor: pointer;
}

.btn-login { background-color: #28a745; }     /* سبز */
.btn-admin { background-color: #dc3545; }     /* قرمز */
.btn-auto  { background-color: #007BFF; }     /* آبی */

.btn:hover { opacity: 0.85; }

.form-error {
  color: red;
  text-align: center;
}

.form-success {
  color: green;
  text-align: center;
}

.show-pass {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #333;
}
/* ==== فرم‌ها و دکمه‌ها (یکسان‌سازی برای ورود/ثبت‌نام/افزودن ادمین) ==== */
.form-container {
  width: 380px;
  margin: 50px auto;
  background: #fff;
  padding: 22px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  text-align: center;
  font-family: Vazir, sans-serif;
}

.form-container h2 { margin-bottom: 16px; color:#222; }

.form-container input[type="text"],
.form-container input[type="password"],
.form-container input[type="email"] {
  width: 92%;
  padding: 10px;
  margin: 8px 0;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 15px;
  direction: ltr;
}

/* نمایش رمز / چک‌باکس */
.show-pass { text-align: right; font-size: 14px; margin-top:6px; color:#333; }

/* دکمه‌ها */
.btn { width: 95%; padding: 11px; border: none; border-radius: 8px; font-size: 15px; cursor: pointer; color:#fff; margin-top:10px; }
.btn-login { background:#28a745; }    /* سبز */
.btn-admin { background:#e53935; }    /* قرمز */
.btn-green { background:#28a745; }    /* سبز عمومی */
.btn-blue  { background:#007bff; }    /* آبی برای دکمه‌های ثانویه */
.btn:hover { opacity:0.95; transform: translateY(-2px); transition:all .15s; }

/* خطای فرم */
.form-error { color:#c62828; margin-bottom:10px; }

/* جدول ادمین‌ها */
.admins-table { width: 100%; border-collapse: collapse; margin-top:18px; font-size:14px; }
.admins-table th, .admins-table td { border:1px solid #eee; padding:8px 10px; text-align:center; }
.admins-table thead { background:#f7f9fc; color:#333; }

/* نمایش هش یا رمز مخفی */
.pwd-hidden { font-family: monospace; letter-spacing:2px; }

/* پیام موفقیت / هشدار (موقت) */
.message-box { margin:10px 0; padding:10px; border-radius:8px; }
.success { background:#e6f4ea; color:#2e7d32; }
.error-box { background:#ffecec; color:#c62828; }

/* ریسپانسیو */
@media (max-width:480px) {
  .form-container { width: 94%; padding:16px; }
}
/* === پروفایل === */
.profile-page {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 20px;
  background: linear-gradient(135deg, #f5f7fb, #e3e9f5);
  min-height: 80vh;
}

.profile-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  padding: 40px;
  text-align: center;
  width: 340px;
  transition: all .3s ease;
}

.profile-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.profile-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 15px;
  border: 3px solid #007bff;
}

/* فرم تکمیل پروفایل */
#profileForm input {
  text-align: right;
  direction: rtl;
}
.score-box {
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    color: #000;
    border-radius: 6px;
    font-weight: bold;
    margin-right: 10px;
}