:root{--nav-height:72px;--primary:#0b6cf2;--primary-dark:#0756c5;--dark:#0f172a;--muted:#64748b;--light:#f8fafc;--border:#e2e8f0;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Cairo","Noto Sans Arabic",Tahoma,Arial,sans-serif;padding-top:var(--nav-height);background:var(--light);color:#1e293b;min-height:100vh;display:flex;flex-direction:column}main{flex:1}.skip-link{position:fixed;z-index:3000;top:-60px;right:20px;background:#fff;color:#000;padding:10px 16px;border-radius:8px;box-shadow:0 4px 20px #0003}.skip-link:focus{top:10px}.smart-nav{height:var(--nav-height);background:rgba(255,255,255,.98);border-bottom:1px solid var(--border);box-shadow:0 2px 12px rgba(15,23,42,.04);backdrop-filter:blur(12px)}.brand-link{text-decoration:none;display:flex;align-items:center;gap:9px}.brand-icon{width:38px;height:38px;background:var(--primary);color:#fff;border-radius:11px;display:grid;place-items:center;box-shadow:0 5px 14px rgba(11,108,242,.25)}.brand-text{font-size:1.13rem;font-weight:800;color:var(--dark)}.nav-link{font-weight:700;color:#475569;padding:.55rem .8rem!important;border-radius:10px}.nav-link:hover,.nav-link.active{color:var(--primary);background:#eff6ff}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#64748b;position:relative;border:0;background:transparent;transition:.2s}.icon-btn:hover{background:#f1f5f9;color:var(--primary)}.badge-dot{position:absolute;top:2px;right:1px;min-width:18px;height:18px;padding:0 3px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;border-radius:10px;border:2px solid #fff;display:grid;place-items:center}.avatar-button{border:0;background:transparent;padding:0;border-radius:50%}.header-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px var(--border)}.dropdown-menu-custom{border:0;box-shadow:0 14px 36px rgba(15,23,42,.14);border-radius:14px;padding:8px;min-width:320px;margin-top:10px}.account-menu{min-width:245px}.notif-scroll{max-height:350px;overflow:auto}.menu-label{display:block;font-size:.72rem;font-weight:800;color:#94a3b8;padding:15px 20px 6px;text-transform:uppercase;letter-spacing:.08em;background:#f8fafc;border-top:1px solid #f1f5f9}.mobile-nav-link{display:flex;align-items:center;padding:12px 20px;color:#334155;text-decoration:none;font-weight:700}.mobile-nav-link:hover{background:#eff6ff;color:var(--primary)}.mobile-nav-link i{width:32px;opacity:.75}.user-mini-card{background:#fff;margin:15px;padding:15px;border-radius:12px;border:1px solid var(--border);display:flex;align-items:center;gap:12px}.site-footer{background:#111827;color:#fff}.footer-links{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}.footer-links a{color:#cbd5e1;text-decoration:none;font-size:.9rem}.footer-links a:hover{color:#fff}.seo-breadcrumb{font-size:.9rem}.seo-breadcrumb a{text-decoration:none}.surface-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(15,23,42,.04)}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.pagination .page-link{border-radius:10px!important;margin:0 3px;color:var(--primary)}img{max-width:100%}@media(max-width:991px){.footer-links{justify-content:flex-start}}@media(max-width:576px){:root{--nav-height:66px}.dropdown-menu-custom{position:fixed!important;left:10px!important;right:10px!important;top:var(--nav-height)!important;width:auto!important;min-width:0!important;margin:0!important;transform:none!important}.brand-text{font-size:1rem}.footer-links{gap:12px}}
.page-shell{padding-top:2rem;padding-bottom:3rem}.page-heading{margin:1rem 0 2rem}.page-heading h1{font-weight:850;color:var(--dark)}.page-heading p{color:var(--muted)}.breadcrumb-line{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;font-size:.9rem;color:var(--muted);margin-bottom:1rem}.breadcrumb-line a{text-decoration:none;color:var(--primary)}.rich-content{font-size:1.04rem}.rich-content h2,.rich-content h3,.rich-content h4{font-weight:800;margin-top:1.5em}.rich-content p{margin-bottom:1.1rem}.rich-content blockquote{border-right:4px solid var(--primary);padding:.75rem 1rem;background:#f8fafc}.notif-item{display:flex;gap:.75rem;padding:.85rem;text-decoration:none;color:#334155;border-bottom:1px solid #eef2f7;border-radius:10px}.notif-item:hover,.notif-item.unread{background:#eff6ff}.notif-item>span:last-child{display:flex;flex-direction:column;min-width:0}.notif-item small{color:#64748b}.notif-item time{font-size:.7rem;color:#94a3b8}.notif-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e0ecff;color:var(--primary);flex:0 0 36px}.message{max-width:78%;padding:.7rem 1rem;border-radius:16px;margin:.45rem 0;word-break:break-word}.message.sent{background:#0b6cf2;color:#fff;margin-right:auto;border-bottom-left-radius:4px}.message.received{background:#fff;border:1px solid #e2e8f0;margin-left:auto;border-bottom-right-radius:4px}.msg-time{display:block;font-size:.68rem;opacity:.75;margin-top:.3rem}.visually-safe-truncate{overflow-wrap:anywhere}