:root{--bg:#f6f7f9;--card:#fff;--ink:#14161a;--mut:#6b7280;--line:#e5e7eb;--pri:#6A35F0;--priInk:#fff;--ok:#0f9d58;--err:#d93025}
@media (prefers-color-scheme:dark){:root{--bg:#0e1013;--card:#161a1f;--ink:#eceff3;--mut:#9aa3af;--line:#262b33}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 'IBM Plex Sans Arabic',system-ui,sans-serif}
a{color:var(--pri);text-decoration:none}
.top{display:flex;align-items:center;gap:24px;padding:14px 24px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{font-weight:600;color:var(--ink);font-size:18px}.brand b{color:var(--pri)}
.top nav{display:flex;gap:18px;flex:1}.top nav a{color:var(--ink)}
.who{display:flex;gap:12px;align-items:center}
main{max-width:1120px;margin:0 auto;padding:28px 16px 56px}
.foot{text-align:center;color:var(--mut);padding:24px;font-size:14px}
h1{font-size:28px;margin:0 0 8px}h3{margin:0}
.muted{color:var(--mut)}.center{text-align:center}
.box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}
.narrow{max-width:420px;margin:32px auto}
label{display:block;margin:14px 0 6px;font-weight:500}
input,select{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit}
input:focus,select:focus{outline:2px solid var(--pri);outline-offset:1px}
.btn{display:inline-block;background:var(--pri);color:var(--priInk);border:0;border-radius:12px;padding:11px 20px;font:inherit;font-weight:600;cursor:pointer}
.btn.block{width:100%;margin-top:18px}.btn.small{padding:7px 14px}
button.link{background:none;border:0;color:var(--mut);font:inherit;cursor:pointer;padding:0}
.flash{padding:12px 16px;border-radius:12px;margin-bottom:18px;background:#e8f0fe;color:#174ea6}
.flash.error{background:#fdecea;color:var(--err)}.flash.ok{background:#e6f4ea;color:var(--ok)}
.hero{margin-bottom:24px}
.filters{display:grid;grid-template-columns:1fr 200px auto;gap:10px;margin-top:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.cover{height:110px;background:linear-gradient(135deg,var(--c),#0b1020);position:relative}
.logo{position:absolute;bottom:-22px;right:18px;width:52px;height:52px;border-radius:14px;background:var(--card);display:grid;place-items:center;font-weight:700;font-size:22px;border:3px solid var(--card);color:var(--c)}
.card .body{padding:32px 18px 18px}
.meta{display:flex;justify-content:space-between;color:var(--mut);font-size:14px;margin:4px 0}
.rate{color:#b7791f;font-weight:600}
.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0 0;font-size:14px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:20px 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}
.stat b{display:block;font-size:30px}.stat span{color:var(--mut);font-size:14px}
@media(max-width:640px){.filters{grid-template-columns:1fr}.top{gap:10px 12px;padding:12px 16px;flex-wrap:wrap}.who{margin-inline-start:auto}}
textarea{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
.chk{display:flex;gap:8px;align-items:center;font-weight:400;margin:4px 0}.chk input{width:auto}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.tabs a{padding:7px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink)}
.tabs a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.row{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:14px;flex-wrap:wrap}
.acts{display:flex;gap:8px;flex-wrap:wrap;min-width:260px}.acts input{flex:1 1 100%}
.btn.danger{background:var(--err)}
a.card{display:block;color:inherit}a.card:hover{border-color:var(--pri)}
.cover{background-size:cover;background-position:center}.logo img,.pf-logo img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.pf-cover{height:220px;border-radius:18px;background:linear-gradient(135deg,var(--c),#0b1020);background-size:cover;background-position:center}
.pf-id{display:flex;gap:16px;align-items:flex-end;margin:-34px 20px 20px;flex-wrap:wrap}
.pf-logo{width:84px;height:84px;border-radius:20px;background:var(--card);border:4px solid var(--bg);display:grid;place-items:center;font:700 34px/1 inherit;color:var(--c);flex:none;overflow:hidden}
.pf-id>div{flex:1;padding-top:40px}.pf-id h1{margin:0}.meta2{display:flex;gap:14px;color:var(--mut)}
.pf-cols{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}.pf-cols .box{margin-bottom:18px}
h2{font-size:18px;margin:0 0 12px}
.svc{list-style:none;margin:0;padding:0}.svc li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.svc li:last-child{border:0}
.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.work{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.work img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.work figcaption{padding:10px 12px;font-size:14px;display:flex;flex-direction:column;gap:2px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.svcrow{display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:center}
.thumb{height:56px;margin-top:8px;border-radius:10px;display:block}.thumb.wide{height:56px;width:auto}
.small{font-size:13px}
@media(max-width:820px){.pf-cols{grid-template-columns:1fr}.two{grid-template-columns:1fr}.pf-cover{height:150px}}
.starset{display:inline-flex;flex-direction:row-reverse;gap:2px}.starset input{position:absolute;opacity:0;width:1px}
.starset label{font-size:30px;line-height:1;color:var(--line);cursor:pointer;margin:0;font-weight:400}
.starset input:checked~label,.starset label:hover,.starset label:hover~label{color:#f5a623}
.starset input:focus-visible+label{outline:2px solid var(--pri)}
.stars{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.bars{display:grid;gap:8px;margin-bottom:16px}.bars div{display:grid;grid-template-columns:80px 1fr 36px;gap:10px;align-items:center;font-size:14px}
.bars i{height:8px;background:var(--line);border-radius:6px;overflow:hidden;display:block}.bars u{display:block;height:100%;background:#f5a623}
.rev{border-top:1px solid var(--line);padding:12px 0}.reply{background:var(--bg);padding:10px 14px;border-radius:12px;font-size:14px}
.lvl{padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;background:#b87333}.lvl.silver{background:#8a94a0}.lvl.gold{background:#d4a017}
.between{display:flex;justify-content:space-between;align-items:center;gap:12px}
a.thread{display:flex;gap:16px;align-items:center;margin-bottom:10px;color:inherit;padding:16px 20px}a.thread:hover{border-color:var(--pri)}
.vc{text-align:center;min-width:46px}.vc b{display:block;font-size:20px}.vc small{color:var(--mut)}.tm{flex:1}
.pill{padding:2px 10px;border-radius:999px;font-size:12px;background:var(--line);color:var(--ink)}.pill.ok{background:#e6f4ea;color:var(--ok)}
.th{display:flex;gap:16px;align-items:flex-start}.vote{display:flex;flex-direction:column;align-items:center;min-width:40px}
.vb{background:none;border:1px solid var(--line);border-radius:10px;color:var(--mut);cursor:pointer;width:36px;height:30px}.vb.on{color:var(--pri);border-color:var(--pri)}.vb:disabled{opacity:.4;cursor:default}
.inl{display:inline}.acts2{display:flex;gap:14px;margin-top:6px}.danger-t{color:var(--err)!important}
.best{border-color:var(--ok)}.gone{opacity:.6}.work-img{width:120px;height:120px;object-fit:cover;border-radius:10px}
.slider{position:relative;max-width:1120px;margin:16px auto 0;aspect-ratio:16/5;border-radius:18px;overflow:hidden;background:var(--card)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none}.slide.on{opacity:1;pointer-events:auto}
.slide img,.slide a{display:block;width:100%;height:100%;object-fit:cover}
.dots{position:absolute;bottom:10px;inset-inline:0;display:flex;justify-content:center;gap:7px}
.dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);cursor:pointer;padding:0}.dots button.on{background:#fff}
@media(max-width:640px){.slider{margin:12px 16px 0;aspect-ratio:16/9;border-radius:14px}}
.slrow{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.slrow img{width:180px;aspect-ratio:16/5;object-fit:cover;border-radius:10px}

main.wide{max-width:1500px}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.mcard{display:block;color:inherit}.mcard:hover .mt{color:var(--pri)}
.mimg{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#eee;display:grid;place-items:center}.mimg img{width:100%;height:100%;object-fit:cover;display:block}
.mt{font-weight:600;margin:8px 2px 2px;font-size:15px}.mm{display:flex;justify-content:space-between;color:var(--mut);font-size:13px;margin:0 2px}
.mdetail{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}
.mmain{border-radius:16px;overflow:hidden;background:#eee;aspect-ratio:4/3;display:grid;place-items:center}.mmain img{width:100%;height:100%;object-fit:contain}
.mthumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.mthumbs img{width:84px;height:64px;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid var(--line)}
@media(max-width:820px){.mdetail{grid-template-columns:1fr}}
.mcard.soon{opacity:.6;cursor:default}.mcard.soon .mimg{background:linear-gradient(135deg,#efe7d8,#e2d6bf)}
.glyph{font-size:72px;color:#b9a88a;font-weight:700}

/* قائمة المستخدم + صفحة حسابي */
.um{position:relative}.um summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:999px}
.um summary::-webkit-details-marker{display:none}.um[open] summary,.um summary:hover{background:rgba(0,0,0,.05)}
.um-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);min-width:180px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:6px;display:flex;flex-direction:column;z-index:50}
.um-menu a,.um-menu button{padding:9px 12px;border-radius:8px;color:inherit;text-align:start;background:none;border:0;font:inherit;cursor:pointer;width:100%}
.um-menu a:hover,.um-menu button:hover{background:rgba(106,53,240,.08)}
.avatar{width:56px;height:56px;border-radius:50%;background:#6A35F0;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:700;flex:none}.avatar.sm{width:28px;height:28px;font-size:14px}
.acc{display:flex;flex-direction:column;gap:16px;max-width:980px;margin:0 auto}.acc-head{display:flex;gap:16px;align-items:center}.acc-head h1{margin:0}
.acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.acc-grid{grid-template-columns:1fr}}
.acc-links{display:flex;flex-direction:column;gap:12px}.acc-card{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}
.acc-btns{display:flex;gap:8px;flex-wrap:wrap}.acc-rev{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.acc-rev:last-child{border:0}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:rgba(106,53,240,.1);font-size:.85em}.pill.ok{background:#dff6e5}.pill.warn{background:#fff1cf}.pill.off{background:#fde2e2}
.btn.alt{background:transparent;color:inherit;border:1px solid rgba(0,0,0,.18)}.btn.alt:hover{background:rgba(0,0,0,.04)}

.tbar{background:#eef3ff;color:#1c3f99;text-align:center;padding:8px 16px;font-size:14px}.tbar a{font-weight:600}@media(prefers-color-scheme:dark){.tbar{background:#16233f;color:#9db9ff}}