@font-face{font-family:Regular;src:url(/assets/DMSans-Regular-Dvt-avFb.ttf)}@font-face{font-family:Bold;src:url(/assets/DMSans-SemiBold-BC4L--j6.ttf)}@font-face{font-family:light;src:url(/assets/DMSans-Light-BR3ntxRY.ttf)}:root{--arabic-fm-r: "Regular", sans-serif;--arabic-fm-b: "Bold", sans-serif;--arabic-fm-l: "light", sans-serif;--ratio: 1.2;--font-p: 1rem;--font-small: calc(var(--font-p) / var(--ratio));--font-h6: calc(var(--font-p) * var(--ratio));--font-h5: calc(var(--font-h6) * var(--ratio));--font-h4: calc(var(--font-h5) * var(--ratio));--font-h3: calc(var(--font-h4) * var(--ratio));--font-h2: calc(var(--font-h3) * var(--ratio));--font-h1: calc(var(--font-h2) * var(--ratio));--space-p: 0%;--space-small: .2%;--space-h6: -.5%;--space-h3: -1.5%;--space-h1: -2%;--line-p: 150%;--line-small: 140%;--line-h6: 140%;--line-h3: 120%;--line-h1: 100%;--space-mini: 4px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-7: 56px;--space-8: 64px;--primary-clr: #2daf9e;--secondary-clr: #e6f7f4;--accent-clr: #f1f5f9;--bar-clr: #beeaf0;--sidebar-clr: #f3f7f6;--body-bg-clr: #ffffff;--border-clr: #e6eef3;--bg-err-clr: #fef2f2;--border-err-clr: #fecaca;--dark-bg-err: #b91c1c;--txt-clr: #000;--txt-clr-light: #ffffff;--txt-clr-gray: #94a3b8;--txt-clr-sec: #034047;--txt-clr-err: #ff4d4d;--txt-clr-success: #4caf50;--txt-clr-warning: #ff9800;--txt-clr-info: #2196f3;--txt-clr-primary: #6200ea;--txt-clr-secondary: #03dac6;--txt-clr-accent: #ff4081;--txt-clr-disabled: #9e9e9e;--txt-clr-placeholder: #9e9e9e;--border-radius-small: 6px;--border-radius-medium: 12px;--border-radius-large: 24px;--border-radius-very-large: 48px;--border-radius-circle: 50%;--svg-fill: #000;--svg-fill-light: #ffffff;--svg-fill-gray: #94a3b8;--svg-fill-sec: #034047;--svg-size: 24px}*{margin:0;padding:0;box-sizing:border-box;interpolate-size:allow-keywords!important;transition-behavior:allow-discrete!important;color:var(--txt-clr)}body{width:100dvw;height:auto;overflow-x:hidden;background:var(--body-bg-clr-gray);-webkit-user-select:none;-moz-user-select:none;user-select:none}a{text-decoration:none}button{cursor:pointer;border:none;outline:none;background:transparent}p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.container{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:0;min-height:100dvh}.container>div{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:0}.container.admin{width:100dvw;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:0}.admin-container{flex-grow:1;min-height:100dvh;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:0}nav{position:sticky;top:0;left:0;width:100%;padding:var(--space-1);display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1);border-bottom:1px solid var(--border-clr);z-index:10;background:var(--body-bg-clr)}nav a{border-radius:var(--border-radius-very-large);padding:var(--space-1);font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1)}nav a:first-letter{text-transform:capitalize}nav a span{display:grid;place-content:center}nav a span svg{width:var(--svg-size)}nav a p{display:grid;place-content:center}nav .donate{background:var(--primary-clr)}nav .donate p{color:var(--txt-clr-light)}nav .donate svg{stroke:var(--svg-fill-light);fill:none}nav .logo span{padding:var(--space-mini);border-radius:var(--border-radius-medium);background:var(--secondary-clr)}nav .logo span svg{stroke:var(--svg-fill)}nav .logo p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);text-transform:capitalize;font-family:var(--arabic-fm-b)}nav.admin{width:-moz-fit-content;width:fit-content;min-height:100dvh;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-2);border-right:1px solid var(--border-clr);padding:var(--space-2) var(--space-2)}nav.admin .top{width:-moz-max-content;width:max-content;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1)}nav.admin .top span{display:grid;place-content:center;background:var(--secondary-clr);padding:var(--space-mini);border-radius:var(--border-radius-medium)}nav.admin .top span svg{stroke:var(--svg-fill-sec);width:var(--svg-size)}nav.admin .top h6{font-size:var(--font-h6);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h6);line-height:var(--line-h6);font-family:var(--arabic-fm-b);text-transform:capitalize}nav.admin .mid{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-1)}nav.admin .mid>span{color:var(--txt-clr-gray);font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);text-transform:capitalize}nav.admin .mid ul{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:var(--space-mini);list-style:none}nav.admin .mid ul li{padding:0 var(--space-mini);width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);background:transparent;transition:background .3s ease;border-radius:var(--border-radius-small)}nav.admin .mid ul li span{display:grid;place-content:center}nav.admin .mid ul li span svg{stroke:var(--svg-fill);stroke-width:1.5px;width:var(--svg-size)}nav.admin .mid ul li a{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);text-transform:capitalize}nav.admin .mid ul li.active{background:var(--secondary-clr)}nav.admin .bottom{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:var(--space-1)}nav.admin .bottom button{padding:var(--space-mini);width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);border-radius:var(--border-radius-small)}nav.admin .bottom button span{display:grid;place-content:center}nav.admin .bottom button span svg{stroke:var(--svg-fill);stroke-width:1.5px;width:var(--svg-size)}nav.admin .bottom button p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);text-transform:capitalize}.page{position:relative;width:100%;min-height:50dvh;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:var(--space-1);padding:var(--space-1) var(--space-1)}.porgress{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1);margin-right:auto}.porgress span{padding:var(--space-mini);background:var(--secondary-clr);border-radius:var(--border-radius-circle);transition:background .3s ease .3s}.porgress p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);transition:color .3s ease .3s}.porgress p:first-letter{text-transform:capitalize}.home .hero,.updates .hero{position:relative;width:clamp(250px,100%,500px);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-2)}.home .hero>.media,.updates .hero>.media{position:relative;width:100%;min-height:250px;border-radius:var(--border-radius-large);overflow:hidden;display:flex}.home .hero>.media>img,.updates .hero>.media>img{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-large)}.home .hero h2,.updates .hero h2{font-size:var(--font-h3);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h3);line-height:var(--line-h3);color:var(--txt-clr);font-family:var(--arabic-fm-b);text-transform:capitalize}.home .hero>p,.updates .hero>p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}.home .hero .links,.updates .hero .links{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-2)}.home .hero .links a,.updates .hero .links a{width:100%;border-radius:var(--border-radius-very-large);display:grid;place-content:center;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);text-transform:capitalize;padding:var(--space-1)}.home .hero .links a:nth-child(1),.updates .hero .links a:nth-child(1){background:var(--primary-clr);color:var(--txt-clr-light)}.home .hero .links a:nth-child(2),.updates .hero .links a:nth-child(2){background:var(--secondary-clr)}.home .hero .support,.updates .hero .support{width:100%;position:relative;border-radius:var(--border-radius-large);border:1px solid var(--border-clr);padding:var(--space-1);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:var(--space-1)}.home .hero .support>span,.updates .hero .support>span{display:grid;place-content:center;padding:var(--space-1)}.home .hero .support>span svg,.updates .hero .support>span svg{fill:var(--svg-fill);scale:1.2}.home .hero .support .text span,.updates .hero .support .text span{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);font-family:var(--arabic-fm-b);text-transform:capitalize}.home .hero .support .text p,.updates .hero .support .text p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}.home .hero .card,.updates .hero .card{width:clamp(250px,100%,500px);border:1px solid var(--border-clr);border-radius:var(--border-radius-large);padding:var(--space-1);display:flex;align-items:flex-start;justify-content:center;flex-direction:row;gap:var(--space-2);flex-wrap:wrap}.home .hero .card>.title,.updates .hero .card>.title{width:100%;padding:var(--space-1) 0;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-2);flex-wrap:wrap}.home .hero .card>.title>p,.updates .hero .card>.title>p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);font-family:var(--arabic-fm-b);text-transform:capitalize;padding:0 var(--space-1)}.home .hero .card>.title a,.home .hero .card>.title button,.updates .hero .card>.title a,.updates .hero .card>.title button{padding:var(--space-1) var(--space-2);background:var(--secondary-clr);border-radius:var(--border-radius-large);display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.home .hero .card>.title a p,.home .hero .card>.title button p,.updates .hero .card>.title a p,.updates .hero .card>.title button p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec);font-family:var(--arabic-fm-b);text-transform:capitalize}.home .hero .card>.title a span,.home .hero .card>.title button span,.updates .hero .card>.title a span,.updates .hero .card>.title button span{display:grid;place-content:center}.home .hero .card>.title a span svg,.home .hero .card>.title button span svg,.updates .hero .card>.title a span svg,.updates .hero .card>.title button span svg{width:calc(var(--space-5) / 2);fill:none;stroke:var(--svg-fill-sec);fill:var(--svg-fill-sec)}.home .hero .card>.title h1,.updates .hero .card>.title h1{width:100%;font-size:var(--font-h4);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h4);line-height:var(--line-h4);font-family:var(--arabic-fm-b);color:var(--txt-clr);text-transform:capitalize;padding:0 var(--space-1)}.home .hero .card>.title .top,.updates .hero .card>.title .top{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-mini);flex-wrap:wrap}.home .hero .card>.title>span,.updates .hero .card>.title>span{position:relative;width:100%;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray);padding:0 var(--space-1)}.home .hero .card>.title>span:first-letter,.updates .hero .card>.title>span:first-letter{text-transform:capitalize}.home .hero .card>.title>span:after,.updates .hero .card>.title>span:after{content:"";position:absolute;bottom:calc(-1 * var(--space-3) / 2);left:0;width:100%;height:1px;background:var(--border-clr)}.home .hero .card .updates,.updates .hero .card .updates{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-1)}.home .hero .card .updates .news,.updates .hero .card .updates .news{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:var(--space-2);border:1px solid var(--border-clr);padding:var(--space-1);border-radius:var(--border-radius-large)}.home .hero .card .updates .news .img,.updates .hero .card .updates .news .img{width:120px;aspect-ratio:1/1;overflow:hidden;border-radius:var(--border-radius-medium)}.home .hero .card .updates .news .img img,.updates .hero .card .updates .news .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-medium)}.home .hero .card .updates .news .text,.updates .hero .card .updates .news .text{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-1);flex-grow:1;width:100%}.home .hero .card .updates .news .text .title,.updates .hero .card .updates .news .text .title{width:100%}.home .hero .card .updates .news .text .title p,.updates .hero .card .updates .news .text .title p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr);font-family:var(--arabic-fm-b);text-transform:capitalize}.home .hero .card .updates .news .text .date,.updates .hero .card .updates .news .text .date{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);color:var(--txt-clr-gray);font-family:var(--arabic-fm-l)}.home .hero .card .updates .news .text .date span,.updates .hero .card .updates .news .text .date span{color:var(--txt-clr-gray);font-family:var(--arabic-fm-l);font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small)}.home .hero .card .updates .news .text .date span:nth-last-child(1),.updates .hero .card .updates .news .text .date span:nth-last-child(1){text-transform:capitalize}.home .hero .card .updates .news .text .desc,.updates .hero .card .updates .news .text .desc{width:100%}.home .hero .card .updates .news .text .desc p,.updates .hero .card .updates .news .text .desc p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray);text-transform:capitalize;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.home .hero .card .updates .news span,.updates .hero .card .updates .news span{display:grid;place-content:center;margin-block:auto}.home .hero .card .updates .news span svg,.updates .hero .card .updates .news span svg{width:var(--space-2);stroke:var(--svg-fill-gray);fill:none}.home .hero .card .updates .pagination,.updates .hero .card .updates .pagination{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1);padding:var(--space-1)}.home .hero .card .updates .pagination button,.home .hero .card .updates .pagination p,.updates .hero .card .updates .pagination button,.updates .hero .card .updates .pagination p{padding:var(--space-1) var(--space-2);border:none;background:var(--secondary-clr);border-radius:var(--border-radius-large);display:grid;place-content:center}.home .hero .card .updates .pagination button svg,.home .hero .card .updates .pagination p svg,.updates .hero .card .updates .pagination button svg,.updates .hero .card .updates .pagination p svg{width:var(--space-2);stroke:var(--svg-fill-sec)}.home .hero .card .updates .pagination p,.updates .hero .card .updates .pagination p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);padding:var(--space-mini) var(--space-3);color:var(--txt-clr-sec)}.home .hero .card .progress,.updates .hero .card .progress{width:100%;border:1px solid var(--border-clr);border-radius:var(--border-radius-large);padding:var(--space-1);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-1)}.home .hero .card .progress .top,.updates .hero .card .progress .top{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1)}.home .hero .card .progress .top .text,.updates .hero .card .progress .top .text{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.home .hero .card .progress .top .text span,.updates .hero .card .progress .top .text span{display:grid;place-content:center}.home .hero .card .progress .top .text span svg,.updates .hero .card .progress .top .text span svg{width:var(--svg-size);fill:var(--svg-fill)}.home .hero .card .progress .top .text p,.updates .hero .card .progress .top .text p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr);font-family:var(--arabic-fm-b);text-transform:capitalize}.home .hero .card .progress .top .amount,.updates .hero .card .progress .top .amount{padding:var(--space-1) var(--space-2);background:var(--secondary-clr);border-radius:var(--border-radius-large);display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.home .hero .card .progress .top .amount p,.home .hero .card .progress .top .amount span,.updates .hero .card .progress .top .amount p,.updates .hero .card .progress .top .amount span{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec);font-family:var(--arabic-fm-l);text-transform:capitalize}.home .hero .card .progress .bar,.updates .hero .card .progress .bar{width:100%;height:var(--space-1);background:var(--secondary-clr);border-radius:var(--border-radius-large);overflow:hidden}.home .hero .card .progress .bar .fill,.updates .hero .card .progress .bar .fill{height:100%;background:var(--bar-clr);border-radius:var(--border-radius-large);width:0%;transition:width .5s ease}.home .hero .card .progress .bottom,.updates .hero .card .progress .bottom{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);color:var(--txt-clr-gray)}.home .hero .card .progress .bottom p,.home .hero .card .progress .bottom span,.updates .hero .card .progress .bottom p,.updates .hero .card .progress .bottom span{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray);text-transform:capitalize}.home .hero .card .progress>a,.updates .hero .card .progress>a{width:100%;text-align:center;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-light);background:var(--primary-clr);padding:var(--space-1);border-radius:var(--border-radius-large)}.home .hero .card .progress>a span,.updates .hero .card .progress>a span{text-transform:capitalize;color:var(--txt-clr-light)}.home .skeleton-media,.updates .skeleton-media{position:relative;overflow:hidden}.home .skeleton-img,.updates .skeleton-img{width:100%;height:300px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.home .skeleton-title,.updates .skeleton-title{height:32px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:16px;width:60%}.home .skeleton-text,.updates .skeleton-text{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.home .skeleton-text.short,.updates .skeleton-text.short{width:40%}.home .skeleton-text.medium,.updates .skeleton-text.medium{width:70%}.home .skeleton-text.long,.updates .skeleton-text.long{width:90%}.home .skeleton-text.xshort,.updates .skeleton-text.xshort{width:30%;height:12px}.home .skeleton-button,.updates .skeleton-button{height:44px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px;width:120px}.home .skeleton-button.small,.updates .skeleton-button.small{height:32px;width:80px}.home .skeleton-support,.updates .skeleton-support{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.home .skeleton-support .skeleton-icon,.updates .skeleton-support .skeleton-icon,.home .skeleton-icon,.updates .skeleton-icon{width:24px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:50%}.home .skeleton-icon.small,.updates .skeleton-icon.small{width:16px;height:16px}.home .skeleton-news,.updates .skeleton-news{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:12px;text-decoration:none;color:inherit}.home .skeleton-news .skeleton-img,.updates .skeleton-news .skeleton-img{width:80px;height:80px;border-radius:6px;flex-shrink:0}.home .skeleton-news .text,.updates .skeleton-news .text{flex:1}.home .skeleton-pagination,.updates .skeleton-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.home .skeleton-media,.home .skeleton-support,.home .skeleton-news,.updates .skeleton-media,.updates .skeleton-support,.updates .skeleton-news{pointer-events:none}.home .skeleton-support .text,.home .skeleton-news .text,.updates .skeleton-support .text,.updates .skeleton-news .text{flex:1}.donation,.pay{width:clamp(250px,100%,600px);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-2)}.donation h2,.pay h2{font-size:var(--font-h3);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h3);line-height:var(--line-h3);color:var(--txt-clr);font-family:var(--arabic-fm-b);text-transform:capitalize}.donation .cause,.donation .amount,.donation .details,.donation .payment,.pay .cause,.pay .amount,.pay .details,.pay .payment{width:100%;padding:var(--space-2);border:1px solid var(--border-clr);border-radius:var(--border-radius-large);display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-2);flex-wrap:wrap}.donation .cause>p,.donation .amount>p,.donation .details>p,.donation .payment>p,.pay .cause>p,.pay .amount>p,.pay .details>p,.pay .payment>p{width:100%;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr)}.donation .cause>p:first-letter,.donation .amount>p:first-letter,.donation .details>p:first-letter,.donation .payment>p:first-letter,.pay .cause>p:first-letter,.pay .amount>p:first-letter,.pay .details>p:first-letter,.pay .payment>p:first-letter{text-transform:capitalize}.donation .cause button,.donation .cause a,.donation .amount button,.donation .amount a,.donation .details button,.donation .details a,.donation .payment button,.donation .payment a,.pay .cause button,.pay .cause a,.pay .amount button,.pay .amount a,.pay .details button,.pay .details a,.pay .payment button,.pay .payment a{padding:var(--space-1) var(--space-2);display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1);background:var(--secondary-clr);border-radius:var(--border-radius-large);transition:background .3s ease}.donation .cause button p,.donation .cause a p,.donation .amount button p,.donation .amount a p,.donation .details button p,.donation .details a p,.donation .payment button p,.donation .payment a p,.pay .cause button p,.pay .cause a p,.pay .amount button p,.pay .amount a p,.pay .details button p,.pay .details a p,.pay .payment button p,.pay .payment a p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec);transition:color .3s ease}.donation .cause button span,.donation .cause a span,.donation .amount button span,.donation .amount a span,.donation .details button span,.donation .details a span,.donation .payment button span,.donation .payment a span,.pay .cause button span,.pay .cause a span,.pay .amount button span,.pay .amount a span,.pay .details button span,.pay .details a span,.pay .payment button span,.pay .payment a span{display:grid;place-content:center}.donation .cause button span svg,.donation .cause a span svg,.donation .amount button span svg,.donation .amount a span svg,.donation .details button span svg,.donation .details a span svg,.donation .payment button span svg,.donation .payment a span svg,.pay .cause button span svg,.pay .cause a span svg,.pay .amount button span svg,.pay .amount a span svg,.pay .details button span svg,.pay .details a span svg,.pay .payment button span svg,.pay .payment a span svg{fill:var(--svg-fill-sec);transition:fill .3s ease}.donation .cause button.active,.donation .cause a.active,.donation .amount button.active,.donation .amount a.active,.donation .details button.active,.donation .details a.active,.donation .payment button.active,.donation .payment a.active,.pay .cause button.active,.pay .cause a.active,.pay .amount button.active,.pay .amount a.active,.pay .details button.active,.pay .details a.active,.pay .payment button.active,.pay .payment a.active{background:var(--primary-clr)}.donation .cause button.active p,.donation .cause a.active p,.donation .amount button.active p,.donation .amount a.active p,.donation .details button.active p,.donation .details a.active p,.donation .payment button.active p,.donation .payment a.active p,.pay .cause button.active p,.pay .cause a.active p,.pay .amount button.active p,.pay .amount a.active p,.pay .details button.active p,.pay .details a.active p,.pay .payment button.active p,.pay .payment a.active p{color:var(--txt-clr-light)}.donation .cause button.active span svg,.donation .cause a.active span svg,.donation .amount button.active span svg,.donation .amount a.active span svg,.donation .details button.active span svg,.donation .details a.active span svg,.donation .payment button.active span svg,.donation .payment a.active span svg,.pay .cause button.active span svg,.pay .cause a.active span svg,.pay .amount button.active span svg,.pay .amount a.active span svg,.pay .details button.active span svg,.pay .details a.active span svg,.pay .payment button.active span svg,.pay .payment a.active span svg{fill:var(--svg-fill-light);stroke:var(--svg-fill-light)!important}.donation .cause .note,.donation .amount .note,.donation .details .note,.donation .payment .note,.pay .cause .note,.pay .amount .note,.pay .details .note,.pay .payment .note{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);background:var(--secondary-clr);padding:var(--space-2);border-radius:var(--border-radius-large)}.donation .cause .note span,.donation .amount .note span,.donation .details .note span,.donation .payment .note span,.pay .cause .note span,.pay .amount .note span,.pay .details .note span,.pay .payment .note span{display:grid;place-content:center}.donation .cause .note span svg,.donation .amount .note span svg,.donation .details .note span svg,.donation .payment .note span svg,.pay .cause .note span svg,.pay .amount .note span svg,.pay .details .note span svg,.pay .payment .note span svg{width:var(--space-2);stroke:var(--svg-fill-sec)}.donation .cause .note p,.donation .amount .note p,.donation .details .note p,.donation .payment .note p,.pay .cause .note p,.pay .amount .note p,.pay .details .note p,.pay .payment .note p{width:100%;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec);text-transform:capitalize}.donation .cause.amount>button,.donation .cause.details>button,.donation .amount.amount>button,.donation .amount.details>button,.donation .details.amount>button,.donation .details.details>button,.donation .payment.amount>button,.donation .payment.details>button,.pay .cause.amount>button,.pay .cause.details>button,.pay .amount.amount>button,.pay .amount.details>button,.pay .details.amount>button,.pay .details.details>button,.pay .payment.amount>button,.pay .payment.details>button{padding:calc(var(--space-2) - 4px);flex-grow:1}.donation .cause.amount label,.donation .cause.amount .p-autocomplete,.donation .cause.details label,.donation .cause.details .p-autocomplete,.donation .amount.amount label,.donation .amount.amount .p-autocomplete,.donation .amount.details label,.donation .amount.details .p-autocomplete,.donation .details.amount label,.donation .details.amount .p-autocomplete,.donation .details.details label,.donation .details.details .p-autocomplete,.donation .payment.amount label,.donation .payment.amount .p-autocomplete,.donation .payment.details label,.donation .payment.details .p-autocomplete,.pay .cause.amount label,.pay .cause.amount .p-autocomplete,.pay .cause.details label,.pay .cause.details .p-autocomplete,.pay .amount.amount label,.pay .amount.amount .p-autocomplete,.pay .amount.details label,.pay .amount.details .p-autocomplete,.pay .details.amount label,.pay .details.amount .p-autocomplete,.pay .details.details label,.pay .details.details .p-autocomplete,.pay .payment.amount label,.pay .payment.amount .p-autocomplete,.pay .payment.details label,.pay .payment.details .p-autocomplete{position:relative;width:100%;border-radius:var(--border-radius-large)}.donation .cause.amount label input,.donation .cause.amount .p-autocomplete input,.donation .cause.details label input,.donation .cause.details .p-autocomplete input,.donation .amount.amount label input,.donation .amount.amount .p-autocomplete input,.donation .amount.details label input,.donation .amount.details .p-autocomplete input,.donation .details.amount label input,.donation .details.amount .p-autocomplete input,.donation .details.details label input,.donation .details.details .p-autocomplete input,.donation .payment.amount label input,.donation .payment.amount .p-autocomplete input,.donation .payment.details label input,.donation .payment.details .p-autocomplete input,.pay .cause.amount label input,.pay .cause.amount .p-autocomplete input,.pay .cause.details label input,.pay .cause.details .p-autocomplete input,.pay .amount.amount label input,.pay .amount.amount .p-autocomplete input,.pay .amount.details label input,.pay .amount.details .p-autocomplete input,.pay .details.amount label input,.pay .details.amount .p-autocomplete input,.pay .details.details label input,.pay .details.details .p-autocomplete input,.pay .payment.amount label input,.pay .payment.amount .p-autocomplete input,.pay .payment.details label input,.pay .payment.details .p-autocomplete input{width:100%;border-radius:var(--border-radius-large);border:1px solid var(--border-clr);outline:none;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-sec);padding:var(--space-1)}.donation .cause.amount label>p,.donation .cause.amount .p-autocomplete>p,.donation .cause.details label>p,.donation .cause.details .p-autocomplete>p,.donation .amount.amount label>p,.donation .amount.amount .p-autocomplete>p,.donation .amount.details label>p,.donation .amount.details .p-autocomplete>p,.donation .details.amount label>p,.donation .details.amount .p-autocomplete>p,.donation .details.details label>p,.donation .details.details .p-autocomplete>p,.donation .payment.amount label>p,.donation .payment.amount .p-autocomplete>p,.donation .payment.details label>p,.donation .payment.details .p-autocomplete>p,.pay .cause.amount label>p,.pay .cause.amount .p-autocomplete>p,.pay .cause.details label>p,.pay .cause.details .p-autocomplete>p,.pay .amount.amount label>p,.pay .amount.amount .p-autocomplete>p,.pay .amount.details label>p,.pay .amount.details .p-autocomplete>p,.pay .details.amount label>p,.pay .details.amount .p-autocomplete>p,.pay .details.details label>p,.pay .details.details .p-autocomplete>p,.pay .payment.amount label>p,.pay .payment.amount .p-autocomplete>p,.pay .payment.details label>p,.pay .payment.details .p-autocomplete>p{position:relative;background:transparent;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);width:100%;border-radius:var(--border-radius-large);border:1px solid var(--border-clr);outline:none;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr);padding:var(--space-1);text-transform:capitalize}.donation .cause.amount label>p button,.donation .cause.amount .p-autocomplete>p button,.donation .cause.details label>p button,.donation .cause.details .p-autocomplete>p button,.donation .amount.amount label>p button,.donation .amount.amount .p-autocomplete>p button,.donation .amount.details label>p button,.donation .amount.details .p-autocomplete>p button,.donation .details.amount label>p button,.donation .details.amount .p-autocomplete>p button,.donation .details.details label>p button,.donation .details.details .p-autocomplete>p button,.donation .payment.amount label>p button,.donation .payment.amount .p-autocomplete>p button,.donation .payment.details label>p button,.donation .payment.details .p-autocomplete>p button,.pay .cause.amount label>p button,.pay .cause.amount .p-autocomplete>p button,.pay .cause.details label>p button,.pay .cause.details .p-autocomplete>p button,.pay .amount.amount label>p button,.pay .amount.amount .p-autocomplete>p button,.pay .amount.details label>p button,.pay .amount.details .p-autocomplete>p button,.pay .details.amount label>p button,.pay .details.amount .p-autocomplete>p button,.pay .details.details label>p button,.pay .details.details .p-autocomplete>p button,.pay .payment.amount label>p button,.pay .payment.amount .p-autocomplete>p button,.pay .payment.details label>p button,.pay .payment.details .p-autocomplete>p button{background:transparent;padding:var(--space-mini);margin-left:auto}.donation .cause.amount label>p button:first-letter,.donation .cause.amount .p-autocomplete>p button:first-letter,.donation .cause.details label>p button:first-letter,.donation .cause.details .p-autocomplete>p button:first-letter,.donation .amount.amount label>p button:first-letter,.donation .amount.amount .p-autocomplete>p button:first-letter,.donation .amount.details label>p button:first-letter,.donation .amount.details .p-autocomplete>p button:first-letter,.donation .details.amount label>p button:first-letter,.donation .details.amount .p-autocomplete>p button:first-letter,.donation .details.details label>p button:first-letter,.donation .details.details .p-autocomplete>p button:first-letter,.donation .payment.amount label>p button:first-letter,.donation .payment.amount .p-autocomplete>p button:first-letter,.donation .payment.details label>p button:first-letter,.donation .payment.details .p-autocomplete>p button:first-letter,.pay .cause.amount label>p button:first-letter,.pay .cause.amount .p-autocomplete>p button:first-letter,.pay .cause.details label>p button:first-letter,.pay .cause.details .p-autocomplete>p button:first-letter,.pay .amount.amount label>p button:first-letter,.pay .amount.amount .p-autocomplete>p button:first-letter,.pay .amount.details label>p button:first-letter,.pay .amount.details .p-autocomplete>p button:first-letter,.pay .details.amount label>p button:first-letter,.pay .details.amount .p-autocomplete>p button:first-letter,.pay .details.details label>p button:first-letter,.pay .details.details .p-autocomplete>p button:first-letter,.pay .payment.amount label>p button:first-letter,.pay .payment.amount .p-autocomplete>p button:first-letter,.pay .payment.details label>p button:first-letter,.pay .payment.details .p-autocomplete>p button:first-letter{text-transform:capitalize}.donation .cause.amount label>p .fade,.donation .cause.amount .p-autocomplete>p .fade,.donation .cause.details label>p .fade,.donation .cause.details .p-autocomplete>p .fade,.donation .amount.amount label>p .fade,.donation .amount.amount .p-autocomplete>p .fade,.donation .amount.details label>p .fade,.donation .amount.details .p-autocomplete>p .fade,.donation .details.amount label>p .fade,.donation .details.amount .p-autocomplete>p .fade,.donation .details.details label>p .fade,.donation .details.details .p-autocomplete>p .fade,.donation .payment.amount label>p .fade,.donation .payment.amount .p-autocomplete>p .fade,.donation .payment.details label>p .fade,.donation .payment.details .p-autocomplete>p .fade,.pay .cause.amount label>p .fade,.pay .cause.amount .p-autocomplete>p .fade,.pay .cause.details label>p .fade,.pay .cause.details .p-autocomplete>p .fade,.pay .amount.amount label>p .fade,.pay .amount.amount .p-autocomplete>p .fade,.pay .amount.details label>p .fade,.pay .amount.details .p-autocomplete>p .fade,.pay .details.amount label>p .fade,.pay .details.amount .p-autocomplete>p .fade,.pay .details.details label>p .fade,.pay .details.details .p-autocomplete>p .fade,.pay .payment.amount label>p .fade,.pay .payment.amount .p-autocomplete>p .fade,.pay .payment.details label>p .fade,.pay .payment.details .p-autocomplete>p .fade{color:var(--txt-clr-gray)}.donation .cause.amount label .error-border,.donation .cause.amount .p-autocomplete .error-border,.donation .cause.details label .error-border,.donation .cause.details .p-autocomplete .error-border,.donation .amount.amount label .error-border,.donation .amount.amount .p-autocomplete .error-border,.donation .amount.details label .error-border,.donation .amount.details .p-autocomplete .error-border,.donation .details.amount label .error-border,.donation .details.amount .p-autocomplete .error-border,.donation .details.details label .error-border,.donation .details.details .p-autocomplete .error-border,.donation .payment.amount label .error-border,.donation .payment.amount .p-autocomplete .error-border,.donation .payment.details label .error-border,.donation .payment.details .p-autocomplete .error-border,.pay .cause.amount label .error-border,.pay .cause.amount .p-autocomplete .error-border,.pay .cause.details label .error-border,.pay .cause.details .p-autocomplete .error-border,.pay .amount.amount label .error-border,.pay .amount.amount .p-autocomplete .error-border,.pay .amount.details label .error-border,.pay .amount.details .p-autocomplete .error-border,.pay .details.amount label .error-border,.pay .details.amount .p-autocomplete .error-border,.pay .details.details label .error-border,.pay .details.details .p-autocomplete .error-border,.pay .payment.amount label .error-border,.pay .payment.amount .p-autocomplete .error-border,.pay .payment.details label .error-border,.pay .payment.details .p-autocomplete .error-border{border:1px solid var(--txt-clr-error)}.donation .cause.amount label .placeholder,.donation .cause.amount .p-autocomplete .placeholder,.donation .cause.details label .placeholder,.donation .cause.details .p-autocomplete .placeholder,.donation .amount.amount label .placeholder,.donation .amount.amount .p-autocomplete .placeholder,.donation .amount.details label .placeholder,.donation .amount.details .p-autocomplete .placeholder,.donation .details.amount label .placeholder,.donation .details.amount .p-autocomplete .placeholder,.donation .details.details label .placeholder,.donation .details.details .p-autocomplete .placeholder,.donation .payment.amount label .placeholder,.donation .payment.amount .p-autocomplete .placeholder,.donation .payment.details label .placeholder,.donation .payment.details .p-autocomplete .placeholder,.pay .cause.amount label .placeholder,.pay .cause.amount .p-autocomplete .placeholder,.pay .cause.details label .placeholder,.pay .cause.details .p-autocomplete .placeholder,.pay .amount.amount label .placeholder,.pay .amount.amount .p-autocomplete .placeholder,.pay .amount.details label .placeholder,.pay .amount.details .p-autocomplete .placeholder,.pay .details.amount label .placeholder,.pay .details.amount .p-autocomplete .placeholder,.pay .details.details label .placeholder,.pay .details.details .p-autocomplete .placeholder,.pay .payment.amount label .placeholder,.pay .payment.amount .p-autocomplete .placeholder,.pay .payment.details label .placeholder,.pay .payment.details .p-autocomplete .placeholder{position:absolute;pointer-events:none;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);top:50%;left:var(--space-1);transform:translateY(-50%);z-index:1}.donation .cause.amount label .placeholder span,.donation .cause.amount .p-autocomplete .placeholder span,.donation .cause.details label .placeholder span,.donation .cause.details .p-autocomplete .placeholder span,.donation .amount.amount label .placeholder span,.donation .amount.amount .p-autocomplete .placeholder span,.donation .amount.details label .placeholder span,.donation .amount.details .p-autocomplete .placeholder span,.donation .details.amount label .placeholder span,.donation .details.amount .p-autocomplete .placeholder span,.donation .details.details label .placeholder span,.donation .details.details .p-autocomplete .placeholder span,.donation .payment.amount label .placeholder span,.donation .payment.amount .p-autocomplete .placeholder span,.donation .payment.details label .placeholder span,.donation .payment.details .p-autocomplete .placeholder span,.pay .cause.amount label .placeholder span,.pay .cause.amount .p-autocomplete .placeholder span,.pay .cause.details label .placeholder span,.pay .cause.details .p-autocomplete .placeholder span,.pay .amount.amount label .placeholder span,.pay .amount.amount .p-autocomplete .placeholder span,.pay .amount.details label .placeholder span,.pay .amount.details .p-autocomplete .placeholder span,.pay .details.amount label .placeholder span,.pay .details.amount .p-autocomplete .placeholder span,.pay .details.details label .placeholder span,.pay .details.details .p-autocomplete .placeholder span,.pay .payment.amount label .placeholder span,.pay .payment.amount .p-autocomplete .placeholder span,.pay .payment.details label .placeholder span,.pay .payment.details .p-autocomplete .placeholder span{display:grid;place-content:center}.donation .cause.amount label .placeholder span svg,.donation .cause.amount .p-autocomplete .placeholder span svg,.donation .cause.details label .placeholder span svg,.donation .cause.details .p-autocomplete .placeholder span svg,.donation .amount.amount label .placeholder span svg,.donation .amount.amount .p-autocomplete .placeholder span svg,.donation .amount.details label .placeholder span svg,.donation .amount.details .p-autocomplete .placeholder span svg,.donation .details.amount label .placeholder span svg,.donation .details.amount .p-autocomplete .placeholder span svg,.donation .details.details label .placeholder span svg,.donation .details.details .p-autocomplete .placeholder span svg,.donation .payment.amount label .placeholder span svg,.donation .payment.amount .p-autocomplete .placeholder span svg,.donation .payment.details label .placeholder span svg,.donation .payment.details .p-autocomplete .placeholder span svg,.pay .cause.amount label .placeholder span svg,.pay .cause.amount .p-autocomplete .placeholder span svg,.pay .cause.details label .placeholder span svg,.pay .cause.details .p-autocomplete .placeholder span svg,.pay .amount.amount label .placeholder span svg,.pay .amount.amount .p-autocomplete .placeholder span svg,.pay .amount.details label .placeholder span svg,.pay .amount.details .p-autocomplete .placeholder span svg,.pay .details.amount label .placeholder span svg,.pay .details.amount .p-autocomplete .placeholder span svg,.pay .details.details label .placeholder span svg,.pay .details.details .p-autocomplete .placeholder span svg,.pay .payment.amount label .placeholder span svg,.pay .payment.amount .p-autocomplete .placeholder span svg,.pay .payment.details label .placeholder span svg,.pay .payment.details .p-autocomplete .placeholder span svg{width:var(--space-2);stroke:var(--svg-fill-sec)}.donation .cause.amount label .placeholder p,.donation .cause.amount .p-autocomplete .placeholder p,.donation .cause.details label .placeholder p,.donation .cause.details .p-autocomplete .placeholder p,.donation .amount.amount label .placeholder p,.donation .amount.amount .p-autocomplete .placeholder p,.donation .amount.details label .placeholder p,.donation .amount.details .p-autocomplete .placeholder p,.donation .details.amount label .placeholder p,.donation .details.amount .p-autocomplete .placeholder p,.donation .details.details label .placeholder p,.donation .details.details .p-autocomplete .placeholder p,.donation .payment.amount label .placeholder p,.donation .payment.amount .p-autocomplete .placeholder p,.donation .payment.details label .placeholder p,.donation .payment.details .p-autocomplete .placeholder p,.pay .cause.amount label .placeholder p,.pay .cause.amount .p-autocomplete .placeholder p,.pay .cause.details label .placeholder p,.pay .cause.details .p-autocomplete .placeholder p,.pay .amount.amount label .placeholder p,.pay .amount.amount .p-autocomplete .placeholder p,.pay .amount.details label .placeholder p,.pay .amount.details .p-autocomplete .placeholder p,.pay .details.amount label .placeholder p,.pay .details.amount .p-autocomplete .placeholder p,.pay .details.details label .placeholder p,.pay .details.details .p-autocomplete .placeholder p,.pay .payment.amount label .placeholder p,.pay .payment.amount .p-autocomplete .placeholder p,.pay .payment.details label .placeholder p,.pay .payment.details .p-autocomplete .placeholder p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec)}.donation .cause.amount label .placeholder p:first-letter,.donation .cause.amount .p-autocomplete .placeholder p:first-letter,.donation .cause.details label .placeholder p:first-letter,.donation .cause.details .p-autocomplete .placeholder p:first-letter,.donation .amount.amount label .placeholder p:first-letter,.donation .amount.amount .p-autocomplete .placeholder p:first-letter,.donation .amount.details label .placeholder p:first-letter,.donation .amount.details .p-autocomplete .placeholder p:first-letter,.donation .details.amount label .placeholder p:first-letter,.donation .details.amount .p-autocomplete .placeholder p:first-letter,.donation .details.details label .placeholder p:first-letter,.donation .details.details .p-autocomplete .placeholder p:first-letter,.donation .payment.amount label .placeholder p:first-letter,.donation .payment.amount .p-autocomplete .placeholder p:first-letter,.donation .payment.details label .placeholder p:first-letter,.donation .payment.details .p-autocomplete .placeholder p:first-letter,.pay .cause.amount label .placeholder p:first-letter,.pay .cause.amount .p-autocomplete .placeholder p:first-letter,.pay .cause.details label .placeholder p:first-letter,.pay .cause.details .p-autocomplete .placeholder p:first-letter,.pay .amount.amount label .placeholder p:first-letter,.pay .amount.amount .p-autocomplete .placeholder p:first-letter,.pay .amount.details label .placeholder p:first-letter,.pay .amount.details .p-autocomplete .placeholder p:first-letter,.pay .details.amount label .placeholder p:first-letter,.pay .details.amount .p-autocomplete .placeholder p:first-letter,.pay .details.details label .placeholder p:first-letter,.pay .details.details .p-autocomplete .placeholder p:first-letter,.pay .payment.amount label .placeholder p:first-letter,.pay .payment.amount .p-autocomplete .placeholder p:first-letter,.pay .payment.details label .placeholder p:first-letter,.pay .payment.details .p-autocomplete .placeholder p:first-letter{text-transform:capitalize}.donation .cause.details .selected-causes,.donation .cause.details .total-charged,.donation .amount.details .selected-causes,.donation .amount.details .total-charged,.donation .details.details .selected-causes,.donation .details.details .total-charged,.donation .payment.details .selected-causes,.donation .payment.details .total-charged,.pay .cause.details .selected-causes,.pay .cause.details .total-charged,.pay .amount.details .selected-causes,.pay .amount.details .total-charged,.pay .details.details .selected-causes,.pay .details.details .total-charged,.pay .payment.details .selected-causes,.pay .payment.details .total-charged{position:relative;pointer-events:none;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);background:var(--secondary-clr);padding:calc(var(--space-2) - 4px);border-radius:var(--border-radius-large)}.donation .cause.details .selected-causes span,.donation .cause.details .total-charged span,.donation .amount.details .selected-causes span,.donation .amount.details .total-charged span,.donation .details.details .selected-causes span,.donation .details.details .total-charged span,.donation .payment.details .selected-causes span,.donation .payment.details .total-charged span,.pay .cause.details .selected-causes span,.pay .cause.details .total-charged span,.pay .amount.details .selected-causes span,.pay .amount.details .total-charged span,.pay .details.details .selected-causes span,.pay .details.details .total-charged span,.pay .payment.details .selected-causes span,.pay .payment.details .total-charged span{display:grid;place-content:center}.donation .cause.details .selected-causes span svg,.donation .cause.details .total-charged span svg,.donation .amount.details .selected-causes span svg,.donation .amount.details .total-charged span svg,.donation .details.details .selected-causes span svg,.donation .details.details .total-charged span svg,.donation .payment.details .selected-causes span svg,.donation .payment.details .total-charged span svg,.pay .cause.details .selected-causes span svg,.pay .cause.details .total-charged span svg,.pay .amount.details .selected-causes span svg,.pay .amount.details .total-charged span svg,.pay .details.details .selected-causes span svg,.pay .details.details .total-charged span svg,.pay .payment.details .selected-causes span svg,.pay .payment.details .total-charged span svg{width:var(--space-2);stroke:var(--svg-fill-sec)}.donation .cause.details .selected-causes p,.donation .cause.details .total-charged p,.donation .amount.details .selected-causes p,.donation .amount.details .total-charged p,.donation .details.details .selected-causes p,.donation .details.details .total-charged p,.donation .payment.details .selected-causes p,.donation .payment.details .total-charged p,.pay .cause.details .selected-causes p,.pay .cause.details .total-charged p,.pay .amount.details .selected-causes p,.pay .amount.details .total-charged p,.pay .details.details .selected-causes p,.pay .details.details .total-charged p,.pay .payment.details .selected-causes p,.pay .payment.details .total-charged p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec)}.donation .cause.details .selected-causes p:first-letter,.donation .cause.details .total-charged p:first-letter,.donation .amount.details .selected-causes p:first-letter,.donation .amount.details .total-charged p:first-letter,.donation .details.details .selected-causes p:first-letter,.donation .details.details .total-charged p:first-letter,.donation .payment.details .selected-causes p:first-letter,.donation .payment.details .total-charged p:first-letter,.pay .cause.details .selected-causes p:first-letter,.pay .cause.details .total-charged p:first-letter,.pay .amount.details .selected-causes p:first-letter,.pay .amount.details .total-charged p:first-letter,.pay .details.details .selected-causes p:first-letter,.pay .details.details .total-charged p:first-letter,.pay .payment.details .selected-causes p:first-letter,.pay .payment.details .total-charged p:first-letter{text-transform:capitalize}.donation .cause.details .selected-causes #amount,.donation .cause.details .total-charged #amount,.donation .amount.details .selected-causes #amount,.donation .amount.details .total-charged #amount,.donation .details.details .selected-causes #amount,.donation .details.details .total-charged #amount,.donation .payment.details .selected-causes #amount,.donation .payment.details .total-charged #amount,.pay .cause.details .selected-causes #amount,.pay .cause.details .total-charged #amount,.pay .amount.details .selected-causes #amount,.pay .amount.details .total-charged #amount,.pay .details.details .selected-causes #amount,.pay .details.details .total-charged #amount,.pay .payment.details .selected-causes #amount,.pay .payment.details .total-charged #amount{margin-left:auto;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec)}.donation .cause.details .total-charged,.donation .amount.details .total-charged,.donation .details.details .total-charged,.donation .payment.details .total-charged,.pay .cause.details .total-charged,.pay .amount.details .total-charged,.pay .details.details .total-charged,.pay .payment.details .total-charged{margin-top:var(--space-1)}.donation .cause.details .total-charged p,.donation .amount.details .total-charged p,.donation .details.details .total-charged p,.donation .payment.details .total-charged p,.pay .cause.details .total-charged p,.pay .amount.details .total-charged p,.pay .details.details .total-charged p,.pay .payment.details .total-charged p{font-family:var(--arabic-fm-b)}.donation .cause.details .total-charged:after,.donation .amount.details .total-charged:after,.donation .details.details .total-charged:after,.donation .payment.details .total-charged:after,.pay .cause.details .total-charged:after,.pay .amount.details .total-charged:after,.pay .details.details .total-charged:after,.pay .payment.details .total-charged:after{content:"";position:absolute;top:calc(-1 * var(--space-3) / 2);left:0;width:100%;height:1px;background:var(--secondary-clr)}.donation .cause.details label input,.donation .amount.details label input,.donation .details.details label input,.donation .payment.details label input,.pay .cause.details label input,.pay .amount.details label input,.pay .details.details label input,.pay .payment.details label input{background:var(--accent-clr)}.donation .cause.details label .placeholder span svg,.donation .amount.details label .placeholder span svg,.donation .details.details label .placeholder span svg,.donation .payment.details label .placeholder span svg,.pay .cause.details label .placeholder span svg,.pay .amount.details label .placeholder span svg,.pay .details.details label .placeholder span svg,.pay .payment.details label .placeholder span svg{stroke:var(--svg-fill-gray)}.donation .cause.details label .placeholder p,.donation .amount.details label .placeholder p,.donation .details.details label .placeholder p,.donation .payment.details label .placeholder p,.pay .cause.details label .placeholder p,.pay .amount.details label .placeholder p,.pay .details.details label .placeholder p,.pay .payment.details label .placeholder p{color:var(--txt-clr-gray)}.donation .cause.details .twoInputs,.donation .amount.details .twoInputs,.donation .details.details .twoInputs,.donation .payment.details .twoInputs,.pay .cause.details .twoInputs,.pay .amount.details .twoInputs,.pay .details.details .twoInputs,.pay .payment.details .twoInputs{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.donation .cause.details .twoInputs label,.donation .amount.details .twoInputs label,.donation .details.details .twoInputs label,.donation .payment.details .twoInputs label,.pay .cause.details .twoInputs label,.pay .amount.details .twoInputs label,.pay .details.details .twoInputs label,.pay .payment.details .twoInputs label{flex-grow:1}.donation .cause.details>span,.donation .amount.details>span,.donation .details.details>span,.donation .payment.details>span,.pay .cause.details>span,.pay .amount.details>span,.pay .details.details>span,.pay .payment.details>span{width:100%;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray);display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1)}.donation .cause.details>span svg,.donation .amount.details>span svg,.donation .details.details>span svg,.donation .payment.details>span svg,.pay .cause.details>span svg,.pay .amount.details>span svg,.pay .details.details>span svg,.pay .payment.details>span svg{width:var(--space-2);stroke:var(--svg-fill-gray)}.donation .cause.details>span span,.donation .amount.details>span span,.donation .details.details>span span,.donation .payment.details>span span,.pay .cause.details>span span,.pay .amount.details>span span,.pay .details.details>span span,.pay .payment.details>span span{display:grid;place-content:center}.donation .cause.payment button span svg,.donation .amount.payment button span svg,.donation .details.payment button span svg,.donation .payment.payment button span svg,.pay .cause.payment button span svg,.pay .amount.payment button span svg,.pay .details.payment button span svg,.pay .payment.payment button span svg{width:var(--svg-size);stroke:var(--svg-fill-sec)}.donation .cause.payment button p:first-letter,.donation .amount.payment button p:first-letter,.donation .details.payment button p:first-letter,.donation .payment.payment button p:first-letter,.pay .cause.payment button p:first-letter,.pay .amount.payment button p:first-letter,.pay .details.payment button p:first-letter,.pay .payment.payment button p:first-letter{text-transform:capitalize}.donation .cause.payment span,.donation .amount.payment span,.donation .details.payment span,.donation .payment.payment span,.pay .cause.payment span,.pay .amount.payment span,.pay .details.payment span,.pay .payment.payment span{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}.donation .cause.review>div,.donation .amount.review>div,.donation .details.review>div,.donation .payment.review>div,.pay .cause.review>div,.pay .amount.review>div,.pay .details.review>div,.pay .payment.review>div{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1);padding:var(--space-1);background:var(--secondary-clr);border-radius:var(--border-radius-medium)}.donation .cause.review>div p,.donation .amount.review>div p,.donation .details.review>div p,.donation .payment.review>div p,.pay .cause.review>div p,.pay .amount.review>div p,.pay .details.review>div p,.pay .payment.review>div p{color:var(--txt-clr);font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.donation .cause.review>div p:first-letter,.donation .amount.review>div p:first-letter,.donation .details.review>div p:first-letter,.donation .payment.review>div p:first-letter,.pay .cause.review>div p:first-letter,.pay .amount.review>div p:first-letter,.pay .details.review>div p:first-letter,.pay .payment.review>div p:first-letter{text-transform:capitalize}.donation .cause.review>div span,.donation .amount.review>div span,.donation .details.review>div span,.donation .payment.review>div span,.pay .cause.review>div span,.pay .amount.review>div span,.pay .details.review>div span,.pay .payment.review>div span{display:grid;place-content:center}.donation .cause.review>div span svg,.donation .amount.review>div span svg,.donation .details.review>div span svg,.donation .payment.review>div span svg,.pay .cause.review>div span svg,.pay .amount.review>div span svg,.pay .details.review>div span svg,.pay .payment.review>div span svg{width:var(--space-2);stroke:var(--svg-fill);fill:none}.donation .cause.review>label,.donation .amount.review>label,.donation .details.review>label,.donation .payment.review>label,.pay .cause.review>label,.pay .amount.review>label,.pay .details.review>label,.pay .payment.review>label{width:100%;border:1px solid var(--border-clr);display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1);padding:var(--space-1)}.donation .cause.review>label p,.donation .amount.review>label p,.donation .details.review>label p,.donation .payment.review>label p,.pay .cause.review>label p,.pay .amount.review>label p,.pay .details.review>label p,.pay .payment.review>label p{border:none;flex-grow:1;padding:0}.donation .cause.review>label span,.donation .amount.review>label span,.donation .details.review>label span,.donation .payment.review>label span,.pay .cause.review>label span,.pay .amount.review>label span,.pay .details.review>label span,.pay .payment.review>label span{display:grid;place-content:center}.donation .cause.review>label span svg,.donation .amount.review>label span svg,.donation .details.review>label span svg,.donation .payment.review>label span svg,.pay .cause.review>label span svg,.pay .amount.review>label span svg,.pay .details.review>label span svg,.pay .payment.review>label span svg{stroke:var(--svg-fill);width:var(--space-2)}.donation .cause.review>label:has(.placeholder),.donation .amount.review>label:has(.placeholder),.donation .details.review>label:has(.placeholder),.donation .payment.review>label:has(.placeholder),.pay .cause.review>label:has(.placeholder),.pay .amount.review>label:has(.placeholder),.pay .details.review>label:has(.placeholder),.pay .payment.review>label:has(.placeholder){padding:0}.donation .cause.review>label:has(input),.donation .amount.review>label:has(input),.donation .details.review>label:has(input),.donation .payment.review>label:has(input),.pay .cause.review>label:has(input),.pay .amount.review>label:has(input),.pay .details.review>label:has(input),.pay .payment.review>label:has(input){padding:0}.donation .donateBtn,.pay .donateBtn{width:100%;background:var(--primary-clr);border-radius:var(--border-radius-large);font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-light);text-align:center;padding:calc(var(--space-2) - 4px)}.donation .backBtn,.pay .backBtn{margin-inline:auto;border-radius:var(--border-radius-large);font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);text-align:center;padding:var(--space-1) var(--space-2)}.donation .backBtn:first-letter,.pay .backBtn:first-letter{text-transform:capitalize}.donation .skeleton-title,.pay .skeleton-title{height:32px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:24px;width:60%}.donation .skeleton-text,.pay .skeleton-text{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.donation .skeleton-text.short,.pay .skeleton-text.short{width:40%}.donation .skeleton-text.medium,.pay .skeleton-text.medium{width:70%}.donation .skeleton-text.long,.pay .skeleton-text.long{width:90%}.donation .skeleton-text.xshort,.pay .skeleton-text.xshort{width:30%;height:12px}.donation .skeleton-icon,.pay .skeleton-icon{width:24px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:50%}.donation .skeleton-icon.small,.pay .skeleton-icon.small{width:16px;height:16px}.donation .skeleton-button,.pay .skeleton-button{height:44px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px;width:120px}.donation .skeleton-button.small,.pay .skeleton-button.small{height:32px;width:80px}.donation .skeleton-cause-button,.pay .skeleton-cause-button{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px;pointer-events:none}.donation .amount-buttons,.pay .amount-buttons{display:flex;gap:12px;margin-bottom:16px}.donation .skeleton-amount-button,.pay .skeleton-amount-button{padding:16px;background:#f8f9fa;border-radius:8px;pointer-events:none;flex:1}.donation .skeleton-custom-amount,.pay .skeleton-custom-amount{display:block;padding:16px;background:#f8f9fa;border-radius:8px;pointer-events:none}.donation .skeleton-custom-amount .placeholder,.pay .skeleton-custom-amount .placeholder{display:flex;align-items:center;gap:12px}.donation .skeleton-input,.pay .skeleton-input{display:block;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;pointer-events:none}.donation .skeleton-input .placeholder,.pay .skeleton-input .placeholder{display:flex;align-items:center;gap:12px}.donation .skeleton-payment-button,.pay .skeleton-payment-button{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px;pointer-events:none}.donation .skeleton-donate-button,.pay .skeleton-donate-button{padding:16px;border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border:none;width:100%;margin-top:24px;pointer-events:none}.donation .skeleton-cause-button,.donation .skeleton-amount-button,.donation .skeleton-custom-amount,.donation .skeleton-input,.donation .skeleton-payment-button,.donation .skeleton-donate-button,.pay .skeleton-cause-button,.pay .skeleton-amount-button,.pay .skeleton-custom-amount,.pay .skeleton-input,.pay .skeleton-payment-button,.pay .skeleton-donate-button{pointer-events:none}.donation .skeleton-cause-button .text,.donation .skeleton-payment-button .text,.pay .skeleton-cause-button .text,.pay .skeleton-payment-button .text{flex:1}#message{width:100%;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);text-align:center;color:var(--txt-clr-gray)}#message:first-letter{text-transform:capitalize}.success{min-height:50dvh;width:clamp(250px,100%,500px);display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:var(--space-2)}.success .card{width:100%;border:1px solid var(--border-clr);border-radius:var(--border-radius-large);padding:var(--space-1);display:flex;align-items:flex-start;justify-content:center;flex-direction:row;gap:var(--space-2);flex-wrap:wrap}.success .card .top{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.success .card .top .logo{display:grid;place-content:center;background:var(--secondary-clr);border-radius:var(--border-radius-circle);padding:var(--space-2)}.success .card .top .logo svg{scale:1.5;color:var(--secondary-clr)}.success .card .top>.title{flex-grow:1;position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0}.success .card .top>.title h1{font-size:var(--font-h6);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h6);line-height:var(--line-h6);font-family:var(--arabic-fm-b);color:var(--txt-clr)}.success .card .top>.title h1:first-letter{text-transform:capitalize}.success .card .top>.title span{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}.success .card .top>.title span:first-letter{text-transform:capitalize}.success .card .message{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);background:var(--secondary-clr);border-radius:var(--border-radius-large);padding:var(--space-1) var(--space-2)}.success .card .message span{display:grid;place-content:center}.success .card .message span svg{width:var(--svg-size);stroke:var(--svg-fill-sec);fill:var(--svg-fill-sec)}.success .card .message p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-sec)}.success .card .message p:first-letter{text-transform:capitalize}.success .card .impact{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-2);border:1px solid var(--border-clr);border-radius:var(--border-radius-large)}.success .card .impact p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);font-family:var(--arabic-fm-b)}.success .card .impact p:first-letter{text-transform:capitalize}.success .card .impact .impacts{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-1);width:100%}.success .card .impact .impacts div{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);border:1px dashed var(--border-clr);padding:var(--space-1);border-radius:var(--border-radius-very-large)}.success .card .impact .impacts div>p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);font-family:var(--arabic-fm-l);text-transform:capitalize}.success .card .impact .impacts div span{display:grid;place-content:center}.success .card .impact .impacts div span svg{width:var(--svg-size);stroke:var(--svg-fill);fill:var(--svg-fill)}.success .card .next{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);flex-wrap:wrap;padding:var(--space-2) var(--space-2);border:1px solid var(--border-clr);border-radius:var(--border-radius-large)}.success .card .next p{width:100%;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);font-family:var(--arabic-fm-b)}.success .card .next p:first-letter{text-transform:capitalize}.success .card .next>span{width:100%;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}.success .card .next>span:first-letter{text-transform:capitalize}.success .card .next a{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1);padding:var(--space-1) var(--space-1);background:var(--secondary-clr);border-radius:var(--border-radius-large)}.success .card .next a span{display:grid;place-content:center}.success .card .next a span svg{width:var(--svg-size);stroke:var(--svg-fill-sec)}.success .card .next a p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec)}.success .card .next #main{background:var(--primary-clr)}.success .card .next #main p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-light)}.success .card .next #main span svg{stroke:var(--svg-fill-light)}.success .card .title{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1)}.success .card .title p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);font-family:var(--arabic-fm-b);text-transform:capitalize}.success .card .title a{padding:var(--space-1) var(--space-2);background:var(--secondary-clr);border-radius:var(--border-radius-large);display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.success .card .title a p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec);font-family:var(--arabic-fm-b);text-transform:capitalize}.success .card .title a span{display:grid;place-content:center}.success .card .title a span svg{width:var(--space-2);stroke:var(--svg-fill-sec)}.Article article,.AdminViewArticle article{width:clamp(250px,100%,600px);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-2)}.Article article .header_actions,.AdminViewArticle article .header_actions{position:relative;width:100%;padding:var(--space-1);display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-2)}.Article article .header_actions>button,.AdminViewArticle article .header_actions>button{display:grid;place-content:center;padding:var(--space-1);background:var(--secondary-clr);border-radius:var(--border-radius-medium);anchor-name:--menu-button}.Article article .header_actions>button svg,.AdminViewArticle article .header_actions>button svg{stroke:var(--svg-fill);width:var(--svg-size)}.Article article .header_actions #menu,.AdminViewArticle article .header_actions #menu{background:var(--body-bg-clr);border-radius:var(--border-radius-medium);border:1px solid var(--border-clr);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);width:-moz-max-content;width:max-content;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-sec);position-anchor:--menu-button;top:anchor(bottom);left:anchor(right);position-try-fallbacks:--below-right,--below-left}.Article article .header_actions #menu:popover-open,.AdminViewArticle article .header_actions #menu:popover-open{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-2)}@position-try --below-right{.Article article .header_actions #menu,.AdminViewArticle article .header_actions #menu{inset:unset;top:anchor(bottom);left:anchor(left)}}@position-try --below-left{.Article article .header_actions #menu,.AdminViewArticle article .header_actions #menu{inset:unset;top:anchor(bottom);right:anchor(right)}}.Article article .header_actions #menu button,.AdminViewArticle article .header_actions #menu button{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1)}.Article article .header_actions #menu button span,.AdminViewArticle article .header_actions #menu button span{display:grid;place-content:center}.Article article .header_actions #menu button span svg,.AdminViewArticle article .header_actions #menu button span svg{width:var(--space-2);stroke:var(--svg-fill-sec)}.Article article .media-container,.AdminViewArticle article .media-container{position:relative;width:100%;height:250px;display:flex}.Article article .media-container img,.Article article .media-container video,.AdminViewArticle article .media-container img,.AdminViewArticle article .media-container video{-o-object-fit:cover;object-fit:cover;width:100%;border-radius:var(--border-radius-large)}.Article article .media-container.editing,.AdminViewArticle article .media-container.editing{border:2px dashed var(--border-clr);border-radius:var(--border-radius-large)}.Article article .media-container .media-upload-overlay,.AdminViewArticle article .media-container .media-upload-overlay{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;display:grid;place-content:center}.Article article .media-container .media-upload-overlay .upload-button,.AdminViewArticle article .media-container .media-upload-overlay .upload-button{position:relative;background:var(--secondary-clr);padding:var(--space-3);border-radius:var(--border-radius-circle);display:grid;place-content:center}.Article article .media-container .media-upload-overlay .upload-button span,.AdminViewArticle article .media-container .media-upload-overlay .upload-button span{display:grid;place-content:center}.Article article .media-container .media-upload-overlay .upload-button span svg,.AdminViewArticle article .media-container .media-upload-overlay .upload-button span svg{width:var(--space-3);fill:var(--svg-fill);stroke:var(--svg-fill)}.Article article .media-container .media-upload-overlay input,.AdminViewArticle article .media-container .media-upload-overlay input{position:absolute;width:100%;height:100%;z-index:1}.Article article h1,.AdminViewArticle article h1{font-size:var(--font-h4);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h4);line-height:var(--line-h4);color:var(--txt-clr);font-family:var(--arabic-fm-b);text-transform:capitalize}.Article article .user_info,.AdminViewArticle article .user_info{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);color:var(--txt-clr-gray)}.Article article .user_info #avatar,.AdminViewArticle article .user_info #avatar{display:grid;place-content:center;background:var(--secondary-clr);border-radius:var(--border-radius-circle);padding:var(--space-mini)}.Article article .user_info #avatar svg,.AdminViewArticle article .user_info #avatar svg{width:var(--svg-size);stroke:var(--svg-fill-gray)}.Article article .user_info p,.AdminViewArticle article .user_info p{text-transform:capitalize}.Article article .user_info p,.Article article .user_info #date,.AdminViewArticle article .user_info p,.AdminViewArticle article .user_info #date{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}.Article article>.impacts,.AdminViewArticle article>.impacts{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:var(--space-1);flex-wrap:wrap}.Article article>.impacts div,.AdminViewArticle article>.impacts div{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1);background:var(--secondary-clr);border-radius:var(--border-radius-large);padding:var(--space-1) var(--space-2)}.Article article>.impacts div p,.AdminViewArticle article>.impacts div p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec);text-transform:capitalize}.Article article>.impacts select,.AdminViewArticle article>.impacts select{background:var(--secondary-clr);border:none}.Article article .card,.AdminViewArticle article .card{width:100%;border:1px solid var(--border-clr);border-radius:var(--border-radius-large);padding:var(--space-2) calc(var(--space-2) - 1px);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:var(--space-mini);flex-wrap:wrap}.Article article .card>span,.AdminViewArticle article .card>span{position:relative;width:100%;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray);white-space:per-line}.Article article .card>span:first-letter,.AdminViewArticle article .card>span:first-letter{text-transform:capitalize}.Article article .card>span:after,.AdminViewArticle article .card>span:after{content:"";position:absolute;bottom:calc(-1 * var(--space-3) / 2);left:0;width:100%;height:1px;background:var(--border-clr)}.Article article .card>p,.AdminViewArticle article .card>p{width:100%;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);margin-top:var(--space-2)}.Article article .card>p:first-letter,.AdminViewArticle article .card>p:first-letter{text-transform:capitalize}.Article article .card .note-toggle,.AdminViewArticle article .card .note-toggle{width:100%;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr)}.Article article .card .note-toggle:first-letter,.AdminViewArticle article .card .note-toggle:first-letter{text-transform:capitalize}.Article article .card label,.AdminViewArticle article .card label{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1)}.Article article .card ul,.AdminViewArticle article .card ul{width:100%;padding:var(--space-1) var(--space-2);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-1)}.Article article .card ul li,.AdminViewArticle article .card ul li{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr)}.Article article .card ul li:first-letter,.AdminViewArticle article .card ul li:first-letter{text-transform:capitalize}.Article article .card ul li .list-content,.AdminViewArticle article .card ul li .list-content{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1);flex-wrap:wrap}.Article article .card ul li .list-content button,.AdminViewArticle article .card ul li .list-content button{display:grid;place-content:center}.Article article .card ul li .list-content button svg,.AdminViewArticle article .card ul li .list-content button svg{width:var(--space-2);stroke:var(--svg-fill)}.Article article .card ul li:nth-last-child(1):has(button),.AdminViewArticle article .card ul li:nth-last-child(1):has(button){list-style:none}.Article article .card .top,.AdminViewArticle article .card .top{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-1)}.Article article .card .top>span,.AdminViewArticle article .card .top>span{position:relative;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}.Article article .card .top>span:first-letter,.AdminViewArticle article .card .top>span:first-letter{text-transform:capitalize}.Article article .card .top .title,.AdminViewArticle article .card .top .title{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1)}.Article article .card .top .title p,.AdminViewArticle article .card .top .title p{width:100%;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr);font-family:var(--arabic-fm-b);text-transform:capitalize}.Article article .card .top .title a,.AdminViewArticle article .card .top .title a{padding:var(--space-1) var(--space-2);background:var(--secondary-clr);border-radius:var(--border-radius-large);display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.Article article .card .top .title a p,.AdminViewArticle article .card .top .title a p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec);text-transform:capitalize}.Article article .card .top .title a span,.AdminViewArticle article .card .top .title a span{display:grid;place-content:center}.Article article .card .top .title a span svg,.AdminViewArticle article .card .top .title a span svg{width:var(--space-2);fill:none;stroke:var(--svg-fill-sec)}.Article article .card .note,.AdminViewArticle article .card .note{width:100%;margin-top:var(--space-2);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:var(--space-1);background:var(--secondary-clr);padding:var(--space-2) var(--space-1);border-radius:var(--border-radius-medium)}.Article article .card .note span,.AdminViewArticle article .card .note span{display:grid;place-content:center}.Article article .card .note span svg,.AdminViewArticle article .card .note span svg{width:var(--svg-size);stroke:var(--svg-fill-sec)}.Article article .card .note p,.AdminViewArticle article .card .note p{width:100%;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec)}.Article article .card .note p:first-letter,.AdminViewArticle article .card .note p:first-letter{text-transform:capitalize}.Article article .card>.impacts,.AdminViewArticle article .card>.impacts{margin-top:var(--space-1);width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:var(--space-1);flex-wrap:wrap}.Article article .card>.impacts div,.AdminViewArticle article .card>.impacts div{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1);background:var(--secondary-clr);border-radius:var(--border-radius-medium);padding:var(--space-1) var(--space-1)}.Article article .card>.impacts div p,.AdminViewArticle article .card>.impacts div p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec);text-transform:capitalize}.Article article .card>.impacts div span,.AdminViewArticle article .card>.impacts div span{display:grid;place-content:center}.Article article .card>.impacts div span svg,.AdminViewArticle article .card>.impacts div span svg{width:var(--svg-size);stroke:var(--svg-fill-sec)}.Article article .card a,.Article article .card button,.AdminViewArticle article .card a,.AdminViewArticle article .card button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1);background:var(--secondary-clr);border-radius:var(--border-radius-large);padding:var(--space-1) var(--space-2)}.Article article .card a p,.Article article .card button p,.AdminViewArticle article .card a p,.AdminViewArticle article .card button p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-sec);font-family:var(--arabic-fm-b);text-transform:capitalize}.Article article .card a span,.Article article .card button span,.AdminViewArticle article .card a span,.AdminViewArticle article .card button span{display:grid;place-content:center}.Article article .card a span svg,.Article article .card button span svg,.AdminViewArticle article .card a span svg,.AdminViewArticle article .card button span svg{width:var(--space-2);stroke:var(--svg-fill-sec);fill:none}.Article article .card #main,.AdminViewArticle article .card #main{background:var(--primary-clr)}.Article article .card #main p,.AdminViewArticle article .card #main p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-light);font-family:var(--arabic-fm-b)}.Article article .card #main span svg,.AdminViewArticle article .card #main span svg{stroke:var(--svg-fill-light)}.Article article input[type=checkbox],.AdminViewArticle article input[type=checkbox]{scale:1.3;color:red;accent-color:var(--bar-clr)}.TopBar{position:static;top:0;width:100%;border-bottom:1px solid var(--border-clr);display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1);padding:var(--space-2) var(--space-2)}.TopBar .left h5{font-size:var(--font-h5);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h5);line-height:var(--line-h5);font-family:var(--arabic-fm-b)}.TopBar .right{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-2)}.TopBar .right a{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1);padding:var(--space-1);background:var(--primary-clr);border-radius:var(--border-radius-small)}.TopBar .right a span{display:grid;place-content:center}.TopBar .right a span svg{width:var(--space-2);stroke:var(--svg-fill-light)}.TopBar .right a p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-light);text-transform:capitalize}.TopBar .right .user{background:var(--secondary-clr);border-radius:var(--border-radius-circle);display:grid;place-content:center;width:var(--space-4);aspect-ratio:1/1}.TopBar .right .user svg{width:var(--svg-size);stroke:var(--svg-fill)}.AdminDashboared .slides,.AdminDonationPage .slides{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1)}.AdminDashboared .slides .slide,.AdminDonationPage .slides .slide{flex-grow:1;border:1px solid var(--border-clr);border-radius:var(--border-radius-small);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--space-1);padding:var(--space-1)}.AdminDashboared .slides .slide span,.AdminDonationPage .slides .slide span{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-gray);text-transform:capitalize}.AdminDashboared .slides .slide h6,.AdminDonationPage .slides .slide h6{font-size:var(--font-h6);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h6);line-height:var(--line-h6);font-family:var(--arabic-fm-b);color:var(--txt-clr);text-transform:capitalize}.AdminDashboared .slides .slide p,.AdminDonationPage .slides .slide p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray);text-transform:capitalize}.AdminDashboared .slides .slide.loading,.AdminDonationPage .slides .slide.loading{animation:pulse 2s infinite}.AdminDashboared .slides .slide .skeleton-line,.AdminDonationPage .slides .slide .skeleton-line{background:#e5e7eb;border-radius:4px;margin:.5rem 0}.AdminDashboared .slides .slide .skeleton-line.short,.AdminDonationPage .slides .slide .skeleton-line.short{height:12px;width:60%;margin:0 auto}.AdminDashboared .slides .slide .skeleton-line.medium,.AdminDonationPage .slides .slide .skeleton-line.medium{height:20px;width:40%;margin:1rem auto}.AdminDashboared .slides .slide .skeleton-line.long,.AdminDonationPage .slides .slide .skeleton-line.long{height:14px;width:70%;margin:0 auto}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.AdminDashboared .slides .slide .slide.error,.AdminDonationPage .slides .slide .slide.error{grid-column:1/-1;text-align:center;color:#ef4444}.AdminDashboared .slides .error,.AdminDonationPage .slides .error{width:100%;padding:2rem;border-radius:4px;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);background:var(--bg-err-clr);border:1px solid var(--border-err-clr);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1)}.AdminDashboared .slides .error p,.AdminDonationPage .slides .error p{color:var(--txt-clr-err);margin:0}.AdminDashboared .slides .error .retry-btn,.AdminDashboared .slides .error button,.AdminDonationPage .slides .error .retry-btn,.AdminDonationPage .slides .error button{width:-moz-fit-content;width:fit-content;background:var(--txt-clr-err);color:var(--txt-clr-light);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background .3s ease}.AdminDashboared .slides .error .retry-btn:hover,.AdminDashboared .slides .error button:hover,.AdminDonationPage .slides .error .retry-btn:hover,.AdminDonationPage .slides .error button:hover{background:var(--dark-bg-err)}.AdminDashboared .cases-container,.AdminDonationPage .cases-container{width:100%;display:grid;grid-template-columns:1fr 1fr;place-content:center;gap:var(--space-1)}.AdminDashboared .cases-container .recent-donations,.AdminDonationPage .cases-container .recent-donations{width:100%;border:1px solid var(--border-clr);border-radius:var(--border-radius-small);padding:var(--space-2) var(--space-1);margin-right:auto;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-2)}.AdminDashboared .cases-container .recent-donations h3,.AdminDonationPage .cases-container .recent-donations h3{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);font-family:var(--arabic-fm-b);color:var(--txt-clr)}.AdminDashboared .cases-container .recent-donations .header-with-filters,.AdminDonationPage .cases-container .recent-donations .header-with-filters{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1)}.AdminDashboared .cases-container .recent-donations .header-with-filters h3,.AdminDonationPage .cases-container .recent-donations .header-with-filters h3{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);font-family:var(--arabic-fm-b);color:var(--txt-clr)}.AdminDashboared .cases-container .recent-donations .header-with-filters .filters,.AdminDashboared .cases-container .recent-donations .header-with-filters .campaigns-table,.AdminDonationPage .cases-container .recent-donations .header-with-filters .filters,.AdminDonationPage .cases-container .recent-donations .header-with-filters .campaigns-table{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.AdminDashboared .cases-container .recent-donations .header-with-filters .filters .filter-group,.AdminDashboared .cases-container .recent-donations .header-with-filters .campaigns-table .filter-group,.AdminDonationPage .cases-container .recent-donations .header-with-filters .filters .filter-group,.AdminDonationPage .cases-container .recent-donations .header-with-filters .campaigns-table .filter-group{background:var(--secondary-clr);padding:var(--space-1);border-radius:var(--border-radius-small)}.AdminDashboared .cases-container .recent-donations .header-with-filters .filters .filter-group label,.AdminDashboared .cases-container .recent-donations .header-with-filters .campaigns-table .filter-group label,.AdminDonationPage .cases-container .recent-donations .header-with-filters .filters .filter-group label,.AdminDonationPage .cases-container .recent-donations .header-with-filters .campaigns-table .filter-group label{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.AdminDashboared .cases-container .recent-donations .header-with-filters .filters .filter-group select,.AdminDashboared .cases-container .recent-donations .header-with-filters .campaigns-table .filter-group select,.AdminDonationPage .cases-container .recent-donations .header-with-filters .filters .filter-group select,.AdminDonationPage .cases-container .recent-donations .header-with-filters .campaigns-table .filter-group select{field-sizing:content;background:transparent;border:none;outline:none;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);accent-color:transparent}.AdminDashboared .cases-container .recent-donations .header-with-filters .filters .clear-filters-btn,.AdminDashboared .cases-container .recent-donations .header-with-filters .campaigns-table .clear-filters-btn,.AdminDonationPage .cases-container .recent-donations .header-with-filters .filters .clear-filters-btn,.AdminDonationPage .cases-container .recent-donations .header-with-filters .campaigns-table .clear-filters-btn{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);background:var(--accent-clr);padding:var(--space-1);border-radius:var(--border-radius-small)}.AdminDashboared .cases-container .recent-donations .header-with-filters .filters .export-csv-btn,.AdminDashboared .cases-container .recent-donations .header-with-filters .campaigns-table .export-csv-btn,.AdminDonationPage .cases-container .recent-donations .header-with-filters .filters .export-csv-btn,.AdminDonationPage .cases-container .recent-donations .header-with-filters .campaigns-table .export-csv-btn{padding:var(--space-1);background:var(--primary-clr);border-radius:var(--border-radius-small);color:var(--txt-clr-light);font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);margin-left:auto!important;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.AdminDashboared .cases-container .recent-donations .header-with-filters .filters .export-csv-btn span,.AdminDashboared .cases-container .recent-donations .header-with-filters .campaigns-table .export-csv-btn span,.AdminDonationPage .cases-container .recent-donations .header-with-filters .filters .export-csv-btn span,.AdminDonationPage .cases-container .recent-donations .header-with-filters .campaigns-table .export-csv-btn span{display:grid;place-content:center}.AdminDashboared .cases-container .recent-donations .header-with-filters .filters .export-csv-btn span svg,.AdminDashboared .cases-container .recent-donations .header-with-filters .campaigns-table .export-csv-btn span svg,.AdminDonationPage .cases-container .recent-donations .header-with-filters .filters .export-csv-btn span svg,.AdminDonationPage .cases-container .recent-donations .header-with-filters .campaigns-table .export-csv-btn span svg{width:var(--svg-size);stroke:var(--svg-fill-light)}.AdminDashboared .cases-container .recent-donations table,.AdminDonationPage .cases-container .recent-donations table{width:100%;border:none;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);font-family:var(--arabic-fm-l);text-align:auto;border:1px solid var(--border-clr);border-radius:var(--border-radius-medium);border-spacing:0px}.AdminDashboared .cases-container .recent-donations table thead,.AdminDonationPage .cases-container .recent-donations table thead{border:none}.AdminDashboared .cases-container .recent-donations table thead tr,.AdminDonationPage .cases-container .recent-donations table thead tr{font-size:var(--font-h6);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h6);line-height:var(--line-h6);color:var(--txt-clr-sec);background:var(--sidebar-clr)}.AdminDashboared .cases-container .recent-donations table thead tr th,.AdminDonationPage .cases-container .recent-donations table thead tr th{padding:var(--space-2);border:none;text-align:left}.AdminDashboared .cases-container .recent-donations table thead tr th:nth-child(1),.AdminDonationPage .cases-container .recent-donations table thead tr th:nth-child(1){border-top-left-radius:var(--border-radius-medium);overflow:hidden}.AdminDashboared .cases-container .recent-donations table thead tr th:nth-last-child(1),.AdminDonationPage .cases-container .recent-donations table thead tr th:nth-last-child(1){border-top-right-radius:var(--border-radius-medium);overflow:hidden}.AdminDashboared .cases-container .recent-donations table tbody td,.AdminDonationPage .cases-container .recent-donations table tbody td{padding:var(--space-2)}.AdminDashboared .cases-container .recent-donations table tbody td .method,.AdminDashboared .cases-container .recent-donations table tbody td .status,.AdminDonationPage .cases-container .recent-donations table tbody td .method,.AdminDonationPage .cases-container .recent-donations table tbody td .status{background:var(--sidebar-clr);padding:var(--space-1);border-radius:var(--border-radius-small);color:var(--txt-clr-sec)}.AdminDashboared .cases-container .recent-donations .footer,.AdminDonationPage .cases-container .recent-donations .footer{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1)}.AdminDashboared .cases-container .recent-donations .footer>p,.AdminDonationPage .cases-container .recent-donations .footer>p{color:var(--txt-clr-gray);font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small)}.AdminDashboared .cases-container .recent-donations .footer .pagination-controls,.AdminDonationPage .cases-container .recent-donations .footer .pagination-controls{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1)}.AdminDashboared .cases-container .recent-donations .footer .pagination-controls button,.AdminDonationPage .cases-container .recent-donations .footer .pagination-controls button{background:var(--accent-clr);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-small);font-size:var(--font-p);letter-spacing:var(--space-p);line-height:var(--line-p);font-family:var(--arabic-fm-r);transition:background .3s ease}.AdminDashboared .cases-container .recent-donations .footer .pagination-controls button:hover,.AdminDonationPage .cases-container .recent-donations .footer .pagination-controls button:hover{background:var(--secondary-clr)}.AdminDashboared .cases-container .recent-donations .loading-row td,.AdminDonationPage .cases-container .recent-donations .loading-row td{padding:1rem}.AdminDashboared .cases-container .recent-donations .loading-row .skeleton,.AdminDonationPage .cases-container .recent-donations .loading-row .skeleton{height:16px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px;animation:loading 1.5s infinite}.AdminDashboared .cases-container .recent-donations .error-message,.AdminDonationPage .cases-container .recent-donations .error-message{width:100%;padding:2rem;border-radius:4px;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);background:var(--bg-err-clr);border:1px solid var(--border-err-clr);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1)}.AdminDashboared .cases-container .recent-donations .error-message p,.AdminDonationPage .cases-container .recent-donations .error-message p{color:var(--txt-clr-err);margin:0}.AdminDashboared .cases-container .recent-donations .error-message .retry-btn,.AdminDonationPage .cases-container .recent-donations .error-message .retry-btn{width:-moz-fit-content;width:fit-content;background:var(--txt-clr-err);color:var(--txt-clr-light);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background .3s ease}.AdminDashboared .cases-container .recent-donations .error-message .retry-btn:hover,.AdminDonationPage .cases-container .recent-donations .error-message .retry-btn:hover{background:var(--dark-bg-err)}.AdminDashboared .cases-container .recent-donations .no-data,.AdminDonationPage .cases-container .recent-donations .no-data{text-align:center;color:#6b7280;padding:2rem;font-style:italic}.AdminDashboared .cases-container .cases,.AdminDonationPage .cases-container .cases{width:100%;border:1px solid var(--border-clr);border-radius:var(--border-radius-small);padding:var(--space-2) var(--space-1);margin-right:auto;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-2)}.AdminDashboared .cases-container .cases .case,.AdminDonationPage .cases-container .cases .case{width:100%;padding:var(--space-1);display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-2);border:1px solid var(--border-clr);border-radius:var(--border-radius-small)}.AdminDashboared .cases-container .cases .case p,.AdminDashboared .cases-container .cases .case span,.AdminDonationPage .cases-container .cases .case p,.AdminDonationPage .cases-container .cases .case span{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr);text-transform:capitalize}.AdminDashboared .cases-container .cases .case.skeleton,.AdminDonationPage .cases-container .cases .case.skeleton{background:#fff;cursor:default}.AdminDashboared .cases-container .cases .case.skeleton .skeleton-line,.AdminDonationPage .cases-container .cases .case.skeleton .skeleton-line{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px;animation:loading 1.5s infinite}.AdminDashboared .cases-container .cases .case.skeleton .skeleton-title,.AdminDonationPage .cases-container .cases .case.skeleton .skeleton-title{height:20px;width:150px}.AdminDashboared .cases-container .cases .case.skeleton .skeleton-amount,.AdminDonationPage .cases-container .cases .case.skeleton .skeleton-amount{height:24px;width:80px}.AdminDashboared .cases-container .cases .case.error,.AdminDonationPage .cases-container .cases .case.error{background:#fef2f2;border:1px solid #fecaca;text-align:center;flex-direction:column;gap:1rem}.AdminDashboared .cases-container .cases .case.error p,.AdminDonationPage .cases-container .cases .case.error p{color:#dc2626;margin:0}.AdminDashboared .cases-container .cases .case.error .retry-btn,.AdminDonationPage .cases-container .cases .case.error .retry-btn{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500}.AdminDashboared .cases-container .cases .case.error .retry-btn:hover,.AdminDonationPage .cases-container .cases .case.error .retry-btn:hover{background:#b91c1c}.AdminDashboared .cases-container .cases .case.empty,.AdminDonationPage .cases-container .cases .case.empty{background:#f9fafb;border:1px solid #e5e7eb;text-align:center}.AdminDashboared .cases-container .cases .case.empty p,.AdminDonationPage .cases-container .cases .case.empty p{color:#6b7280;font-style:italic;margin:0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.AdminDashboared .QuickActions,.AdminDonationPage .QuickActions{width:100%;border:1px solid var(--border-clr);border-radius:var(--border-radius-small);background:var(--sidebar-clr);display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1);padding:var(--space-2) var(--space-1)}.AdminDashboared .QuickActions .left,.AdminDonationPage .QuickActions .left{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.AdminDashboared .QuickActions .left span,.AdminDonationPage .QuickActions .left span{display:grid;place-content:center}.AdminDashboared .QuickActions .left span svg,.AdminDonationPage .QuickActions .left span svg{width:var(--svg-size);stroke:var(--svg-fill-sec)}.AdminDashboared .QuickActions .left p,.AdminDonationPage .QuickActions .left p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-sec);text-transform:capitalize}.AdminDashboared .QuickActions .right,.AdminDonationPage .QuickActions .right{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.AdminDashboared .QuickActions .right button,.AdminDonationPage .QuickActions .right button{border:1px solid var(--border-clr);border-radius:var(--border-radius-small);padding:var(--space-1);font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-sec)}.AdminDashboared .QuickActions .right #primary,.AdminDonationPage .QuickActions .right #primary{background:var(--primary-clr);color:var(--txt-clr-light)}.AdminDashboared .QuickActions .filter-popup-overlay,.AdminDonationPage .QuickActions .filter-popup-overlay{position:fixed;width:clamp(200px,50%,500px);top:50%;left:50%;transform:translate(-50%,-50%);background:var(--body-bg-clr);border:1px solid var(--border-clr);border-radius:var(--border-radius-medium);padding:var(--space-2) var(--space-2);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-2);box-shadow:5px 5px 10px var(--txt-clr-gray)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-header,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-header{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-1)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-header h3,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-header h3{font-size:var(--font-h6);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h6);line-height:var(--line-h6);font-family:var(--arabic-fm-b)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-content,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-content{display:flex;align-items:flex-start;justify-content:space-evenly;flex-direction:column;gap:var(--space-1)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-content p,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-content p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-content .filter-section,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-content .filter-section{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-2);flex-wrap:wrap;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-content .filter-section .filter-group,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-content .filter-section .filter-group{background:var(--secondary-clr);padding:var(--space-1);border-radius:var(--border-radius-medium)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-content .filter-section .filter-group label,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-content .filter-section .filter-group label{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-content .filter-section .filter-group select,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-content .filter-section .filter-group select{border:none;outline:none;field-sizing:content;background:transparent;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.AdminDashboared .QuickActions .filter-popup-overlay .export-info,.AdminDonationPage .QuickActions .filter-popup-overlay .export-info{width:100%}.AdminDashboared .QuickActions .filter-popup-overlay .export-info p,.AdminDashboared .QuickActions .filter-popup-overlay .export-info strong,.AdminDonationPage .QuickActions .filter-popup-overlay .export-info p,.AdminDonationPage .QuickActions .filter-popup-overlay .export-info strong{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-footer,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-footer{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-footer .action-buttons,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-footer .action-buttons{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-footer button,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-footer button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border-clr);border-radius:var(--border-radius-medium)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-footer button span,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-footer button span{display:grid;place-content:center}.AdminDashboared .QuickActions .filter-popup-overlay .popup-footer button span svg,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-footer button span svg{width:var(--svg-size);stroke:var(--svg-fill-sec)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-footer button p,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-footer button p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-sec)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-footer button.export-btn,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-footer button.export-btn{background:var(--primary-clr)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-footer button.export-btn p,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-footer button.export-btn p{color:var(--txt-clr-light)}.AdminDashboared .QuickActions .filter-popup-overlay .popup-footer button.export-btn svg,.AdminDonationPage .QuickActions .filter-popup-overlay .popup-footer button.export-btn svg{stroke:var(--svg-fill-light)}.AdminDonationPage .cases-container{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:row;gap:var(--space-1)}.article-table,.campaigns-table,.users-table{width:100%;border:1px solid var(--border-clr);border-radius:var(--border-radius-small);padding:var(--space-2) var(--space-1);margin-right:auto;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-2)}.article-table .header-with-filters,.campaigns-table .header-with-filters,.users-table .header-with-filters{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1)}.article-table .header-with-filters h3,.campaigns-table .header-with-filters h3,.users-table .header-with-filters h3{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);font-family:var(--arabic-fm-b);color:var(--txt-clr)}.article-table .header-with-filters .filters,.article-table .header-with-filters .campaigns-table,.campaigns-table .header-with-filters .filters,.campaigns-table .header-with-filters .campaigns-table,.users-table .header-with-filters .filters,.users-table .header-with-filters .campaigns-table{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-1)}.article-table .header-with-filters .filters .filter-group,.article-table .header-with-filters .campaigns-table .filter-group,.campaigns-table .header-with-filters .filters .filter-group,.campaigns-table .header-with-filters .campaigns-table .filter-group,.users-table .header-with-filters .filters .filter-group,.users-table .header-with-filters .campaigns-table .filter-group{background:var(--secondary-clr);padding:var(--space-1);border-radius:var(--border-radius-small);display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-mini)}.article-table .header-with-filters .filters .filter-group label,.article-table .header-with-filters .campaigns-table .filter-group label,.campaigns-table .header-with-filters .filters .filter-group label,.campaigns-table .header-with-filters .campaigns-table .filter-group label,.users-table .header-with-filters .filters .filter-group label,.users-table .header-with-filters .campaigns-table .filter-group label{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.article-table .header-with-filters .filters .filter-group select,.article-table .header-with-filters .campaigns-table .filter-group select,.campaigns-table .header-with-filters .filters .filter-group select,.campaigns-table .header-with-filters .campaigns-table .filter-group select,.users-table .header-with-filters .filters .filter-group select,.users-table .header-with-filters .campaigns-table .filter-group select{field-sizing:content;background:transparent;border:none;outline:none;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);accent-color:transparent}.article-table .header-with-filters .filters .filter-group input,.article-table .header-with-filters .campaigns-table .filter-group input,.campaigns-table .header-with-filters .filters .filter-group input,.campaigns-table .header-with-filters .campaigns-table .filter-group input,.users-table .header-with-filters .filters .filter-group input,.users-table .header-with-filters .campaigns-table .filter-group input{max-width:250px;min-width:150px;border:none;outline:none;field-sizing:content;font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);background:transparent;border:1px solid var(--border-clr);border-radius:var(--border-radius-small);padding:var(--space-mini) var(--space-1);background:var(--body-bg-clr)}.article-table .header-with-filters .filters .clear-filters-btn,.article-table .header-with-filters .campaigns-table .clear-filters-btn,.campaigns-table .header-with-filters .filters .clear-filters-btn,.campaigns-table .header-with-filters .campaigns-table .clear-filters-btn,.users-table .header-with-filters .filters .clear-filters-btn,.users-table .header-with-filters .campaigns-table .clear-filters-btn{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);background:var(--accent-clr);padding:var(--space-1);border-radius:var(--border-radius-small)}.article-table .header-with-filters .filters .export-csv-btn,.article-table .header-with-filters .campaigns-table .export-csv-btn,.campaigns-table .header-with-filters .filters .export-csv-btn,.campaigns-table .header-with-filters .campaigns-table .export-csv-btn,.users-table .header-with-filters .filters .export-csv-btn,.users-table .header-with-filters .campaigns-table .export-csv-btn{padding:var(--space-1);background:var(--primary-clr);border-radius:var(--border-radius-small);color:var(--txt-clr-light);font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);margin-left:auto!important;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.article-table .header-with-filters .filters .export-csv-btn span,.article-table .header-with-filters .campaigns-table .export-csv-btn span,.campaigns-table .header-with-filters .filters .export-csv-btn span,.campaigns-table .header-with-filters .campaigns-table .export-csv-btn span,.users-table .header-with-filters .filters .export-csv-btn span,.users-table .header-with-filters .campaigns-table .export-csv-btn span{display:grid;place-content:center}.article-table .header-with-filters .filters .export-csv-btn span svg,.article-table .header-with-filters .campaigns-table .export-csv-btn span svg,.campaigns-table .header-with-filters .filters .export-csv-btn span svg,.campaigns-table .header-with-filters .campaigns-table .export-csv-btn span svg,.users-table .header-with-filters .filters .export-csv-btn span svg,.users-table .header-with-filters .campaigns-table .export-csv-btn span svg{width:var(--svg-size);stroke:var(--svg-fill-light)}.article-table h3,.campaigns-table h3,.users-table h3{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);font-family:var(--arabic-fm-b);color:var(--txt-clr)}.article-table table,.campaigns-table table,.users-table table{width:100%;border:none;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);font-family:var(--arabic-fm-l);text-align:auto;border:1px solid var(--border-clr);border-radius:var(--border-radius-medium);border-spacing:0px}.article-table table thead,.campaigns-table table thead,.users-table table thead{border:none}.article-table table thead tr,.campaigns-table table thead tr,.users-table table thead tr{font-size:var(--font-h6);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h6);line-height:var(--line-h6);color:var(--txt-clr-sec);background:var(--sidebar-clr)}.article-table table thead tr th,.campaigns-table table thead tr th,.users-table table thead tr th{padding:var(--space-2);border:none;text-align:left}.article-table table thead tr th:nth-child(1),.campaigns-table table thead tr th:nth-child(1),.users-table table thead tr th:nth-child(1){border-top-left-radius:var(--border-radius-medium);overflow:hidden}.article-table table thead tr th:nth-last-child(1),.campaigns-table table thead tr th:nth-last-child(1),.users-table table thead tr th:nth-last-child(1){border-top-right-radius:var(--border-radius-medium);overflow:hidden}.article-table table tbody td,.campaigns-table table tbody td,.users-table table tbody td{padding:var(--space-2)}.article-table table tbody td .method,.article-table table tbody td .status,.campaigns-table table tbody td .method,.campaigns-table table tbody td .status,.users-table table tbody td .method,.users-table table tbody td .status{background:var(--sidebar-clr);padding:var(--space-1);border-radius:var(--border-radius-small);color:var(--txt-clr-sec)}.article-table table tbody td .role,.article-table table tbody td .emailVerified,.campaigns-table table tbody td .role,.campaigns-table table tbody td .emailVerified,.users-table table tbody td .role,.users-table table tbody td .emailVerified{text-transform:capitalize;padding:var(--space-1);background:var(--secondary-clr);border-radius:var(--border-radius-small)}.article-table table tbody td .actions,.campaigns-table table tbody td .actions,.users-table table tbody td .actions{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-2)}.article-table table tbody td .actions button,.campaigns-table table tbody td .actions button,.users-table table tbody td .actions button{background:var(--sidebar-clr);padding:var(--space-1);font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);text-transform:capitalize;border-radius:var(--border-radius-small);color:var(--txt-clr-sec)}.article-table table tbody td .actions button span,.campaigns-table table tbody td .actions button span,.users-table table tbody td .actions button span{display:grid;place-content:center}.article-table table tbody td .actions button span svg,.campaigns-table table tbody td .actions button span svg,.users-table table tbody td .actions button span svg{width:var(--space-2);stroke:var(--svg-fill-sec)}.article-table table tbody td .progress-bar,.campaigns-table table tbody td .progress-bar,.users-table table tbody td .progress-bar{background:var(--accent-clr);border-radius:var(--border-radius-small);overflow:hidden}.article-table table tbody td .progress-bar .progress-fill,.campaigns-table table tbody td .progress-bar .progress-fill,.users-table table tbody td .progress-bar .progress-fill{background:var(--bar-clr);padding:var(--space-mini);border-radius:var(--border-radius-small)}.article-table .footer,.campaigns-table .footer,.users-table .footer{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1)}.article-table .footer>p,.campaigns-table .footer>p,.users-table .footer>p{color:var(--txt-clr-gray);font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small)}.article-table .footer .pagination-controls,.campaigns-table .footer .pagination-controls,.users-table .footer .pagination-controls{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--space-1)}.article-table .footer .pagination-controls button,.campaigns-table .footer .pagination-controls button,.users-table .footer .pagination-controls button{background:var(--accent-clr);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-small);font-size:var(--font-p);letter-spacing:var(--space-p);line-height:var(--line-p);font-family:var(--arabic-fm-r);transition:background .3s ease}.article-table .footer .pagination-controls button:hover,.campaigns-table .footer .pagination-controls button:hover,.users-table .footer .pagination-controls button:hover{background:var(--secondary-clr)}.article-table .loading-row td,.campaigns-table .loading-row td,.users-table .loading-row td{padding:1rem}.article-table .loading-row .skeleton,.campaigns-table .loading-row .skeleton,.users-table .loading-row .skeleton{height:16px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px;animation:loading 1.5s infinite}.article-table .error-message,.campaigns-table .error-message,.users-table .error-message{width:100%;padding:2rem;border-radius:4px;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);background:var(--bg-err-clr);border:1px solid var(--border-err-clr);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1)}.article-table .error-message p,.campaigns-table .error-message p,.users-table .error-message p{color:var(--txt-clr-err);margin:0}.article-table .error-message .retry-btn,.campaigns-table .error-message .retry-btn,.users-table .error-message .retry-btn{width:-moz-fit-content;width:fit-content;background:var(--txt-clr-err);color:var(--txt-clr-light);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background .3s ease}.article-table .error-message .retry-btn:hover,.campaigns-table .error-message .retry-btn:hover,.users-table .error-message .retry-btn:hover{background:var(--dark-bg-err)}.article-table .no-data,.campaigns-table .no-data,.users-table .no-data{text-align:center;color:#6b7280;padding:2rem;font-style:italic}.AdminEditCampaign .form-container,.AdminEditUser .form-container{width:100%}.AdminEditCampaign .form-container:has(.campaign-stats),.AdminEditUser .form-container:has(.campaign-stats){display:grid;grid-template-columns:1fr .5fr;grid-template-rows:1fr .5fr .5fr;gap:var(--space-1)}.AdminEditCampaign .form-container:has(.user-stats),.AdminEditUser .form-container:has(.user-stats){display:grid;grid-template-columns:1fr .5fr;grid-template-rows:1fr .5fr;gap:var(--space-1)}.AdminEditCampaign .form-container:has(.user-stats) .info,.AdminEditUser .form-container:has(.user-stats) .info{grid-area:1/1/3/2}.AdminEditCampaign .form-container .side,.AdminEditCampaign .form-container .actions,.AdminEditCampaign .form-container .campaign-stats,.AdminEditCampaign .form-container .user-stats,.AdminEditUser .form-container .side,.AdminEditUser .form-container .actions,.AdminEditUser .form-container .campaign-stats,.AdminEditUser .form-container .user-stats{width:100%;padding:var(--space-1);border:1px solid var(--border-clr);border-radius:var(--border-radius-small);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-2)}.AdminEditCampaign .form-container .side h6,.AdminEditCampaign .form-container .actions h6,.AdminEditCampaign .form-container .campaign-stats h6,.AdminEditCampaign .form-container .user-stats h6,.AdminEditUser .form-container .side h6,.AdminEditUser .form-container .actions h6,.AdminEditUser .form-container .campaign-stats h6,.AdminEditUser .form-container .user-stats h6{font-size:var(--font-h6);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h6);line-height:var(--line-h6);color:var(--txt-clr)}.AdminEditCampaign .form-container .side label,.AdminEditCampaign .form-container .actions label,.AdminEditCampaign .form-container .campaign-stats label,.AdminEditCampaign .form-container .user-stats label,.AdminEditUser .form-container .side label,.AdminEditUser .form-container .actions label,.AdminEditUser .form-container .campaign-stats label,.AdminEditUser .form-container .user-stats label{position:relative;width:100%;border-radius:var(--border-radius-small);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-1)}.AdminEditCampaign .form-container .side label input,.AdminEditCampaign .form-container .side label select,.AdminEditCampaign .form-container .side label span,.AdminEditCampaign .form-container .side label textarea,.AdminEditCampaign .form-container .actions label input,.AdminEditCampaign .form-container .actions label select,.AdminEditCampaign .form-container .actions label span,.AdminEditCampaign .form-container .actions label textarea,.AdminEditCampaign .form-container .campaign-stats label input,.AdminEditCampaign .form-container .campaign-stats label select,.AdminEditCampaign .form-container .campaign-stats label span,.AdminEditCampaign .form-container .campaign-stats label textarea,.AdminEditCampaign .form-container .user-stats label input,.AdminEditCampaign .form-container .user-stats label select,.AdminEditCampaign .form-container .user-stats label span,.AdminEditCampaign .form-container .user-stats label textarea,.AdminEditUser .form-container .side label input,.AdminEditUser .form-container .side label select,.AdminEditUser .form-container .side label span,.AdminEditUser .form-container .side label textarea,.AdminEditUser .form-container .actions label input,.AdminEditUser .form-container .actions label select,.AdminEditUser .form-container .actions label span,.AdminEditUser .form-container .actions label textarea,.AdminEditUser .form-container .campaign-stats label input,.AdminEditUser .form-container .campaign-stats label select,.AdminEditUser .form-container .campaign-stats label span,.AdminEditUser .form-container .campaign-stats label textarea,.AdminEditUser .form-container .user-stats label input,.AdminEditUser .form-container .user-stats label select,.AdminEditUser .form-container .user-stats label span,.AdminEditUser .form-container .user-stats label textarea{width:100%;border-radius:var(--border-radius-small);border:1px solid var(--border-clr);outline:none;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-sec);padding:var(--space-1);background:var(--sidebar-clr)}.AdminEditCampaign .form-container .side label #description,.AdminEditCampaign .form-container .actions label #description,.AdminEditCampaign .form-container .campaign-stats label #description,.AdminEditCampaign .form-container .user-stats label #description,.AdminEditUser .form-container .side label #description,.AdminEditUser .form-container .actions label #description,.AdminEditUser .form-container .campaign-stats label #description,.AdminEditUser .form-container .user-stats label #description{width:100%;max-width:1650px;min-width:650px;field-sizing:content;white-space:pre-wrap;min-height:42px;max-height:200px}.AdminEditCampaign .form-container .side label p,.AdminEditCampaign .form-container .actions label p,.AdminEditCampaign .form-container .campaign-stats label p,.AdminEditCampaign .form-container .user-stats label p,.AdminEditUser .form-container .side label p,.AdminEditUser .form-container .actions label p,.AdminEditUser .form-container .campaign-stats label p,.AdminEditUser .form-container .user-stats label p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-gray);text-transform:capitalize}.AdminEditCampaign .form-container .side .twoInputs,.AdminEditCampaign .form-container .actions .twoInputs,.AdminEditCampaign .form-container .campaign-stats .twoInputs,.AdminEditCampaign .form-container .user-stats .twoInputs,.AdminEditUser .form-container .side .twoInputs,.AdminEditUser .form-container .actions .twoInputs,.AdminEditUser .form-container .campaign-stats .twoInputs,.AdminEditUser .form-container .user-stats .twoInputs{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.AdminEditCampaign .form-container .side .twoInputs label,.AdminEditCampaign .form-container .actions .twoInputs label,.AdminEditCampaign .form-container .campaign-stats .twoInputs label,.AdminEditCampaign .form-container .user-stats .twoInputs label,.AdminEditUser .form-container .side .twoInputs label,.AdminEditUser .form-container .actions .twoInputs label,.AdminEditUser .form-container .campaign-stats .twoInputs label,.AdminEditUser .form-container .user-stats .twoInputs label{flex-grow:1}.AdminEditCampaign .form-container .campaign-stats,.AdminEditCampaign .form-container .user-stats,.AdminEditUser .form-container .campaign-stats,.AdminEditUser .form-container .user-stats{grid-area:1/2/4/4}.AdminEditCampaign .form-container .actions,.AdminEditUser .form-container .actions{grid-area:3/1;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--space-2)}.AdminEditCampaign .form-container .actions button,.AdminEditUser .form-container .actions button{padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-small);background:var(--sidebar-clr)}.AdminEditCampaign .form-container .actions button p,.AdminEditUser .form-container .actions button p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr)}.AdminEditCampaign .form-container .actions button.btn-danger,.AdminEditUser .form-container .actions button.btn-danger{background:var(--txt-clr-err)}.AdminEditCampaign .form-container .actions button.btn-danger p,.AdminEditUser .form-container .actions button.btn-danger p{color:var(--txt-clr-light)}.AdminEditCampaign .form-container .loading,.AdminEditCampaign .form-container .error,.AdminEditUser .form-container .loading,.AdminEditUser .form-container .error{width:100%;display:grid;place-content:center;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-gray);font-style:italic}.AdminEditCampaign .loading,.AdminEditUser .loading{color:var(--txt-clr-gray);font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);font-style:italic}footer{margin-top:auto;position:relative;width:clamp(250px,100%,550px);display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-2);border-top:1px solid var(--border-clr)}footer .contact{width:100%;position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--space-1)}footer .contact div{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}footer .contact div span{display:grid;place-content:center}footer .contact div span svg{stroke:var(--svg-fill-gray);width:var(--svg-size)}footer .contact div a{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}footer p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}.signin-pages{width:100dvw;position:relative;height:100dvh;overflow:hidden;background:var(--body-bg-clr);display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:0rem;flex-wrap:wrap}.signin-pages .image{width:clamp(200px,40%,900px);height:100%;position:relative;isolation:isolate;display:grid;place-content:center;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:.5rem;overflow:hidden}.signin-pages .image>img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1}.signin-pages .image .logo{width:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:.5rem;padding:1rem 1.5rem}.signin-pages .image .logo img{width:40px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;filter:brightness(0)}.signin-pages .image .logo svg{stroke:var(--svg-fill);width:var(--svg-size)}.signin-pages .image .txt{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:.5rem;padding-inline:3rem;mix-blend-mode:difference}.signin-pages .image .txt h2{font-size:var(--font-h2);font-family:var(--arabic-fm-b);letter-spacing:var(--space-h2);line-height:var(--line-h2);color:var(--txt-clr-light)}.signin-pages .image .txt p{font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);color:var(--txt-clr-light)}.signin-pages .image .bottom{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:.5rem;padding:3rem;mix-blend-mode:difference}.signin-pages .image .bottom p{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-light)}.signin-pages .main{width:60%;height:100%;background:var(--body-bg-clr);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0rem}.signin-pages .main .form,.signin-pages .main .success-message,.signin-pages .main .error-message{margin-top:auto;width:clamp(150px,60%,400px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1);padding:1rem}.signin-pages .main .form .top,.signin-pages .main .success-message .top,.signin-pages .main .error-message .top{width:100%;display:grid;place-content:center;margin-bottom:3rem}.signin-pages .main .form .top h1,.signin-pages .main .success-message .top h1,.signin-pages .main .error-message .top h1{width:-moz-max-content;width:max-content;font-size:var(--font-h1);font-family:var(--arabic-fm-b);letter-spacing:var(--space-h1);line-height:var(--line-h1);color:var(--txt-clr)}.signin-pages .main .form label,.signin-pages .main .success-message label,.signin-pages .main .error-message label{width:100%;position:relative;font-family:var(--arabic-fm-r);font-size:var(--font-body);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:.5rem;margin-top:var(--space-1)}.signin-pages .main .form label>.pass,.signin-pages .main .success-message label>.pass,.signin-pages .main .error-message label>.pass{width:100%;position:relative;display:flex;align-items:flex-end;justify-content:space-between;flex-direction:row;gap:.5rem}.signin-pages .main .form label>.pass input,.signin-pages .main .success-message label>.pass input,.signin-pages .main .error-message label>.pass input{width:100%;background:transparent;border:none;border-bottom:1px solid lightgray;padding:0 var(--space-1);padding-right:40px;border-radius:0;outline:none;color:var(--txt-clr);margin-top:3ch;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.signin-pages .main .form label>.pass>.toggle,.signin-pages .main .success-message label>.pass>.toggle,.signin-pages .main .error-message label>.pass>.toggle{position:absolute;width:30px;height:30px;right:0rem;display:grid;place-content:center;background:none;outline:none;border:none;cursor:pointer;border-radius:0}.signin-pages .main .form label>.pass>.toggle svg,.signin-pages .main .success-message label>.pass>.toggle svg,.signin-pages .main .error-message label>.pass>.toggle svg{fill:var(--dark-svg-clr)}.signin-pages .main .form label input,.signin-pages .main .success-message label input,.signin-pages .main .error-message label input{width:100%;background:transparent;border:none;border-bottom:1px solid lightgray;padding:0 var(--space-1);border-radius:0;outline:none;color:var(--txt-clr);margin-top:3ch;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.signin-pages .main .form label p,.signin-pages .main .success-message label p,.signin-pages .main .error-message label p{position:absolute;color:var(--txt-clr-placeholder);transform:translateY(calc(1 * var(--space-2)));font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p);transition:all .3s ease;pointer-events:none}.signin-pages .main .form label:has(input:not(:-moz-placeholder)) p,.signin-pages .main .success-message label:has(input:not(:-moz-placeholder)) p,.signin-pages .main .error-message label:has(input:not(:-moz-placeholder)) p{transform:translateY(calc(-1 * var(--space-2)));color:var(--txt-clr)}.signin-pages .main .form label:has(input:focus) p,.signin-pages .main .form label:has(input:not(:placeholder-shown)) p,.signin-pages .main .success-message label:has(input:focus) p,.signin-pages .main .success-message label:has(input:not(:placeholder-shown)) p,.signin-pages .main .error-message label:has(input:focus) p,.signin-pages .main .error-message label:has(input:not(:placeholder-shown)) p{transform:translateY(calc(-1 * var(--space-2)));color:var(--txt-clr)}.signin-pages .main .form label button,.signin-pages .main .success-message label button,.signin-pages .main .error-message label button{margin-top:var(--space-5);width:100%;background:var(--txt-clr);color:var(--body-bg-clr);padding:.7rem 1rem;font-size:var(--font-h6);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h6);line-height:var(--line-h6);border-radius:var(--border-radius-medium)}.signin-pages .main .bottom{width:100%;margin-top:auto;padding:1rem;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:0rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.signin-pages .main .auth-links{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-mini);margin-top:var(--space-5)}.signin-pages .main .auth-links a,.signin-pages .main .auth-links div{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small)}.signin-pages .main .auth-links a{color:var(--primary-clr)}.signin-pages .main .password-requirements{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-mini)}.signin-pages .main .password-requirements strong,.signin-pages .main .password-requirements ul li{font-size:var(--font-small);font-family:var(--arabic-fm-r);letter-spacing:var(--space-small);line-height:var(--line-small);color:var(--txt-clr-gray)}.signin-pages .main .success-message,.signin-pages .main .error-message{width:clamp(200px,100%,600px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1)}.signin-pages .main .success-message h2,.signin-pages .main .error-message h2{font-size:var(--font-h4);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h4);line-height:var(--line-h4);text-align:center;font-family:var(--arabic-fm-b);display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.signin-pages .main .success-message h2 span,.signin-pages .main .error-message h2 span{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-mini);background:var(--secondary-clr);width:var(--space-4);aspect-ratio:1/1;border-radius:var(--border-radius-circle)}.signin-pages .main .success-message h2 span svg,.signin-pages .main .error-message h2 span svg{width:var(--svg-size);stroke:var(--svg-fill-sec)}.signin-pages .main .success-message p,.signin-pages .main .success-message a,.signin-pages .main .error-message p,.signin-pages .main .error-message a{text-align:center;font-size:var(--font-p);font-family:var(--arabic-fm-r);letter-spacing:var(--space-p);line-height:var(--line-p)}.signin-pages .main .success-message p strong,.signin-pages .main .success-message a strong,.signin-pages .main .error-message p strong,.signin-pages .main .error-message a strong{color:var(--primary-clr)}.signin-pages .main .success-message p button,.signin-pages .main .success-message a button,.signin-pages .main .error-message p button,.signin-pages .main .error-message a button{font-family:var(--arabic-fm-b);border-bottom:1px solid var(--txt-clr)}.signin-pages .main .success-message a,.signin-pages .main .error-message a{display:grid;place-content:center;background:var(--primary-clr);color:var(--txt-clr-light);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-very-large)}.signin-pages .main .success-message .action-links,.signin-pages .main .error-message .action-links{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-1)}.signin-pages .main .success-message .action-links .secondary-link,.signin-pages .main .error-message .action-links .secondary-link{background:var(--sidebar-clr);color:var(--txt-clr-sec)}@media(max-width:1000px){.signin-pages{display:flex;align-items:center;justify-content:flex-start!important;flex-direction:column;gap:0rem;height:100vh}.signin-pages .image{width:clamp(200px,100%,1000px)!important;height:25%!important;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:.5rem;border-top-left-radius:var(--border-radius-medium);border-top-right-radius:var(--border-radius-medium)}.signin-pages .image .logo{width:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:.5rem;padding:1rem 1.5rem;display:none}.signin-pages .image .logo img{width:20px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.signin-pages .image .txt{width:100%;padding-inline:3rem;margin:auto;display:flex;align-items:center;justify-content:center!important;flex-direction:column;gap:0rem}.signin-pages .image .txt h2{width:100%;font-size:var(--font-h2);font-family:var(--arabic-fm-b);letter-spacing:var(--space-h2);line-height:var(--line-h2);text-align:center}.signin-pages .image .txt p,.signin-pages .image .bottom{display:none}.signin-pages .main{width:100%;height:-moz-fit-content!important;height:fit-content!important;background:var(--body-bg-clr);flex-grow:1;display:flex;align-items:center;justify-content:space-between!important;flex-direction:column;gap:0rem}.signin-pages .main .form{width:clamp(150px,90%,400px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:1rem;margin-top:0}.signin-pages .main .form .top{width:100%;display:grid;place-content:center;padding-top:var(--space-5);margin-bottom:0}.signin-pages .main .form .top h1{font-size:var(--font-h4);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h4);line-height:var(--line-h4);font-family:var(--arabic-fm-b);text-align:center;color:var(--txt-clr)}.signin-pages .main .form label button{margin-top:1rem;width:100%;background:var(--txt-clr);color:var(--body-bg-clr);padding:.7rem 1rem;font-size:var(--font-h6);font-family:var(--arabic-fm-r);letter-spacing:var(--space-h6);line-height:var(--line-h6);border-radius:var(--border-radius-medium)}.signin-pages .main .bottom{width:100%;margin-top:auto;padding:1rem;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0rem}}.fillNone svg{fill:none!important}.firstLetter:first-letter{text-transform:capitalize!important}.loading-indecator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:grid;place-content:center}