:root {
  --bg:#0e1420; --card:#161f30; --text:#e7ecf5; --muted:#8b96ab;
  --accent:#3ee6b4; --error:#ff6b6b; --border:#2a374f;
}
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:"Segoe UI",Tahoma,sans-serif; padding:16px; }
h1 { font-size:20px; margin:0 0 16px; }
h2 { font-size:16px; margin:24px 0 10px; color:var(--muted); }
.tabs { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.tab { padding:8px 14px; border-radius:8px; border:1px solid var(--border); background:transparent; color:var(--text); cursor:pointer; font-size:14px; }
.tab.active { background:var(--accent); color:#08211a; border-color:var(--accent); font-weight:600; }
.card { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:16px; margin-bottom:14px; }
.row { display:flex; justify-content:space-between; gap:10px; font-size:14px; padding:4px 0; border-bottom:1px solid #1c2537; }
.row:last-child { border-bottom:none; }
.row span:first-child { color:var(--muted); }
.row span:last-child { text-align:left; direction:ltr; }
img.shot { width:100%; border-radius:8px; margin:10px 0; background:#000; min-height:120px; object-fit:contain; }
.actions { display:flex; gap:8px; margin-top:10px; }
button { cursor:pointer; border:none; border-radius:8px; font-weight:600; font-size:14px; padding:10px; }
.btn-approve { background:var(--accent); color:#08211a; flex:1; }
.btn-reject { background:var(--error); color:#2a0808; flex:1; }
.btn-points { background:transparent; border:1px solid var(--border); color:var(--accent); flex:1; }
.btn-search { background:var(--accent); color:#08211a; }
.empty { color:var(--muted); text-align:center; padding:40px 0; }
.muted { color:var(--muted); font-size:13px; }
.filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.filters input { background:#0e1420; border:1px solid var(--border); border-radius:8px; padding:8px 10px; color:var(--text); font-size:13.5px; }
.filters input[type="text"] { flex:1; min-width:160px; }
.log-field { font-weight:600; color:var(--accent); }
.log-meta { font-size:12px; color:var(--muted); margin-top:4px; }

/* كلاس موحّد للإخفاء بدل style="display:none" المباشر */
.hidden { display:none !important; }