*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--header-bg:#101216;--header-h:65px;--border:#c4c4c4;--text:#222;--muted:#888;--accent:#d32f2f;--accent-dark:#b71c1c;--green:#92b600;--green-dark:#7d9d00}html{font-family:'Tajawal',sans-serif}body{direction:rtl;padding-top:var(--header-h);background:#f4f4f4}#page-loader{position:fixed;inset:0;background:#101216;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity 0.45s ease,visibility 0.45s ease}#page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-logo{width:120px;height:auto;animation:loaderPulse 1.3s ease-in-out infinite}@keyframes loaderPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.07);opacity:.72}}.loader-bar-wrap{width:160px;height:3px;background:rgb(255 255 255 / .08);border-radius:10px;overflow:hidden}.loader-bar{height:100%;background:linear-gradient(90deg,var(--green),var(--accent));border-radius:10px;animation:loaderSweep 1.5s ease-in-out infinite}@keyframes loaderSweep{0%{width:0%;transform:translateX(-100%)}50%{width:70%;transform:translateX(0)}100%{width:0%;transform:translateX(500%)}}#scroll-top-btn{position:fixed;bottom:26px;left:22px;width:44px;height:44px;background:var(--accent);color:#fff;border:none;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgb(211 47 47 / .45);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity 0.3s,visibility 0.3s,transform 0.3s,background 0.2s;z-index:9000}#scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}#scroll-top-btn:hover{background:var(--accent-dark);transform:translateY(-3px);box-shadow:0 8px 22px rgb(211 47 47 / .55)}#site-header{position:fixed;top:0;right:0;left:0;height:var(--header-h);background:var(--header-bg);border-bottom:1px solid rgb(255 255 255 / .08);box-shadow:0 2px 8px rgb(0 0 0 / .3);z-index:1000}.header-inner{max-width:1400px;margin:0 auto;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;gap:16px}.header-search{display:flex;align-items:center}.search-wrap{position:relative;width:100%;max-width:380px}.search-input{width:100%;height:40px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .18);border-radius:6px;padding:0 14px 0 44px;color:#fff;font-family:'Tajawal',sans-serif;font-size:14px;outline:none;direction:rtl;transition:border-color 0.2s,background 0.2s}.search-input::placeholder{color:rgb(255 255 255 / .45);font-size:13px}.search-input:focus{border-color:var(--accent);background:rgb(255 255 255 / .15)}.search-btn{position:absolute;left:0;top:0;height:40px;width:40px;background:var(--accent);border:none;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background 0.2s}.search-btn:hover{background:var(--accent-dark)}#search-results{display:none;position:absolute;top:calc(100% + 6px);right:0;left:0;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px rgb(0 0 0 / .2);z-index:999;max-height:360px;overflow-y:auto}#search-results.active{display:block}.sr-item{display:flex;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;color:var(--text);font-size:13px;border-bottom:1px solid #f0f0f0;transition:background 0.15s}.sr-item:last-child{border-bottom:none}.sr-item:hover{background:#fafafa}.sr-item img{width:42px;height:42px;object-fit:cover;border-radius:5px;flex-shrink:0}.header-logo{display:flex;justify-content:center}.logo-link{display:flex;align-items:center;text-decoration:none;transition:opacity 0.2s}.logo-link:hover{opacity:.8}.logo-img{height:42px;width:auto;object-fit:contain}.header-auth{display:flex;align-items:center;justify-content:flex-end;gap:10px}.auth-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);border-radius:50%;color:#fff;text-decoration:none;font-size:17px;cursor:pointer;transition:all 0.2s;flex-shrink:0}.auth-btn:hover{background:var(--accent);border-color:var(--accent)}.auth-btn .tip{position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);background:#333;color:#fff;font-size:11px;font-family:'Tajawal',sans-serif;padding:3px 9px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;z-index:10}.auth-btn:hover .tip{opacity:1}.register-btn{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}.register-btn:hover{background:var(--green-dark)!important;border-color:var(--green-dark)!important}.mobile-srch-btn{display:none;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);border-radius:50%;width:40px;height:40px;color:#fff;font-size:15px;cursor:pointer;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0}.mobile-srch-btn:hover{background:var(--accent);border-color:var(--accent)}.mobile-srch-btn.active{background:var(--accent);border-color:var(--accent)}#mobile-search-bar{display:none;position:fixed;top:var(--header-h);right:0;left:0;background:var(--header-bg);border-bottom:1px solid rgb(255 255 255 / .1);padding:10px 14px;z-index:999;box-shadow:0 4px 12px rgb(0 0 0 / .3)}#mobile-search-bar.open{display:block;animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#mobile-search-bar .search-wrap{max-width:100%}#mob-search-results{display:none;position:absolute;top:calc(100% + 4px);right:0;left:0;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px rgb(0 0 0 / .2);z-index:999;max-height:300px;overflow-y:auto}#mob-search-results.active{display:block}
.user-menu-wrap{position:relative}.user-menu-btn{display:flex;align-items:center;gap:7px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);border-radius:50px;padding:5px 12px 5px 6px;cursor:pointer;font-family:'Tajawal',sans-serif;color:#fff;font-size:13px;font-weight:700;transition:all 0.2s;max-width:180px;white-space:nowrap}.user-menu-btn:hover{border-color:var(--accent);background:rgb(211 47 47 / .15)}.user-avatar-thumb{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-name-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.user-chevron{font-size:10px;color:rgb(255 255 255 / .5);transition:transform 0.2s;flex-shrink:0}.user-dropdown{display:none;position:absolute;top:calc(100% + 10px);left:0;background:#fff;border:1px solid #e5e5e5;border-radius:10px;min-width:220px;box-shadow:0 8px 32px rgb(0 0 0 / .18);z-index:1100;overflow:hidden}.user-dropdown.open{display:block;animation:dropIn 0.18s ease}@keyframes dropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ud-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f8f8f8;border-bottom:1px solid #eee}.ud-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.ud-username{font-size:13px;font-weight:700;color:var(--text)}.ud-label{font-size:11px;color:#999}.ud-item{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--text);text-decoration:none;transition:background 0.15s}.ud-item i{width:16px;text-align:center;color:#888;font-size:13px}.ud-item:hover{background:#f5f5f5}.ud-item:hover i{color:var(--accent)}.ud-divider{height:1px;background:#eee;margin:4px 0}.ud-logout{color:#d32f2f!important}.ud-logout i{color:#d32f2f!important}.ud-logout:hover{background:#fff5f5!important}#mobile-action-bar{display:none;align-items:center;justify-content:center;gap:14px;padding:7px 16px 8px;background:rgb(255 255 255 / .05);border-top:1px solid rgb(255 255 255 / .07)}@media (max-width:860px){:root{--header-h:108px}#site-header{height:var(--header-h)}.header-inner{grid-template-columns:1fr;grid-template-rows:58px auto;padding:0;gap:0;height:auto}.header-search{display:none}.header-auth{display:none}.header-logo{grid-column:1;grid-row:1;justify-content:center;align-items:center;height:58px;padding:0 16px}#mobile-action-bar{display:flex}.user-name-label{display:none}.user-menu-btn{padding:5px 8px 5px 6px;max-width:unset}.user-dropdown{top:calc(100% + 8px);left:auto;right:0;min-width:220px}#mobile-search-bar{top:var(--header-h)}#scroll-top-btn{width:40px;height:40px;font-size:14px;bottom:16px;left:14px}.loader-logo{width:90px}}@media (max-width:480px){.logo-img{height:36px}}@media (max-width:360px){.logo-img{height:32px}#mobile-action-bar{gap:10px;padding:7px 10px}.auth-btn{width:36px;height:36px;font-size:15px}.mobile-srch-btn{width:36px;height:36px;font-size:14px}}