@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;margin:0;padding:0}:root{--bg:#f0f2f5;--card-bg:#fff;--text-primary:#1c1e21;--text-secondary:#65676b;--text-muted:#8a8d91;--accent:#1877f2;--accent-hover:#166fe5;--border:#e4e6eb;--hover-bg:#f2f3f5;--comment-bg:#f0f2f5;--danger:#e4405f;--success:#42b72a;--radius:8px;--radius-lg:12px;--shadow:0 1px 2px #0000001a;--shadow-lg:0 2px 8px #0000001a}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-theme=dark]{--bg:#18191a;--card-bg:#242526;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--text-muted:#8a8d91;--accent:#4599ff;--accent-hover:#5fa8ff;--border:#3a3b3c;--hover-bg:#3a3b3c;--comment-bg:#3a3b3c;--danger:#e4405f;--success:#42b72a;--shadow:0 1px 2px #0006;--shadow-lg:0 2px 8px #0006}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text-primary);text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;font-family:Cairo,Tajawal,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.hover-underline{text-decoration:none!important}.hover-underline:hover{text-decoration:underline!important}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}img{max-width:100%;height:auto;display:block}input,textarea{font-family:inherit;font-size:inherit}.nav-item{margin-bottom:-8px;padding-bottom:8px;position:relative}.nav-item>.nav-submenu{background:var(--card-bg);border:1px solid var(--border);z-index:200;border-radius:10px;min-width:190px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 24px #0000001f}.nav-item:after{content:"";height:16px;display:none;position:absolute;top:100%;left:0;right:0}.nav-item:hover:after,.nav-item:hover>.nav-submenu{display:block}.nav-submenu a,.nav-submenu button{text-align:start;width:100%;color:var(--text-primary);cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;padding:11px 18px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-submenu a:last-child,.nav-submenu button:last-child{border-bottom:none}.nav-submenu a:hover,.nav-submenu button:hover{color:var(--accent);background:#e7f3ff}.nav-submenu a.active{color:var(--accent);background:#e7f3ff;font-weight:700}@media (max-width:768px){.desktop-nav{display:none!important}.hamburger-btn{display:flex!important}}@media (min-width:769px){.mobile-menu{display:none!important}}body:has(.chat-page-main) footer{display:none!important}body:has(.chat-page-main)>div>div{min-height:auto!important}body:has(.chat-page-main){overflow:hidden}@media (max-width:640px){input,textarea,select{font-size:16px!important}.collections-sidebar{flex-direction:row!important;width:100%!important;margin-bottom:16px!important;display:flex!important;position:static!important;overflow-x:auto!important}.collections-sidebar>*{border-bottom:none!important;border-inline-end:1px solid var(--border)!important;flex-shrink:0!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-loader{background:linear-gradient(90deg, var(--comment-bg) 25%, var(--hover-bg) 50%, var(--comment-bg) 75%);background-size:200% 100%;animation:1.5s linear infinite shimmer}[data-theme=dark] .skeleton-loader{background:linear-gradient(90deg,#2a2b2c 25%,#3a3b3c 50%,#2a2b2c 75%) 0 0/200% 100%}@keyframes rotate{to{transform:rotate(360deg)}}.spinner-svg{animation:1.2s linear infinite rotate}.touch-target-44{position:relative}.touch-target-44:after{content:"";min-width:44px;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
