/* static/style.css - تصميم بسيط وعصري */
body {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  background: #0f1724;
  color: #e6eef6;
  margin: 0;
  padding: 0;
  direction: rtl;
}

.container {
  max-width: 1000px;
  margin: 20px auto;
  padding: 0 16px;
}

.topbar {
  background: linear-gradient(90deg,#0b1220,#111827);
  padding: 12px 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.topbar .container { display:flex; align-items:center; justify-content:space-between; }
.topbar h1 { margin:0; font-size:18px; }
.topbar .actions { display:flex; gap:10px; align-items:center; }

.card {
  background: #0b1220;
  border-radius: 10px;
  padding: 18px;
  margin-top: 18px;
  box-shadow: 0 6px 18px rgba(2,6,23,0.6);
}

.center { max-width: 420px; margin: 80px auto; text-align: center; }

input, button {
  width: 100%;
  padding: 10px 12px;
  margin: 8px 0;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.03);
  color: #e6eef6;
  box-sizing: border-box;
  font-size: 15px;
}

label { display:block; text-align: right; margin-top: 6px; font-size:13px; color: #a9c0d9; }

button {
  cursor: pointer;
  background: linear-gradient(90deg, #0ea5a3, #06b6d4);
  border: none;
  font-weight: 600;
  margin-top: 12px;
}

.btn {
  display:inline-block;
  padding:8px 12px;
  text-decoration:none;
  border-radius:8px;
  background: rgba(255,255,255,0.04);
  color: #e6eef6;
  border: 1px solid rgba(255,255,255,0.04);
}

.simple {
  width: 100%;
  border-collapse: collapse;
  margin-top: 12px;
  font-size: 14px;
}
.simple th, .simple td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.03);
  text-align: right;
}
.simple th { color: #9cc4d9; font-weight: 600; }

.messages .alert { padding:8px 10px; border-radius:6px; margin-bottom:8px; }
.alert.success { background: rgba(16,185,129,0.12); color:#a7f3d0; }
.alert.danger { background: rgba(239,68,68,0.08); color:#fecaca; }
.alert.info { background: rgba(59,130,246,0.08); color:#bfdbfe; }

.hint { color: #9aaec3; font-size: 13px; margin-top:10px; }