.dashboard-page.admin-dashboard #header{width:calc(100% - 250px)}.dashboard-page.client-dashboard .brand .sidebar-btn{display:none}#header{display:flex;align-items:center;position:fixed;justify-content:space-between;gap:10px;padding:0 20px;height:60px;border-bottom:1px solid #f4f7fe;width:100%;transition:.2s;background-color:#fff;z-index:3}#header .center,#header .end,#header .start{flex:1 1}#header .start{display:flex;align-items:center;gap:10px}#header .start .sidebar-btn{background-color:rgba(0,0,0,0);display:none}#header .brand{display:flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content}#header .brand .logo{width:40px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}#header .brand .logo img{width:100%;height:100%;object-fit:contain}#header .brand .title{font-weight:600;margin-bottom:0;color:#000;font-size:25px;transition:.2s}#header .center{display:flex;justify-content:center}#header .center nav ul{list-style:none;display:flex;align-items:center;gap:10px}#header .center nav ul li a{position:relative;display:flex;justify-content:center;align-items:center;border-radius:50%;text-decoration:none;color:#333;font-size:16px;width:40px;aspect-ratio:1/1;border:1px solid #eee;background-color:#fff;transition:.2s}#header .center nav ul li a.active{background-color:#38bdf8}#header .center nav ul li a.active .icon{color:#fff}#header .center nav ul li a .icon{width:20px;height:20px}#header .center nav ul li a .text{position:absolute;bottom:-40px;background-color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;box-shadow:0 2px 5px rgba(0,0,0,.1);scale:0;transition:.2s}#header .center nav ul li a .text:hover{scale:0!important}#header .center nav ul li a .text:after{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);border:8px solid rgba(0,0,0,0);border-top:none;border-bottom:8px solid #fff;width:0;height:0;z-index:1}#header .center nav ul li a:hover{scale:1.2;border-color:#ddd;box-shadow:0 5px 10px rgba(0,0,0,.1176470588)!important}#header .center nav ul li a:hover .icon{transition:.8s}#header .center nav ul li a:hover .text{scale:1}#header .center nav ul li:nth-child(2) a,#header .center nav ul li:nth-child(4) a{top:15px;width:45px;box-shadow:0 5px 5px rgba(0,0,0,.062745098)}#header .center nav ul li:nth-child(2) a .icon,#header .center nav ul li:nth-child(4) a .icon{width:30px;height:30px}#header .center nav ul li:nth-child(3) a{top:25px;width:50px;box-shadow:0 5px 5px rgba(0,0,0,.062745098)}#header .center nav ul li:nth-child(3) a .icon{width:40px;height:40px}#header .page-name{display:flex;justify-content:center;font-weight:400;font-size:25px;white-space:nowrap}#header .end{display:flex;align-items:center;justify-content:flex-end;gap:10px}#header .end .header-btn{border:none;width:40px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;transition:.2s;border-radius:50%;background-color:rgba(0,0,0,0);cursor:pointer}#header .end .header-btn:hover{background-color:#e2e7f0}#header .end .header-btn i{font-size:25px;padding-top:2px}#header .end .header-btn.active{background-color:#e2e7f0}#header .end .header-btn.active .icon{color:#38bdf8}#header .end .user-box-container .user-box{position:relative;display:flex;align-items:center;gap:10px;transition:.2s;border-radius:50%;cursor:pointer}#header .end .user-box-container .user-box .circle-image{transition:.2s}#header .end .user-box-container .user-box>.icon{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;background-color:#ddd!important;border-radius:50%;border:2px solid #fff}#header .end .user-box-container .user-box:hover .circle-image{filter:brightness(1.1)}#header .end .user-box-container .header-dropdown{position:absolute;top:70px;right:10px;background-color:#fff;box-shadow:0 3px 7px rgba(0,0,0,.0941176471);padding:10px;border-radius:10px;width:240px}#header .end .user-box-container .header-dropdown ul{list-style:none}#header .end .user-box-container .header-dropdown ul li .main-btn{background-color:rgba(0,0,0,0);padding:0;border-radius:0;color:#000}#header .end .user-box-container .header-dropdown ul li .main-btn,#header .end .user-box-container .header-dropdown ul li .smart-link{justify-content:flex-start;color:#000;height:-moz-fit-content;height:fit-content;padding:5px;width:100%;transition:.2s;border-radius:6px}#header .end .user-box-container .header-dropdown ul li .main-btn .icon,#header .end .user-box-container .header-dropdown ul li .smart-link .icon{color:#000}#header .end .user-box-container .header-dropdown ul li .main-btn:hover,#header .end .user-box-container .header-dropdown ul li .smart-link:hover{background-color:#eee!important;filter:brightness(1)}#rtl #header .start .brand .title{font-weight:500}#rtl #header .center{direction:ltr}#rtl #header .notifications-dropdown,#rtl #header .user-box-container .header-dropdown{right:unset;left:10px}@media(max-width:1000px){#header{padding:0 10px}#header .start .sidebar-btn{display:flex}#header .brand .logo{width:40px;aspect-ratio:1/1}#header .page-name{font-size:20px}#header .center{position:absolute;left:50%;translate:-50% 0;width:100%;height:40px;top:calc(100dvh - 40px);background-color:#fff;border-radius:60%;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 -6px 5px rgba(0,0,0,.062745098)}#header .center nav ul li a{top:-15px}#header .center nav ul li a:hover .icon{rotate:0deg!important}#header .center nav ul li a:hover .text{display:none}#header .center nav ul li:nth-child(2) a,#header .center nav ul li:nth-child(4) a{top:-20px}#header .center nav ul li:nth-child(3) a{top:-25px}#header .end .user-box-container .user-box .text{display:none}}@media(max-width:480px){#header .end,#header .page-name,#header .start{flex-grow:0;flex-basis:unset}#header .brand .title{display:none}#header .page-name{font-size:13px}#header .end{gap:5px}#header .end .user-box{padding:0}#header .header-dropdown,#header .notifications-dropdown{position:fixed!important;top:80px!important;left:30px;width:calc(100dvw - 60px)!important}}@media(max-width:400px){#header .page-name{display:none}}@keyframes shineStar{0%{opacity:0;transform:scale(1)}to{opacity:.7;transform:scale(1.5)}}.notifications-box .notifications-btn{position:relative}.notifications-box .notifications-btn .notifications-count{display:flex;justify-content:center;align-items:center;background-color:#f53b3b;width:18px;height:18px;border-radius:50%;position:absolute;top:2px;right:2px;color:#fff;font-size:12px;font-weight:600}.notifications-box .notifications-dropdown{position:absolute;top:70px;right:10px;background-color:#fff;border-radius:10px;box-shadow:0 3px 7px rgba(0,0,0,.0941176471);width:300px;transition:.2s;transform-origin:top center}.notifications-box .notifications-dropdown .top{display:flex;justify-content:space-between;border-bottom:1px solid #e2e7f0;background-color:#38bdf8;color:#fff;border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:10px}.notifications-box .notifications-dropdown .top .notifications-title{line-height:25px}.notifications-box .notifications-dropdown .top .total{font-size:14px;display:flex;align-items:center;gap:5px}.notifications-box .notifications-dropdown .loading-notifications-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.1215686275)}.notifications-box .notifications-dropdown .notifications-list{display:flex;flex-direction:column;gap:10x;overflow-y:auto;height:350px;padding:10px;gap:10px;border-bottom:1px solid #e2e7f0}.notifications-box .notifications-dropdown .notifications-list .no-notifications{text-align:center}.notifications-box .notifications-dropdown .notifications-list .notification-item{display:flex;align-items:center;gap:10px;padding:7px;border-radius:10px;transition:.2s;border:1px solid #e2e7f0;color:#000}.notifications-box .notifications-dropdown .notifications-list .notification-item:hover{box-shadow:0 3px 7px rgba(0,0,0,.0941176471)}.notifications-box .notifications-dropdown .notifications-list .notification-item:hover.unread{border-color:#fff}.notifications-box .notifications-dropdown .notifications-list .notification-item:hover .content .notification-bottom .buttons{opacity:1}.notifications-box .notifications-dropdown .notifications-list .notification-item.unread{background-color:#e2e7f0}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon,.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .image{width:40px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:#f4f7fe;color:#fff;border-radius:50%;flex-shrink:0}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon{background:#e2e7f0}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.red{background:linear-gradient(20deg,rgb(252,38,38),rgb(255,162,162))}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.green{background:linear-gradient(20deg,rgb(25,179,19),rgb(150,224,140))}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.blue{background:linear-gradient(20deg,rgb(17,76,204),rgb(140,179,224))}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.yellow{background:linear-gradient(20deg,rgb(204,185,17),rgb(215,224,140))}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.orange{background:linear-gradient(20deg,rgb(248,157,21),rgb(255,216,165))}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.purple{background:linear-gradient(20deg,rgb(94,24,224),rgb(195,167,247))}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.pink{background:linear-gradient(20deg,rgb(184,24,224),rgb(238,167,247))}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box{position:relative}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .image{overflow:hidden;border:1px solid #e2e7f0;cursor:pointer}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .image:hover img{filter:brightness(1.1);scale:1.1}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .image img{width:100%;height:100%;object-fit:cover;transition:.2s}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .icon{position:absolute;top:calc(100% - 5px);left:calc(100% - 5px);width:20px;translate:-50% -50%}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .icon i{font-size:9px}.notifications-box .notifications-dropdown .notifications-list .notification-item .content{font-size:13px;font-weight:400;flex:1 1}.notifications-box .notifications-dropdown .notifications-list .notification-item .content a{font-size:13px}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .bold-link{color:#000;font-weight:600}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .bold{font-weight:600}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .notification-bottom{display:flex;align-items:center;justify-content:space-between;height:20px}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .notification-bottom time{font-size:11px;font-weight:500}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .notification-bottom .buttons{overflow:hidden;opacity:0;transition:.2s}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .notification-bottom .buttons .notification-btn{width:20px;aspect-ratio:1/1;height:unset;padding:0}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .notification-bottom .buttons .notification-btn i{font-size:10px}.notifications-box .notifications-dropdown .bottom{padding:0}.notifications-box .notifications-dropdown .bottom .mark-all-as-read-btn{background-color:rgba(0,0,0,0);border:none;padding:10px;width:100%;height:unset;color:#000;font-weight:500;font-size:14px;border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;display:flex;justify-content:center}.notifications-box .notifications-dropdown .bottom .mark-all-as-read-btn:hover{border-color:rgba(0,0,0,0);background-color:#f4f7fe}