/* LISAM.CO – gemeinsames Design (Login, Registrierung, Admin) */
:root{
  --bg:#0f172a; --card:#1e293b; --card2:#273449; --line:#334155;
  --text:#e2e8f0; --muted:#94a3b8; --accent:#3b82f6; --accent2:#2563eb;
  --green:#22c55e; --greenbg:#14351f; --red:#ef4444; --redbg:#3a1618;
  --amber:#f59e0b; --shadow:0 8px 24px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Arabic",Arial,sans-serif;
  color:var(--text); min-height:100vh; -webkit-tap-highlight-color:transparent;
  position:relative;
  background:
    linear-gradient(180deg, rgba(15,23,42,.92), rgba(15,23,42,.97)),
    /* Deutsche Flagge (oben, horizontal: schwarz-rot-gold) */
    linear-gradient(180deg,#000 0 33.3%,#dd0000 33.3% 66.6%,#ffce00 66.6% 100%);
  background-attachment: fixed;
}
/* Syrische Flagge (grün-weiß-schwarz mit drei roten Sternen) dezent unten */
body::before{
  content:""; position:fixed; left:0; right:0; bottom:0; height:38vh; z-index:-1;
  opacity:.16; pointer-events:none;
  background:linear-gradient(180deg,#007a3d 0 33.3%,#ffffff 33.3% 66.6%,#000000 66.6% 100%);
}
/* drei rote Sterne auf dem weißen Streifen der syrischen Flagge */
body::after{
  content:"★  ★  ★"; position:fixed; left:0; right:0; bottom:19vh; z-index:-1;
  text-align:center; letter-spacing:.4em; color:#ce1126; opacity:.18;
  font-size:26px; pointer-events:none;
}
.flags{font-size:26px;letter-spacing:4px;text-align:center;margin-bottom:6px}
.wrap{max-width:520px;margin:0 auto;padding:26px 16px 60px}
.brand{text-align:center;margin-bottom:18px}
.brand h1{font-size:30px;margin:0;letter-spacing:1px}
.brand .tag{color:var(--muted);font-size:14px;margin-top:4px}
.brand .tag .ar{display:block;font-family:"Noto Sans Arabic",Arial;direction:rtl;font-size:19px;margin-top:6px;color:#cbd5e1}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);margin-bottom:16px}
h2{font-size:18px;margin:0 0 4px}
h2 .ar{display:block;font-family:"Noto Sans Arabic",Arial;direction:rtl;font-weight:600;color:#cbd5e1;font-size:20px;margin-top:4px}
label{display:block;font-size:13px;color:var(--muted);margin:12px 0 5px}
label .ar{font-family:"Noto Sans Arabic",Arial;direction:rtl;font-size:16px;color:#cbd5e1}
input{
  width:100%;padding:14px;border-radius:10px;background:var(--card2);color:var(--text);
  border:1px solid var(--line);font-size:16px;
}
input:focus{outline:none;border-color:var(--accent)}
.btn{
  display:block;width:100%;border:none;border-radius:12px;padding:15px 16px;font-size:16px;
  font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:.15s;margin-top:16px;text-align:center;text-decoration:none;
}
.btn:hover{background:var(--accent2)}
.btn.secondary{background:var(--card2);color:var(--text);border:1px solid var(--line)}
.btn.green{background:var(--green)}
.btn.red{background:var(--red)}
.btn .ar{font-family:"Noto Sans Arabic",Arial;font-weight:500}
.msg{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:14px;line-height:1.6}
.msg .ar{display:block;font-family:"Noto Sans Arabic",Arial;direction:rtl;font-size:17px;margin-top:6px}
.msg.err{background:var(--redbg);border:1px solid #7f1d1d;color:#fecaca}
.msg.ok{background:var(--greenbg);border:1px solid #14532d;color:#bbf7d0}
.msg.info{background:#0b2545;border:1px solid #1e3a8a;color:#bfdbfe}
.center{text-align:center}
.link{color:var(--accent);text-decoration:none;font-size:14px}
.link:hover{text-decoration:underline}
.foot{text-align:center;color:var(--muted);font-size:12px;margin-top:10px;line-height:1.7}
.foot .ar{font-family:"Noto Sans Arabic",Arial;direction:rtl;font-size:15px}
/* Admin-Tabelle */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600}
.badge.pending{background:#3a2e0b;color:#fde68a}
.badge.approved{background:var(--greenbg);color:#bbf7d0}
.badge.rejected{background:var(--redbg);color:#fecaca}
.actions{display:flex;gap:6px;flex-wrap:wrap}
.actions button{border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;color:#fff}
.a-approve{background:var(--green)}
.a-reject{background:var(--amber);color:#1f2937}
.a-delete{background:var(--red)}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.topbar .who{font-size:14px}
.topbar .who .ar{font-family:"Noto Sans Arabic",Arial}
.stat-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.stat{flex:1;min-width:90px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
.stat .num{font-size:24px;font-weight:700}
.stat .lbl{font-size:11px;color:var(--muted);margin-top:2px}
@media (max-width:600px){
  .brand h1{font-size:26px}
  .card{padding:18px}
}