body{margin:0}.main-container{background:url(/img/pexels-photo-2673300.d14990cd.jpeg) no-repeat 50%;background-size:cover;min-height:100vh;overflow:hidden}.overlay{z-index:0}.content-wrapper{z-index:1}.logo-img{height:50px}@media (min-width:768px){.logo-img{height:70px}}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .5s ease,transform .5s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(20px)}.fade-slide-enter-to,.fade-slide-leave-from{opacity:1;transform:translateY(0)}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-ExtraLight.fdb21bf5.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Light.fde3cd0e.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Regular.e616eb46.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Medium.6216c6e4.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Bold.574073e8.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-ExtraBold.f23071c3.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Black.fb4ffe3d.ttf) format("truetype");font-weight:900;font-style:normal}.logout-button-container{position:fixed;top:15px;right:15px;z-index:1030}.logout-button-container .btn{font-size:.85rem;padding:.4rem .8rem;transition:all .3s ease}.logout-button-container .btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(220,53,69,.3)}.login-button-container .btn{font-size:.85rem;padding:.4rem .8rem;transition:all .3s ease}.login-button-container .btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(25,135,84,.3)}.navbar-toggler{border:none;background:none;color:#198754;padding:.5rem;border-radius:.375rem;transition:all .3s ease}.navbar-toggler:hover{background-color:rgba(25,135,84,.1)}.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(25,135,84,.25)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:1000}.mobile-menu.show{max-height:300px}.mobile-menu-content{padding:1rem}.mobile-menu .navbar-nav{list-style:none;padding:0;margin:0}.mobile-menu .nav-item{margin-bottom:.5rem}.mobile-menu .nav-link{display:block;padding:.75rem 1rem;text-decoration:none;color:#333;border-radius:.375rem;transition:all .3s ease;text-align:center;font-weight:500}.mobile-menu .nav-link:hover{background-color:rgba(25,135,84,.1);color:#198754}.mobile-menu .nav-link.router-link-active{background-color:rgba(25,135,84,.2);color:#198754;font-weight:600}body{font-family:Tajawal,sans-serif}@media (max-width:991px){.navbar .container-fluid{position:relative}.logo-img{height:40px}.navbar-brand{font-size:1.1rem!important}}@media (max-width:480px){.navbar-brand{font-size:1rem!important}.logo-img{height:35px}}.text-shadow[data-v-3e8cdbb8]{text-shadow:0 3px 6px rgba(0,0,0,.6)}.text-shadow-light[data-v-3e8cdbb8]{text-shadow:0 2px 4px rgba(0,0,0,.4)}.donate-button[data-v-3e8cdbb8]{background-color:#ea580c;color:#fff;font-weight:600;border:none;border-radius:6px;font-size:1rem;box-shadow:0 4px 6px rgba(0,0,0,.2);cursor:pointer;transition:background-color .3s ease}.donate-button[data-v-3e8cdbb8]:hover{background-color:#c2410c}.alertify-notifier .ajs-message{direction:rtl;text-align:right;font-family:Tajawal,sans-serif;font-size:18px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:20px 30px;min-width:300px;backdrop-filter:blur(10px);border-left:4px solid hsla(0,0%,100%,.3);transition:all .3s ease}.alertify-notifier .ajs-success{background-color:#42b983;color:#fff;border:none;border-left-color:#2d8f5f}.alertify-notifier .ajs-error{background-color:#dc3545;color:#fff;border:none;border-left-color:#a71e2a}.alertify-notifier .ajs-warning{background-color:#ffa726;color:#fff;border:none;border-left-color:#ff8f00}.alertify-notifier .ajs-message{background-color:#17a2b8;color:#fff;border:none;border-left-color:#117a8b}.alertify-notifier .ajs-message.ajs-visible{animation:slideInRight .4s cubic-bezier(.25,.46,.45,.94)}.alertify-notifier .ajs-message.ajs-hidden{animation:slideOutRight .3s cubic-bezier(.55,.055,.675,.19)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}60%{transform:translateX(-10px);opacity:.8}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}40%{transform:translateX(-10px);opacity:.8}to{transform:translateX(100%);opacity:0}}.alertify-notifier{position:fixed;bottom:20px;right:20px;left:auto;top:auto;z-index:1050;max-width:400px}.alertify-notifier .ajs-message{position:relative;display:block;margin-bottom:10px}@media (max-width:768px){.alertify-notifier{right:15px;left:auto;bottom:15px;max-width:90%}.alertify-notifier .ajs-message{font-size:16px;margin-bottom:8px;padding:16px 20px;min-width:auto;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.2)}.alertify-notifier .ajs-message.ajs-visible{animation:slideInRightMobile .3s ease-out}.alertify-notifier .ajs-message.ajs-hidden{animation:slideOutRightMobile .25s ease-in}}@media (max-width:480px){.alertify-notifier{right:10px;left:auto;bottom:10px;max-width:85%}.alertify-notifier .ajs-message{font-size:14px;padding:14px 16px;border-radius:8px;min-height:50px;display:flex;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}.alertify-notifier .ajs-message.ajs-visible{animation:slideInRightMobile .25s ease-out}.alertify-notifier .ajs-message.ajs-hidden{animation:slideOutRightMobile .2s ease-in}}@keyframes slideInRightMobile{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRightMobile{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.alertify-notifier .ajs-message:hover{transform:translateX(-3px);box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .2s ease}@media (max-width:768px){.alertify-notifier .ajs-message:hover{transform:none;box-shadow:0 3px 10px rgba(0,0,0,.2)}}.alertify-notifier .ajs-message .ajs-close{position:absolute;top:8px;left:8px;color:hsla(0,0%,100%,.7);font-size:18px;cursor:pointer;transition:color .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.1)}@media (max-width:480px){.alertify-notifier .ajs-message .ajs-close{width:28px;height:28px;font-size:16px;top:6px;left:6px}}.alertify-notifier .ajs-message .ajs-close:hover{color:#fff;background:rgba(0,0,0,.2)}.alertify .ajs-dialog{border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.2);overflow:hidden;font-family:Tajawal,sans-serif;min-width:400px;max-width:500px;animation:dialogSlideIn .3s cubic-bezier(.25,.46,.45,.94);animation:none!important;transform:none!important}.alertify.ajs-in .ajs-dialog{animation:none!important;transform:scale(1)!important}.alertify .ajs-dimmer{transition:opacity .2s ease}.alertify .ajs-modal{animation:fadeIn .2s ease}@keyframes dialogSlideIn{0%{transform:scale(.9) translateY(-20px)}to{transform:scale(1) translateY(0)}}.alertify .ajs-header{background:linear-gradient(135deg,#42b983,#3aa876);color:#fff;padding:20px 25px;font-weight:700;font-size:18px;text-align:right;direction:rtl;position:relative;border-bottom:1px solid hsla(0,0%,100%,.1)}.alertify .ajs-close{position:absolute;top:50%;left:20px;transform:translateY(-50%);width:30px;height:30px;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.alertify .ajs-close:hover{background:hsla(0,0%,100%,.3);transform:translateY(-50%) scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.alertify .ajs-close:active{transform:translateY(-50%) scale(.95)}.alertify .ajs-close:before{content:"×";font-size:18px;font-weight:700;line-height:1}.alertify .ajs-body{padding:25px;text-align:right;direction:rtl;font-size:16px;line-height:1.6;color:#333;background:#fff}.alertify .ajs-footer{padding:20px 25px;text-align:center;direction:ltr;background:#f8f9fa;border-top:1px solid #dee2e6}.alertify .ajs-buttons{display:flex;gap:15px;justify-content:center;align-items:center}.alertify .ajs-button{padding:12px 25px;border:none;border-radius:8px;font-family:Tajawal,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;position:relative;overflow:hidden;color:#fff!important;min-height:44px}.alertify .ajs-button.ajs-ok{background:linear-gradient(135deg,#3aa876,#2d8f5f);box-shadow:0 2px 4px rgba(58,168,118,.3)}.alertify .ajs-button.ajs-ok:hover{background:linear-gradient(135deg,#2d8f5f,#258a5a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(58,168,118,.4)}.alertify .ajs-button.ajs-ok:active{transform:translateY(0);box-shadow:0 2px 4px rgba(58,168,118,.3)}.alertify .ajs-button.ajs-cancel{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 2px 4px hsla(208,7%,46%,.3)}.alertify .ajs-button.ajs-cancel:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px hsla(208,7%,46%,.4)}.alertify .ajs-button.ajs-cancel:active{transform:translateY(0);box-shadow:0 2px 4px hsla(208,7%,46%,.3)}.alertify .ajs-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .3s,height .3s}.alertify .ajs-button:active:after{width:80px;height:80px}.alertify .ajs-dimmer{background-color:rgba(0,0,0,.6);backdrop-filter:blur(3px);animation:fadeIn .3s ease}@media (max-width:768px){.alertify .ajs-dialog{margin:15px;border-radius:12px;min-width:auto;max-width:none;animation:dialogSlideInMobile .25s ease-out}.alertify .ajs-header{font-size:16px;padding:16px 20px}.alertify .ajs-close{width:28px;height:28px;left:15px}.alertify .ajs-body{padding:18px;font-size:15px}.alertify .ajs-footer{padding:16px 20px}.alertify .ajs-button{padding:12px 20px;font-size:14px;min-width:80px;min-height:44px}.alertify .ajs-buttons{gap:12px}}@media (max-width:480px){.alertify .ajs-dialog{margin:10px;border-radius:10px;animation:dialogSlideInMobile .2s ease-out}.alertify .ajs-header{padding:14px 16px;font-size:15px}.alertify .ajs-close{width:26px;height:26px;left:12px}.alertify .ajs-body{padding:16px;font-size:14px;line-height:1.5}.alertify .ajs-footer{padding:14px 16px}.alertify .ajs-buttons{flex-direction:row;gap:8px}.alertify .ajs-button{flex:1;min-width:auto;padding:12px 16px;font-size:13px;min-height:44px}.alertify .ajs-button:after{width:60px;height:60px}}@keyframes dialogSlideInMobile{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (hover:none) and (pointer:coarse){.alertify .ajs-button:hover{transform:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.alertify-notifier .ajs-message:hover{transform:none}.alertify .ajs-close:hover{transform:translateY(-50%);background:hsla(0,0%,100%,.2)}}