.sidebar{z-index:100;background-color:#f1f3f5;border-left:1px solid #0f172a0f;flex-direction:column;width:280px;min-width:280px;height:100vh;padding:0 16px;transition:transform .3s,opacity .3s,width .3s,min-width .3s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-header{direction:rtl;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding:24px 0;display:flex}.logo-container{align-items:center;gap:12px;max-width:calc(100% - 50px);display:flex}.logo-turaif{object-fit:contain;border-left:1px solid #d1d5db;width:200px;height:48px;padding-left:12px}.logo-imtithal{object-fit:contain;height:100px}.close-menu-btn{width:40px;min-width:40px;height:40px;color:var(--brand-primary);cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.menu-item-container{background:0 0;border-radius:24px;width:100%;max-width:257px;margin:0 auto 12px;transition:all .3s}.menu-item-container.is-active,.menu-item-container.is-expanded{background:#fff;border:1px solid #0f172a0d;border-radius:18px;padding-bottom:12px;box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a}.menu-link{width:100%;color:var(--brand-text);cursor:pointer;direction:rtl;background:#fff;border:1px solid #0f172a0d;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:8px;text-decoration:none;transition:all .2s;display:flex}.menu-link:hover:not(.is-active){background:#fff;border-color:#0f172a1a}.menu-item-container.is-active .menu-link,.menu-item-container.is-expanded .menu-link{background:0 0;border-color:#0000}.menu-icon{width:44px;height:44px;color:var(--brand-primary);background:#0000000d;border-radius:50%;justify-content:center;align-items:center;min-width:44px;transition:all .3s;display:flex}.is-active .menu-icon,.is-expanded .menu-icon{background:var(--brand-primary);color:#fff}.menu-title{color:inherit;text-align:right;flex:1;font-size:16px;font-weight:700}.submenu{margin:0 16px 0 0;padding:8px 0;list-style:none;position:relative}.submenu-item{padding-right:54px;position:relative}.submenu-item:before{content:"";border-bottom:1.5px solid #0000001a;border-right:1.5px solid #0000001a;border-bottom-right-radius:12px;width:20px;height:52px;position:absolute;top:-24px;right:30px}.submenu-item:first-child:before{height:40px;top:-12px}.submenu-item.is-active:before{border-color:var(--brand-primary);opacity:1;border-bottom-width:2px;border-right-width:2px}.submenu-link{color:#374151;text-align:right;cursor:pointer;background:0 0;padding:10px 0;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:block;position:relative;opacity:1!important}.submenu-link:hover{color:var(--brand-primary);padding-right:6px}.submenu-link.is-active{font-weight:700;color:var(--brand-primary)!important}.user-card{cursor:pointer;direction:rtl;background:#fff;border:1px solid #0f172a0d;border-radius:16px;align-items:center;gap:12px;margin-top:auto;margin-bottom:16px;padding:12px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a}.user-avatar{background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.user-avatar img{object-fit:contain;width:32px;height:32px}.user-info{text-align:right;flex-direction:column;flex:1;display:flex}.user-name{color:var(--brand-primary);font-size:14px;font-weight:700}.user-role{color:#9ca3af;font-size:11px}.user-action{width:32px;height:32px;color:var(--brand-primary);cursor:pointer;background:#f9fafb;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}
.dashboard-header{z-index:20;background-color:#0000;width:100%;padding:12px 28px;position:relative}.header-actions{direction:ltr;justify-content:space-between;align-items:center;gap:12px;display:flex}.right-side{flex:1;justify-content:flex-start;align-items:center;gap:12px;display:flex}.left-side{justify-content:flex-start;align-items:center;gap:12px;display:flex}.action-btn{color:#75797c;cursor:pointer;background:#fff;border:1px solid #e9ebec;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.action-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:0 4px 12px #0000000d}.expand-sidebar-btn{padding:8px;animation:.3s headerFadeIn}@media (min-width:1024px){.expand-sidebar-btn{display:none}}@keyframes headerFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.search-box{width:280px;position:relative}.search-input{color:#6c737f;direction:rtl;background:#f9fafb;border:1px solid #f3f4f6;border-radius:52px;width:100%;height:44px;padding:0 44px 0 16px;font-size:14px;transition:all .2s;box-shadow:0 2px 8px #0000000a}.search-input::placeholder{color:#929a9f}.search-input:focus{border-color:var(--brand-primary);background:#fff;outline:none;box-shadow:0 4px 12px #0000000d}.search-icon{color:#929a9f;pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}