/* خطوط محلية — بدون أي اتصال بـ Google */
@font-face{
  font-family:'Changa';font-style:normal;font-weight:500 800;font-display:swap;
  src:url('fonts/changa-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face{
  font-family:'Changa';font-style:normal;font-weight:500 800;font-display:swap;
  src:url('fonts/changa-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Changa';font-style:normal;font-weight:500 800;font-display:swap;
  src:url('fonts/changa-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/tajawal-arabic-400.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/tajawal-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/tajawal-arabic-500.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/tajawal-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/tajawal-arabic-700.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/tajawal-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

html,body{direction:rtl;scroll-behavior:smooth}
:root{color-scheme:dark;--night:#0d0a14;--dusk:#2a1a2c;--glow:#8a4a2c;--sand:#e8b56a;--sand-d:#4a2c1a;--cream:#f4e8d0;--muted:#c9b594;--sadu:#9a2323;--panel:#150e12f0;--line:#e8b56a33}
*{box-sizing:border-box}
html{min-height:100%;overflow-y:scroll;scroll-padding-top:calc(90px + env(safe-area-inset-top,0px))}
body{margin:0;min-height:100vh;overflow-y:auto;overflow-x:hidden;background:radial-gradient(1200px 600px at 50% -10%,#3a2418,transparent),linear-gradient(180deg,var(--night),var(--dusk) 55%,var(--glow));color:var(--cream);font:400 1.02rem/1.9 'Tajawal','Segoe UI',Tahoma,sans-serif}
h1,h2,h3,h4,.logo,.tab,.btn{font-family:'Changa','Tajawal',sans-serif;font-weight:800;margin:0}
a{color:inherit}
button,input,select,textarea{font-family:inherit}
img{max-width:100%;display:block}
.scene{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--night),var(--dusk) 55%,var(--glow))}
.stars{position:absolute;inset:0 0 40% 0;background-image:radial-gradient(1.4px 1.4px at 12% 20%,#fff9 50%,transparent 51%),radial-gradient(1.2px 1.2px at 38% 8%,#fff8 50%,transparent 51%),radial-gradient(1.6px 1.6px at 66% 22%,#fff9 50%,transparent 51%),radial-gradient(1.2px 1.2px at 85% 10%,#fff7 50%,transparent 51%),radial-gradient(1.2px 1.2px at 52% 34%,#fff6 50%,transparent 51%)}
.moon{position:absolute;top:12vh;left:10vw;width:60px;height:60px;border-radius:50%;background:#f6ecd3;box-shadow:0 0 50px 8px #f6ecd333}
.moon::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--dusk);transform:translate(14px,-6px) scale(.86)}
.dune{position:absolute;left:-5%;width:110%;bottom:0}.dune svg{display:block;width:100%;height:auto}
#d1{z-index:1}#d2{z-index:3}
.lizard{position:absolute;z-index:2;bottom:12vh;left:0;width:270px;animation:walk 55s linear infinite}
.lizard svg{display:block;width:100%;height:auto;animation:sway 1.2s ease-in-out infinite}
@keyframes walk{from{transform:translateX(-340px)}to{transform:translateX(calc(100vw + 60px))}}
@keyframes sway{50%{transform:translateY(-2px) rotate(1.5deg)}}
.leg{transform-box:fill-box;transform-origin:50% 50%;animation:step 1.2s ease-in-out infinite}.leg.b{animation-delay:-.6s}
@keyframes step{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}
.page{position:relative;z-index:5;display:flex;flex-direction:column;min-height:100vh}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.strip{height:12px;background:linear-gradient(135deg,var(--cream) 25%,transparent 25%) -6px 0/12px 12px,linear-gradient(225deg,var(--cream) 25%,transparent 25%) -6px 0/12px 12px,var(--sadu)}
nav{position:sticky;top:0;z-index:40;background:#0d0a14ee;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
nav .wrap{display:flex;align-items:center;gap:12px;min-height:72px;flex-wrap:wrap;max-width:1400px}
.logo{font-size:1.3rem;color:var(--sand);text-decoration:none;margin-inline-end:auto;display:flex;align-items:center;gap:8px}
.nav-links{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap;align-items:center}
.nav-links a{display:block;color:var(--cream);text-decoration:none;font-weight:600;padding:8px 9px;border-radius:999px;font-size:.92rem}
.nav-links a:hover,.nav-links a.on{background:linear-gradient(90deg,rgba(232,181,106,.18),transparent);color:var(--sand)}
.admin-nav{display:flex;align-items:center}
.admin-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;font:700 .86rem 'Changa',sans-serif;color:var(--sand);background:linear-gradient(90deg,rgba(232,181,106,.22),rgba(232,181,106,.06));border:1px solid rgba(232,181,106,.5);border-radius:999px;padding:8px 11px;transition:background .18s,border-color .18s}
.admin-link:hover{background:linear-gradient(90deg,rgba(232,181,106,.38),rgba(232,181,106,.12));border-color:var(--sand)}
.authbar{display:flex;align-items:center;gap:8px;margin-inline-start:8px}
.authbar .btn{padding:8px 14px;font-size:.94rem;border-radius:999px}
.btn{border:1px solid transparent;border-radius:10px;padding:11px 24px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:700 1rem 'Tajawal',sans-serif}
.btn.p{background:linear-gradient(180deg,#f5c98b,#e8b56a);color:#2a1608;box-shadow:0 6px 0 #8f5a26}
.btn.p:hover{transform:translateY(2px);box-shadow:0 4px 0 #8f5a26}
.btn.s{border-color:rgba(232,181,106,.8);color:var(--sand);background:transparent}
.btn.ghost{border-color:transparent;color:var(--muted)}
.btn.danger{background:rgba(154,35,35,.9);color:var(--cream)}
.burger{display:none;background:none;border:1px solid var(--line);color:var(--sand);border-radius:10px;font-size:1.6rem;width:48px;height:44px;cursor:pointer}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;min-height:calc(90vh - 90px);padding:60px 0 130px}
h1{font-size:clamp(2.8rem,8vw,5.6rem);line-height:1.18;color:var(--sand);text-shadow:0 4px 0 rgba(74,44,26,.8)}
.lead{font-size:1.28rem;margin:18px 0 32px;max-width:34em;color:var(--cream)}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.shot{margin:0;border:8px solid rgba(74,44,26,.9);outline:2px solid var(--sadu);border-radius:6px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.6);transform:rotate(-1.8deg)}
.shot img{display:block;width:100%;height:auto}
.panel{background:radial-gradient(800px 400px at 50% 0,rgba(232,181,106,.08),transparent),var(--panel);border-block:1px solid var(--line);padding:78px 0;margin-bottom:40px;position:relative}
.panel.alt{background:radial-gradient(700px 360px at 50% 0,rgba(154,35,35,.12),transparent),linear-gradient(180deg,rgba(21,14,18,.98),rgba(13,10,20,.98))}
h2{font-size:clamp(2.2rem,6vw,3.2rem);color:var(--sand)}
.sub{color:var(--muted);margin:8px 0 38px;max-width:40em}
.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:26px;min-width:0}
.tab{background:transparent;border:1px solid rgba(232,181,106,.4);color:var(--cream);font-size:1.08rem;padding:10px 12px;text-align:center;border-radius:999px;cursor:pointer;overflow-wrap:anywhere}
.tab[aria-selected=true]{background:linear-gradient(180deg,#f5c98b,#e8b56a);color:#2a1608;border-color:transparent}
.tab.on{background:linear-gradient(180deg,#f5c98b,#e8b56a);color:#2a1608;border-color:transparent}
.view{border:1px solid var(--line);border-radius:16px;padding:clamp(18px,4vw,34px);background:radial-gradient(600px 300px at 50% 0,rgba(232,181,106,.08),transparent),rgba(13,10,20,.8);box-shadow:0 60px 90px rgba(0,0,0,.45)}
.ctl{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px;align-items:center}
.ctl input,.ctl select,.ctl textarea{background:rgba(13,10,20,.9);border:1px solid rgba(232,181,106,.4);color:var(--cream);font:500 1rem 'Tajawal',sans-serif;padding:10px 16px;border-radius:12px;min-width:0}
.ctl input{flex:1 1 280px}
.cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.car{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:radial-gradient(400px 200px at 50% 0,rgba(232,181,106,.1),transparent),rgba(21,14,18,.9);display:flex;flex-direction:column;box-shadow:0 40px 70px rgba(0,0,0,.4)}
.car img{width:100%;height:190px;object-fit:cover;background:#0d0a14}
.ci{padding:22px;display:flex;flex-direction:column;gap:14px}
.cl{align-self:flex-start;background:linear-gradient(90deg,rgba(154,35,35,.9),rgba(232,181,106,.6));color:var(--cream);font:800 .95rem 'Changa',sans-serif;padding:4px 16px;border-radius:999px}
.car h3{font-size:1.6rem;color:var(--cream)}
.pr{display:flex;align-items:baseline;gap:10px;color:var(--sand);font:800 1.8rem 'Changa',sans-serif}
.pr small{font:600 .9rem 'Tajawal',sans-serif;color:var(--muted)}
.car dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.car dl div{background:rgba(13,10,20,.8);border-radius:12px;padding:10px 14px;border:1px solid rgba(232,181,106,.25)}
.car dt{font-size:.88rem;color:var(--muted)}
.car dd{margin:4px 0 0;font:800 1.08rem 'Changa',sans-serif}
.car .full{grid-column:1/-1}
.soon{color:var(--sand);border:1px dashed rgba(232,181,106,.8);border-radius:12px;padding:12px 18px;display:inline-flex;align-items:center;gap:10px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.step{position:relative;border:1px solid var(--line);border-radius:16px;padding:26px;background:radial-gradient(400px 200px at 50% 0,rgba(232,181,106,.09),transparent),rgba(13,10,20,.85)}
.step-num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f5c98b,#e8b56a);color:#2a1608;font:800 1.6rem 'Changa',sans-serif;margin-bottom:14px;box-shadow:0 10px 30px rgba(232,181,106,.25)}
.step p{color:var(--muted);margin:8px 0 0}
footer{background:linear-gradient(180deg,transparent,#0b080f 40%);padding:40px 0 140px;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center}
footer .logo{font-size:1.4rem}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--sand)}
.modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:18px;background:radial-gradient(800px 400px at 50% 0,rgba(232,181,106,.12),transparent),rgba(9,7,14,.92)}
.modal.active{display:flex}
.modal-box{width:min(960px,100%);max-height:min(90vh,980px);overflow:auto;border-radius:18px;border:1px solid var(--line);background:radial-gradient(700px 320px at 50% 0,rgba(232,181,106,.1),transparent),linear-gradient(180deg,rgba(21,14,18,.98),rgba(13,10,20,.98));box-shadow:0 80px 120px rgba(0,0,0,.7);position:relative}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;border-bottom:1px solid var(--line)}
.modal-body{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:clamp(18px,4vw,30px)}
.modal-close{border:1px solid var(--line);background:transparent;color:var(--cream);border-radius:999px;width:42px;height:42px;cursor:pointer}
.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field{display:grid;gap:8px}
.field label{color:var(--muted)}
.field input,.field select,.field textarea{background:rgba(13,10,20,.9);border:1px solid rgba(232,181,106,.4);color:var(--cream);border-radius:12px;padding:10px 14px;font:500 1rem 'Tajawal',sans-serif}
.field textarea{min-height:120px;resize:vertical}
.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--line)}
.table{width:100%;border-collapse:collapse;min-width:720px}
.table th,.table td{padding:12px 16px;text-align:start;border-bottom:1px solid rgba(232,181,106,.18)}
.table th{background:rgba(232,181,106,.12);color:var(--sand)}
.table tr:hover td{background:rgba(232,181,106,.06)}
.badge{display:inline-flex;padding:4px 12px;border-radius:999px;background:rgba(232,181,106,.25);color:var(--sand)}
.pill{display:inline-flex;padding:6px 14px;border-radius:999px;border:1px solid rgba(232,181,106,.4);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}
.guide-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:radial-gradient(500px 240px at 50% 0,rgba(232,181,106,.1),transparent),rgba(13,10,20,.88)}
.guide-card>img{width:100%;height:200px;object-fit:cover;background:#0d0a14}
.guide-body{display:grid;gap:10px;padding:22px}
.guide-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted)}
.guide-link{align-self:flex-start}
.report-card{border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;gap:12px;background:radial-gradient(600px 260px at 50% 0,rgba(154,35,35,.16),transparent),rgba(13,10,20,.9)}
.report-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.report-img{max-width:420px;border-radius:12px;border:1px solid var(--line);overflow:hidden}
.hidden{display:none !important}

/* ظ‚ط§ط¦ظ…ط© ط§ظ„ط¬ظˆط§ظ„: ط§ظ„ط²ط± ط§ظ„ظ„ظٹ ط¬ظ†ط¨ آ«ط§ظ‚طھط±ط§ط­ط§طھ ظˆظ…ط´ط§ظƒظ„آ» ظٹطµظٹط± ط¨ط¹ط±ط¶ ط§ظ„ظ‚ط§ط¦ظ…ط© */
@media(max-width:1279px){
  .nav-links{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:4px;background:rgba(13,10,20,.98);border-bottom:1px solid var(--line);padding:10px 18px 16px}
  .nav-links.open{display:flex}
  .nav-links a{padding:11px 14px}
  .burger{display:flex;align-items:center;justify-content:center}
  .admin-nav{width:100%}
  .admin-link{width:100%;margin-top:8px;padding:11px 16px}
}
/* الشريط يبقى بصف واحد على الشاشات المتوسطة (1280–1380) */
@media(min-width:1280px) and (max-width:1380px){
  nav .wrap{gap:10px}
  .logo{font-size:1.18rem}
  .nav-links a{padding:8px 6px;font-size:.87rem}
  .prefs-link{padding:8px 10px;font-size:.83rem}
  .authbar{margin-inline-start:2px;gap:6px}
  .authbar .btn{padding:8px 11px;font-size:.9rem}
}
@media(max-width:1080px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr}}
@media(max-width:920px){.hero{grid-template-columns:1fr;padding-bottom:110px}.shot{order:-1;max-width:520px}.authbar{margin-inline-start:auto}}

@media(max-width:600px){
  nav .wrap{gap:8px}
  .logo{font-size:1.1rem}
  .authbar .pill{display:none}
  .nav-links a{font-size:.98rem}
}

@media(max-width:400px){
  nav .wrap{gap:6px}
  .logo{font-size:.98rem;gap:4px}
  .burger{width:42px;height:40px;font-size:1.4rem}
  .authbar .btn{padding:7px 12px;font-size:.9rem}
}
@media(max-width:680px){.grid-two{grid-template-columns:1fr}.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.car dl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.lizard,.lizard svg,.leg{animation:none}.lizard{left:16vw}html{scroll-behavior:auto}}

/* ================= ط¨ظˆط§ط¨ط© ط§ظ„طھط±ط­ظٹط¨ ================= */
.gate{position:fixed;inset:0;z-index:120;display:flex;justify-content:center;align-items:flex-start;padding:calc(22px + env(safe-area-inset-top,0px)) 18px calc(30px + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:radial-gradient(800px 400px at 50% 0,rgba(232,181,106,.14),transparent),rgba(9,7,14,.96)}
.gate.out{opacity:0;transform:scale(.985);pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.gate .box{width:min(640px,100%);margin:auto;background:radial-gradient(700px 320px at 50% 0,rgba(232,181,106,.1),transparent),linear-gradient(180deg,rgba(23,15,20,.99),rgba(13,10,20,.99));border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 60px 120px rgba(0,0,0,.7)}
.gate .box h2{padding:26px 26px 0;font-size:clamp(1.5rem,4.4vw,2.1rem);color:var(--sand)}
.gate .box p{padding:10px 26px 0;margin:0;color:var(--muted)}
.gate .box h3{padding:20px 26px 8px;font-size:1.3rem;color:var(--cream)}
.gate .box ul{margin:0;padding:0 46px 22px 26px;display:grid;gap:8px;color:var(--muted)}
.gate .box li::marker{color:var(--sand)}
.gate .box #ok{margin:0 26px 26px;width:calc(100% - 52px);justify-content:center}

/* ================= ط¹ظ†ط§طµط± ط¥ط¶ط§ظپظٹط© ================= */
.view-head h3{font-size:clamp(1.6rem,4vw,2rem);color:var(--sand)}
.view-head p{margin:6px 0 0;color:var(--muted)}
.count{color:var(--muted);margin:0 0 14px}
.ph{height:170px;display:grid;place-items:center;background:#0d0a14}
.cg>.soon{grid-column:1/-1}
.car dl dd.soft{font-family:'Tajawal',sans-serif;font-weight:500;font-size:1rem;line-height:1.75}
.muted{color:var(--muted)}
.guide-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.guide-top h3{font-size:1.35rem;color:var(--cream)}
.guide-desc{margin:0;white-space:pre-wrap;color:var(--muted)}
.report-tags{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.report-desc{margin:0;white-space:pre-wrap;line-height:1.9}
.field.full{grid-column:1/-1}
.auth-msg{margin:0;min-height:1.4em}
.auth-msg.err{color:#ff9b9b}
.auth-msg.ok{color:#9be3a8}
.btn:focus-visible,.tab:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--sand);outline-offset:2px}

@media(max-width:680px){
  .modal .tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gate .box ul{padding-inline-start:26px}
  .gate .box h2{padding-top:20px}
}

/* ================= طµظپط­ط§طھ ظ…ط³طھظ‚ظ„ط© ================= */
.page-main{padding:34px 0 30px;min-height:60vh;flex:1}
.page-head{padding:6px 0 24px}
.page-head.with-action{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.page-title{font-size:clamp(2rem,6vw,3rem);color:var(--sand);line-height:1.2}
.crumb{display:inline-block;font-size:.95rem;color:var(--muted);margin-bottom:8px}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--sand)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;max-width:520px}
.stat{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:rgba(13,10,20,.55);text-align:center}
.stat b{display:block;font:800 1.9rem 'Changa',sans-serif;color:var(--sand);line-height:1.2}
.stat span{color:var(--muted);font-size:.95rem}
.cards-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px}
.cards-nav.two{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.nav-card{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:radial-gradient(420px 200px at 50% 0,rgba(232,181,106,.1),transparent),rgba(13,10,20,.72);transition:transform .18s ease,border-color .18s ease}
.nav-card:hover{transform:translateY(-4px);border-color:rgba(232,181,106,.7)}
.nav-card .ico{font-size:2rem;line-height:1}
.nav-card h3{font-size:1.4rem;color:var(--cream)}
.nav-card p{margin:0;color:var(--muted);font-size:1rem;line-height:1.8}
.nav-card .more{margin-top:auto;color:var(--sand);font-weight:700}
.stack{display:grid;gap:18px}
.sub.tight{margin:6px 0 0}
.modal-box.wide{width:min(1180px,100%)}
.tabs.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.tabs.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.tabs.seven{grid-template-columns:repeat(7,minmax(0,1fr))}
.tabs.nine{grid-template-columns:repeat(9,minmax(0,1fr))}
.tabs.nine .tab{font-size:.92rem;padding:9px 6px}
@media(max-width:1100px){.tabs.nine{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .tabs.nine{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;margin-bottom:18px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .tabs.nine .tab{flex:0 0 auto;white-space:nowrap;font-size:.9rem;padding:8px 14px;scroll-snap-align:start}
}
.tabs.ten{grid-template-columns:repeat(5,minmax(0,1fr))}
.tabs.ten .tab{font-size:.9rem;padding:9px 6px}
@media(max-width:700px){
  .tabs.ten{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;margin-bottom:18px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .tabs.ten .tab{flex:0 0 auto;white-space:nowrap;font-size:.9rem;padding:8px 14px;scroll-snap-align:start}
}

/* ---------- الأدمن والصلاحيات ---------- */
.perm-box{margin:16px 0 22px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(13,10,20,.55)}
.perm-title{display:block;font-weight:700;color:var(--sand);margin-bottom:10px}
.perm-grid{display:flex;flex-wrap:wrap;gap:8px}
.perm-grid.inline{margin:4px 0}
.perm-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(232,181,106,.35);border-radius:999px;
  font-size:.94rem;color:var(--cream);cursor:pointer;background:rgba(232,181,106,.06);transition:border-color .15s,background .15s}
.perm-chip:hover{border-color:rgba(232,181,106,.75)}
.perm-chip input{accent-color:#e8b56a;width:16px;height:16px;margin:0;cursor:pointer}
.perm-chip.on{border-color:rgba(232,181,106,.75);background:rgba(232,181,106,.16)}
.perm-chip.off{opacity:.55}
.perm-chip input:disabled{cursor:not-allowed}
.user-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(13,10,20,.6)}
.user-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.user-main b{color:var(--cream);font-size:1.02rem;overflow-wrap:anywhere}
.user-main .muted{font-size:.88rem;overflow-wrap:anywhere}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.mini-title{margin:24px 0 10px;font-size:1.2rem;color:var(--sand)}
.code-cell{font-family:'Tajawal',monospace;letter-spacing:.5px;color:var(--sand);font-weight:700}
.cg{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.cg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cg{grid-template-columns:1fr}}
.foot-note{flex:1 1 100%;border-top:1px solid var(--line);padding-top:14px;line-height:1.9}

@media(max-width:680px){
  .stats{max-width:100%}
  .page-head.with-action .btn{width:100%;justify-content:center}
  .nav-card{padding:20px}
}

/* ---------- ويب هوك ديسكورد ---------- */
.wh-box{margin-top:6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(13,10,20,.55)}
.wh-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:.95rem}
.wh-mask{direction:ltr;unicode-bidi:embed;font-size:.86rem;padding:4px 10px;border-radius:8px;
  background:rgba(0,0,0,.35);border:1px solid var(--line);overflow-wrap:anywhere}
.pill.ok{border-color:rgba(127,209,143,.6);color:#9be0a8;max-width:220px}
.pill.off{border-color:rgba(242,151,151,.5);color:#f2a6a6;max-width:220px}
.wh-note{margin-top:12px;line-height:1.9;color:var(--muted)}
.wh-ok{color:#7fd18f}
.wh-err{color:#f29797}
#webhookEnabledChip{margin-bottom:14px}

/* ================= مشغّل المقاطع داخل الموقع ================= */
.guide-thumb{display:block;width:100%;height:200px;object-fit:cover;background:#0d0a14}

.guide-media{position:relative;display:block;width:100%;height:230px;padding:0;border:0;cursor:pointer;overflow:hidden;
  background:radial-gradient(320px 200px at 50% 30%,rgba(232,181,106,.16),transparent),linear-gradient(160deg,#1b1020,#08060c);
  font:inherit;color:inherit;isolation:isolate}
.guide-media.tiktok{height:290px;background:radial-gradient(300px 220px at 50% 35%,rgba(37,244,238,.14),transparent),linear-gradient(160deg,#160d1d,#08060c)}
.guide-media img{width:100%;height:100%;object-fit:cover;display:block;opacity:.86;transition:transform .25s ease,opacity .25s ease}
.guide-media:hover img{transform:scale(1.04);opacity:1}
.guide-media .play-btn{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg,#f5c98b,#e8b56a);color:#2a1608;font-size:1.45rem;line-height:1;
  padding-inline-start:4px;box-shadow:0 10px 30px rgba(0,0,0,.55);transition:transform .2s ease}
.guide-media:hover .play-btn{transform:scale(1.08)}
.guide-media .play-label{position:absolute;inset-inline:0;bottom:0;padding:10px 14px;font-size:.88rem;font-weight:700;
  color:var(--cream);background:linear-gradient(0deg,rgba(5,3,8,.94),transparent);text-align:center}

.video-modal .modal-box{width:min(1000px,100%);max-height:96vh;padding:0;overflow:hidden;display:flex;flex-direction:column}
.video-box .modal-head{padding:14px 18px;flex:0 0 auto}
.video-wrap{background:#000;display:flex;justify-content:center;align-items:center;min-height:0}
.video-wrap:empty{display:none}
.video-wrap.wide{width:min(100%,calc(72vh * 1.7778));aspect-ratio:16/9;margin-inline:auto}
.video-wrap.vertical{height:min(72vh,calc((100vw - 44px) * 1.7778),820px);aspect-ratio:9/16;margin-inline:auto}
.video-wrap iframe{width:100%;height:100%;border:0;display:block;background:#000}
.video-foot{display:flex;justify-content:center;padding:12px 18px;flex:0 0 auto}

.link-hint{min-height:1.15em;margin:6px 0 0;font-size:.92rem}
.link-hint.ok{color:#7fd18f}
.link-hint.err{color:#f29797}

@media(max-width:680px){
  .guide-media{height:210px}
  .guide-media.tiktok{height:250px}
  .video-wrap.vertical{height:min(64vh,calc((100vw - 30px) * 1.7778))}
}

/* ================= المقطع ظاهر من برا (بدون زر تشغيل) ================= */
.guide-player{position:relative;display:flex;justify-content:center;align-items:center;width:100%;
  background:#000;overflow:hidden}
.guide-player iframe{display:block;border:0;background:#000}

.guide-card .guide-player.youtube{aspect-ratio:16/9}
.guide-card .guide-player.youtube iframe{width:100%;height:100%}
.guide-card .guide-player.tiktok{height:clamp(330px,50vw,420px)}
.guide-card .guide-player.tiktok iframe{height:100%;aspect-ratio:9/16;width:auto;max-width:100%}

.guide-title-link{color:inherit;text-decoration:none}
.guide-title-link:hover{color:var(--sand)}

/* ================= صفحة المشاهدة المستقلة ================= */
.watch{display:grid;gap:22px}
.watch .guide-player{border:1px solid var(--line);border-radius:16px;margin-inline:auto}
.watch .guide-player.youtube{width:100%;max-width:980px;aspect-ratio:16/9}
.watch .guide-player.youtube iframe{width:100%;height:100%}
.watch .guide-player.tiktok{height:min(78vh,720px);max-width:100%}
.watch .guide-player.tiktok iframe{height:100%;aspect-ratio:9/16;width:auto;max-width:100%}
.watch-img{width:100%;max-height:520px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.watch-info{display:grid;gap:14px;border:1px solid var(--line);border-radius:16px;
  padding:clamp(18px,3vw,28px);background:radial-gradient(600px 260px at 50% 0,rgba(232,181,106,.08),transparent),rgba(13,10,20,.72)}
.watch-title{font-size:clamp(1.6rem,4vw,2.4rem);color:var(--sand);line-height:1.35}
.watch-info .guide-meta{align-items:center}
.watch-info .guide-desc{font-size:1.05rem;line-height:1.9}
.watch-info .cta-row{margin-top:4px}

.guide-mini{display:flex;flex-direction:column;gap:0;text-decoration:none;border:1px solid var(--line);
  border-radius:14px;overflow:hidden;background:rgba(13,10,20,.75);transition:border-color .18s,transform .18s}
.guide-mini:hover{border-color:rgba(232,181,106,.7);transform:translateY(-3px)}
.guide-mini img{width:100%;height:150px;object-fit:cover;background:#0d0a14;display:block}
.guide-mini-ph{display:grid;place-items:center;height:150px;font-size:2rem;
  background:radial-gradient(300px 160px at 50% 40%,rgba(232,181,106,.15),transparent),rgba(13,10,20,.9)}
.guide-mini-t{display:block;padding:12px 14px;color:var(--cream);font:700 1rem 'Changa',sans-serif}

/* ================= زر التخصيص ================= */
.prefs-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;
  font:700 .86rem 'Changa',sans-serif;color:var(--cream);background:rgba(232,181,106,.08);
  border:1px solid rgba(232,181,106,.35);border-radius:999px;padding:8px 12px;transition:border-color .18s,color .18s}
.prefs-link:hover{border-color:var(--sand);color:var(--sand)}

@media(max-width:1279px){
  .prefs-link{width:100%;margin-top:8px;padding:11px 16px;font-size:.95rem}
}
@media(max-width:680px){
  .guide-card .guide-player.tiktok{height:min(62vh,380px)}
  .watch .guide-player.tiktok{height:min(66vh,560px)}
}


/* ---------- ����� ����� ������� ---------- */
.dev-guard{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);z-index:9999;
  max-width:min(92vw,520px);padding:14px 20px;border-radius:14px;text-align:center;
  font:700 .98rem 'Changa','Tajawal',sans-serif;color:#fff2e2;
  background:linear-gradient(135deg,#5a1414,#8a2323);border:1px solid #e8b56a88;
  box-shadow:0 18px 46px #000000aa;opacity:0;pointer-events:none;
  transition:transform .28s ease,opacity .28s ease}
.dev-guard.show{transform:translate(-50%,0);opacity:1}

/* ---------- ��� ���������� ---------- */
.lock-banner{margin:0 0 16px;padding:16px 18px;border-radius:14px;
  background:linear-gradient(135deg,rgba(154,35,35,.28),rgba(232,181,106,.1));
  border:1px solid #e8b56a66;color:var(--cream);font-weight:600;line-height:1.9}
.lock-banner strong{color:var(--sand)}
.report-count{margin:0 0 14px;padding:10px 16px;border-radius:12px;
  background:rgba(232,181,106,.08);border:1px solid var(--line);
  color:var(--muted);font-size:.95rem}
.report-count strong{color:var(--sand)}
.btn.locked,.btn:disabled{opacity:.62;cursor:not-allowed;filter:saturate(.6)}
.log-detail{display:inline-block;max-width:560px;color:var(--cream);line-height:1.7}

/* ---------- بوابة الإدارة السرية ---------- */
.auth-shell{position:relative;z-index:5;min-height:100vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:18px;padding:clamp(18px,5vw,48px) 18px}
.auth-card{width:min(460px,100%);border-radius:20px;border:1px solid var(--line);
  background:radial-gradient(700px 320px at 50% 0,rgba(232,181,106,.12),transparent),linear-gradient(180deg,rgba(21,14,18,.98),rgba(13,10,20,.98));
  box-shadow:0 60px 120px rgba(0,0,0,.7);padding:clamp(22px,5vw,34px)}
.auth-brand{display:flex;align-items:center;gap:10px;color:var(--sand);
  font:800 1.12rem 'Changa','Tajawal',sans-serif;margin-bottom:18px}
.auth-mark{font-size:1.5rem;line-height:1}
.auth-step{display:grid;gap:14px}
.auth-step h1{font-size:1.5rem;color:var(--cream)}
.auth-step .sub{margin:0 0 4px;font-size:.95rem;line-height:1.8;max-width:none}
.auth-wide{width:100%;justify-content:center}
.auth-back{justify-content:center;width:100%;margin-top:6px}
.auth-msg{margin:14px 0 0;font-size:.95rem}
.admin-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;
  padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(13,10,20,.9)}
.admin-bar[hidden],.auth-card[hidden],.auth-step[hidden],#codeWrap[hidden]{display:none!important}