@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url("./media/tajawal-arabic-400-normal-V4GVDZQ4.woff2") format("woff2"),url("./media/tajawal-arabic-400-normal-X5PKMNBI.woff") format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url("./media/tajawal-latin-400-normal-FDC6VRGD.woff2") format("woff2"),url("./media/tajawal-latin-400-normal-67726MBS.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url("./media/tajawal-arabic-700-normal-WTIKMJHW.woff2") format("woff2"),url("./media/tajawal-arabic-700-normal-ZH6DCJPN.woff") format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url("./media/tajawal-latin-700-normal-7KSL63JY.woff2") format("woff2"),url("./media/tajawal-latin-700-normal-N3JSFYPW.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box;font-family:Tajawal,sans-serif!important}html{font-family:Tajawal,sans-serif!important}app-root{display:block;background-color:#eee;font-family:Tajawal,sans-serif;--poppins: Poppins, sans-serif;--lato: Tajawal, sans-serif;--light: #F9F9F9;--blue: #3C91E6;--light-blue: #CFE8FF;--grey: #eee;--dark-grey: #AAAAAA;--dark: #342E37;--red: #DB504A;--yellow: #FFCE26;--light-yellow: #FFF2C6;--orange: #FD7238;--light-orange: #FFE0D3}app-root.dark{--light: #0C0C1E;--grey: #060714;--dark: #FBFBFB}app-root.rtl{direction:rtl}app-root.rtl *{direction:rtl}body{background:#eee;overflow-x:hidden;font-family:Tajawal,sans-serif}a{text-decoration:none}li{list-style:none}.lang-switch{background:#cfe8ff;color:#3c91e6;border:none;padding:6px 12px;border-radius:20px;font-family:Tajawal,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease}.lang-switch:hover{background:#3c91e6;color:#f9f9f9}.icon-right{margin-left:auto!important}.rtl .icon-right{margin-left:0!important;margin-right:auto!important}#sidebar{position:fixed;top:0;left:0;width:220px;height:100%;background:var(--light, #F9F9F9);z-index:2000;font-family:Tajawal,sans-serif;transition:.3s ease;overflow-x:hidden;scrollbar-width:none;display:flex;flex-direction:column}.rtl #sidebar{left:auto;right:0}#sidebar::--webkit-scrollbar{display:none}#sidebar.hide{width:60px}#sidebar .brand{font-size:24px;font-weight:700;height:56px;display:flex;align-items:center;color:#3c91e6;position:sticky;top:0;left:0;background:var(--light, #F9F9F9);z-index:500;padding-bottom:20px;box-sizing:content-box}.rtl #sidebar .brand{left:auto;right:0}#sidebar .brand .bx{min-width:60px;display:flex;justify-content:center}#sidebar .side-menu{width:100%;margin-top:48px}#sidebar .side-menu.bottom{margin-top:auto;padding-bottom:20px}#sidebar .side-menu li{height:48px;background:transparent;margin-left:6px;border-radius:48px 0 0 48px;padding:4px}.rtl #sidebar .side-menu li{margin-left:0;margin-right:6px;border-radius:0 48px 48px 0}#sidebar .side-menu li.active{background:var(--grey, #eee);position:relative}#sidebar .side-menu li.active:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;top:-40px;right:0;box-shadow:20px 20px 0 var(--grey, #eee);z-index:-1}.rtl #sidebar .side-menu li.active:before{right:auto;left:0;box-shadow:-20px 20px 0 var(--grey, #eee)}#sidebar .side-menu li.active:after{content:"";position:absolute;width:40px;height:40px;border-radius:50%;bottom:-40px;right:0;box-shadow:20px -20px 0 var(--grey, #eee);z-index:-1}.rtl #sidebar .side-menu li.active:after{right:auto;left:0;box-shadow:-20px -20px 0 var(--grey, #eee)}#sidebar .side-menu li a{width:100%;height:100%;background:var(--light, #F9F9F9);display:flex;align-items:center;border-radius:48px;font-size:16px;color:var(--dark, #342E37);white-space:nowrap;overflow-x:hidden}#sidebar .side-menu li a.logout{color:#db504a}#sidebar .side-menu li a .bx{min-width:40px;display:flex;justify-content:center}#sidebar .side-menu li:not(.active) a:hover{color:#3c91e6}#sidebar .side-menu.top li.active a{color:#3c91e6}#sidebar.hide .side-menu li a{width:40px;transition:width .3s ease}.app-content{position:relative;width:calc(100% - 220px);left:220px;transition:.3s ease;min-height:100vh}.rtl .app-content{left:0;right:220px}.app-content.sidebar-hidden{width:calc(100% - 60px);left:60px}.rtl .app-content.sidebar-hidden{left:0;right:60px}.app-content nav{height:56px;background:var(--light, #F9F9F9);padding:0 24px;display:flex;align-items:center;grid-gap:24px;font-family:Tajawal,sans-serif;position:sticky;top:0;left:0;z-index:1000}.rtl .app-content nav{left:auto;right:0}.app-content nav:before{content:"";position:absolute;width:40px;height:40px;bottom:-40px;left:0;border-radius:50%;box-shadow:-20px -20px 0 var(--light, #F9F9F9)}.rtl .app-content nav:before{left:auto;right:0;box-shadow:20px -20px 0 var(--light, #F9F9F9)}.app-content nav a{color:var(--dark, #342E37)}.app-content nav .bx.bx-menu{cursor:pointer;color:var(--dark, #342E37)}.app-content nav .nav-link{font-size:16px;transition:.3s ease}.app-content nav .nav-link:hover{color:#3c91e6}.app-content nav form{max-width:400px;width:100%;margin-right:auto}.rtl .app-content nav form{margin-right:0;margin-left:auto}.app-content nav form .form-input{display:flex;align-items:center;height:36px}.app-content nav form .form-input input{flex-grow:1;padding:0 16px;height:100%;border:none;background:var(--grey, #eee);border-radius:36px 0 0 36px;outline:none;width:100%;color:var(--dark, #342E37)}.rtl .app-content nav form .form-input input{border-radius:0 36px 36px 0}.app-content nav form .form-input button{width:36px;height:100%;display:flex;justify-content:center;align-items:center;background:#3c91e6;color:#f9f9f9;font-size:18px;border:none;outline:none;border-radius:0 36px 36px 0;cursor:pointer}.rtl .app-content nav form .form-input button{border-radius:36px 0 0 36px}.app-content nav .notification{font-size:20px;position:relative}.app-content nav .notification .num{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:2px solid var(--light, #F9F9F9);background:#db504a;color:#f9f9f9;font-weight:700;font-size:12px;display:flex;justify-content:center;align-items:center}.rtl .app-content nav .notification .num{right:auto;left:-6px}.app-content nav .notification-menu,.app-content nav .profile-menu{display:none;position:absolute;top:56px;right:24px;background:var(--light, #F9F9F9);box-shadow:0 2px 10px #0000001a;border-radius:15px;z-index:9999;font-family:Tajawal,sans-serif}.rtl .app-content nav .notification-menu,.rtl .app-content nav .profile-menu{right:auto;left:24px}.app-content nav .notification-menu.show,.app-content nav .profile-menu.show{display:block}.app-content nav .notification-menu ul,.app-content nav .profile-menu ul{list-style:none;padding:10px;margin:0}.app-content nav .notification-menu li,.app-content nav .profile-menu li{padding:10px;border-bottom:1px solid var(--grey, #eee);color:var(--dark, #342E37);cursor:pointer}.app-content nav .notification-menu li:hover,.app-content nav .profile-menu li:hover{background-color:#cfe8ff}.dark .app-content nav .notification-menu li:hover,.dark .app-content nav .profile-menu li:hover{background-color:#cfe8ff;color:#342e37}.app-content nav .notification-menu li a,.app-content nav .profile-menu li a{color:var(--dark, #342E37);font-size:16px}.dark .app-content nav .notification-menu li a:hover,.dark .app-content nav .profile-menu li a:hover{color:#342e37}.app-content nav .notification-menu{width:250px;max-height:300px;overflow-y:auto}.app-content nav .profile-menu{width:200px}.app-content nav .profile img{width:36px;height:36px;object-fit:cover;border-radius:50%}.app-content nav .swith-lm{background-color:var(--grey, #eee);border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:3px;position:relative;height:26px;width:50px}.app-content nav .swith-lm .ball{background-color:#3c91e6;border-radius:50%;position:absolute;top:2px;left:2px;height:22px;width:22px;transform:translate(0);transition:transform .2s linear}.app-content nav .checkbox:checked+.swith-lm .ball{transform:translate(24px)}.app-content nav .bxs-moon{color:#ffce26;font-size:1.2rem}.app-content nav .bx-sun{color:#fd7238;font-size:1.2rem}.app-content main{width:100%;padding:36px 24px;font-family:Poppins,sans-serif;max-height:calc(100vh - 56px);overflow-y:auto}.app-content main .head-title{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;flex-wrap:wrap}.app-content main .head-title .left h1{font-size:36px;font-weight:600;margin-bottom:10px;color:var(--dark, #342E37)}.app-content main .head-title .left .breadcrumb{display:flex;align-items:center;grid-gap:16px}.app-content main .head-title .left .breadcrumb li{color:var(--dark, #342E37)}.app-content main .head-title .left .breadcrumb li a{color:#aaa;pointer-events:none}.app-content main .head-title .left .breadcrumb li a.active{color:#3c91e6;pointer-events:unset}.app-content main .head-title .btn-download{height:36px;padding:0 16px;border-radius:36px;background:#3c91e6;color:#f9f9f9;display:flex;justify-content:center;align-items:center;grid-gap:10px;font-weight:500}.app-content main .box-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:24px;margin-top:36px}.app-content main .box-info li{padding:24px;background:var(--light, #F9F9F9);border-radius:20px;display:flex;align-items:center;grid-gap:24px}.app-content main .box-info li .bx{width:80px;height:80px;border-radius:10px;font-size:36px;display:flex;justify-content:center;align-items:center}.app-content main .box-info li:nth-child(1) .bx{background:#cfe8ff;color:#3c91e6}.app-content main .box-info li:nth-child(2) .bx{background:#fff2c6;color:#ffce26}.app-content main .box-info li:nth-child(3) .bx{background:#ffe0d3;color:#fd7238}.app-content main .box-info li .text h3{font-size:24px;font-weight:600;color:var(--dark, #342E37)}.app-content main .box-info li .text p{color:var(--dark, #342E37)}.app-content main .table-data{display:flex;flex-wrap:wrap;grid-gap:24px;margin-top:24px;width:100%;color:var(--dark, #342E37)}.app-content main .table-data>div{border-radius:20px;background:var(--light, #F9F9F9);padding:24px;overflow-x:auto}.app-content main .table-data .head{display:flex;align-items:center;grid-gap:16px;margin-bottom:24px}.app-content main .table-data .head h3{margin-right:auto;font-size:24px;font-weight:600}.rtl .app-content main .table-data .head h3{margin-right:0;margin-left:auto}.app-content main .table-data .head .bx{cursor:pointer}.app-content main .table-data .order{flex-grow:1;flex-basis:500px}.app-content main .table-data .order table{width:100%;border-collapse:collapse}.app-content main .table-data .order table th{padding-bottom:12px;font-size:13px;text-align:left;border-bottom:1px solid var(--grey, #eee)}.rtl .app-content main .table-data .order table th{text-align:right}.app-content main .table-data .order table td{padding:16px 0}.app-content main .table-data .order table td img{width:36px;height:36px;border-radius:50%;object-fit:cover}.app-content main .table-data .order table td .status{font-size:10px;padding:6px 16px;color:#f9f9f9;border-radius:20px;font-weight:700}.app-content main .table-data .order table td .status.completed{background:#3c91e6}.app-content main .table-data .order table td .status.process{background:#ffce26}.app-content main .table-data .order table td .status.pending{background:#fd7238}.app-content main .table-data .order table tr td:first-child{display:flex;align-items:center;grid-gap:12px;padding-left:6px}.rtl .app-content main .table-data .order table tr td:first-child{padding-left:0;padding-right:6px}.app-content main .table-data .order table tr:hover{background:var(--grey, #eee)}.app-content main .table-data .todo{flex-grow:1;flex-basis:300px}.app-content main .table-data .todo .todo-list{width:100%}.app-content main .table-data .todo .todo-list li{width:100%;margin-bottom:16px;background:var(--grey, #eee);border-radius:10px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.app-content main .table-data .todo .todo-list li .bx{cursor:pointer}.app-content main .table-data .todo .todo-list li.completed{border-left:10px solid #3C91E6}.rtl .app-content main .table-data .todo .todo-list li.completed{border-left:none;border-right:10px solid #3C91E6}.app-content main .table-data .todo .todo-list li.not-completed{border-left:10px solid #FD7238}.rtl .app-content main .table-data .todo .todo-list li.not-completed{border-left:none;border-right:10px solid #FD7238}.app-content main .table-data .todo .todo-list li:last-child{margin-bottom:0}#sidebar:not(.hide) .sub-menu{list-style:none;padding:0 0 0 20px;margin:10px 0 15px 24px;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.rtl #sidebar:not(.hide) .sub-menu{padding:0 20px 0 0;margin:10px 24px 15px 0}#sidebar:not(.hide) .sub-menu.show{max-height:200px}#sidebar:not(.hide) .side-menu li.has-submenu{height:auto}#sidebar:not(.hide) .side-menu li.has-submenu.active{padding:20px}#sidebar.hide .side-menu li.has-submenu{position:relative}#sidebar.hide .side-menu li.has-submenu.open .sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}#sidebar.hide .sub-menu{position:absolute;top:0;left:calc(100% + 10px);background:var(--light, #F9F9F9);border:1px solid var(--grey, #eee);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:10px;min-width:180px;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease;transform:translate(-10px)}.rtl #sidebar.hide .sub-menu{left:auto;right:calc(100% + 10px);transform:translate(10px)}.sub-menu li a{display:block;padding:8px 16px;color:#aaa;border-radius:48px;font-size:15px;white-space:nowrap}.sub-menu li a:hover{color:#3c91e6;background:var(--grey, #eee)}@media screen and (max-width: 768px){#sidebar{width:200px}.rtl #sidebar{right:-200px;left:auto}.rtl #sidebar:not(.hide){right:0}#content{width:calc(100% - 200px);left:200px}.rtl #content{left:0;right:200px}#content nav .nav-link{display:none}}@media screen and (max-width: 576px){#content nav form .form-input input{display:none}#content nav form .form-input button{width:auto;height:auto;background:transparent;border-radius:none;color:var(--dark, #342E37)}#content nav form.show .form-input input{display:block;width:100%}#content nav form.show .form-input button{width:36px;height:100%;border-radius:0 36px 36px 0;color:#f9f9f9;background:#db504a}.rtl #content nav form.show .form-input button{border-radius:36px 0 0 36px}#content nav form.show~.notification,#content nav form.show~.profile{display:none}#content main .box-info{grid-template-columns:1fr}#content main .table-data .head{min-width:420px}#content main .table-data .order table{min-width:420px}#content main .table-data .todo .todo-list{min-width:420px}}