nav#navbar{background-color:var(--nav);color:var(--text);z-index:9999;justify-content:space-between;align-items:center;width:100%;padding:15px 50px;display:flex;position:fixed}nav#navbar.scrolled{background-color:var(--navScroll)}nav#navbar div.logo{background:url(/img/full-logo.png) 0 0/contain no-repeat;width:150px;height:60px}nav#navbar div.nav-links{align-items:center;gap:25px;display:flex}nav#navbar .logout-btn{background-color:var(--temp);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;padding:5px 10px;transition:all .15s ease-in-out}nav#navbar .logout-btn:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}nav#navbar .logout-btn:active{background-color:var(--main);color:var(--mainBase);box-shadow:0 var(--main);transform:translate(2px,2px)}nav#navbar a:hover{color:var(--hoverText)}nav#navbar a.active{color:var(--hoverText);position:relative}nav#navbar a.active:before{background-color:var(--hoverText);content:"";border-radius:2px;width:100%;height:3px;animation:1s ease-in-out infinite alternate slidingLine,.25s ease-in-out infinite alternate glowing;position:absolute;top:20px;left:0}nav#navbar .nav-links.mobile{display:none}nav#navbar .menu-toggle,nav#navbar .menu-close{cursor:pointer;background-color:#0000;border:none;padding:3px 5px;font-size:20px;transition:all .25s ease-in-out;display:none}nav#navbar .menu-toggle:hover,nav#navbar .menu-close:hover{color:var(--hoverText)}nav#navbar .menu-toggle{font-size:xx-large}nav#navbar .menu-close{width:fit-content;margin:20px 0 20px auto;font-size:larger}nav#navbar hr{display:none}footer>div:first-of-type{justify-content:space-between;margin-bottom:25px;padding:0 25px;display:flex}footer>div:first-of-type h3{margin-bottom:15px}footer>div:first-of-type div{text-align:start}@media (width<=1000px){nav#navbar div.nav-links{background-color:var(--window);gap:0;display:none}nav#navbar .logout-btn{font-size:xx-large}nav#navbar div.nav-links.mobile.open{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:column;width:50%;height:100vh;padding:0 50px;font-size:xx-large;display:flex;position:absolute;top:0;right:0}nav#navbar .menu-toggle,nav#navbar .menu-close{display:block}nav#navbar div.nav-links.mobile.open a{padding:15px 0}nav#navbar div.nav-links.mobile.open a:hover,nav#navbar div.nav-links.mobile.open a.active{color:var(--text2);text-shadow:2px 2px 10px var(--main)}nav#navbar div.nav-links.mobile.open a.active:before{background-color:#0000;border-radius:0;width:0;height:0;animation:none}nav#navbar hr{border:3px solid var(--selection);border-radius:15px;width:50%;display:block}nav#navbar hr:last-of-type{margin-bottom:15px}footer>div:first-of-type{flex-direction:column;align-content:center}footer>div:first-of-type div{text-align:center;margin-bottom:20px}}@media (width<=600px){nav#navbar div.nav-links.mobile.open{width:100%}}nav#dash-navbar{background-color:var(--navScroll);z-index:9999;justify-content:center;align-items:center;width:100%;display:flex;position:fixed}nav#dash-navbar.scrolled{background-color:var(--navScroll)}nav#dash-navbar div.logo{background:url(/img/full-logo.png) 0 0/contain no-repeat;width:225px;height:90px}header .filler{background-color:var(--nav);color:#0000;height:90px}footer{background-color:var(--main);color:var(--text2);text-align:center;word-spacing:5px;padding:25px}nav#sidebar{background-color:var(--nav);color:var(--text2);z-index:99999;position:relative}nav#sidebar .menu-open{background-color:var(--window);color:var(--text2);cursor:pointer;border:none;border-radius:50px;padding:12px 20px;font-size:35px;display:none;position:fixed;top:100px;left:10px}nav#sidebar .menu-close{cursor:pointer;background-color:#0000;border:none;width:fit-content;margin:20px auto 20px 0;padding:3px 5px;font-size:40px;transition:all .25s ease-in-out;display:none}nav#sidebar .menu-close:hover{color:var(--hoverText)}nav#sidebar .sidebar{width:20%;padding:0 50px;position:fixed}nav#sidebar .sidebar h1,nav#sidebar .sidebar h3{color:var(--selection);text-align:center}nav#sidebar .sidebar h3{margin-top:35px}nav#sidebar .sidebar .side-links{flex-direction:column;gap:15px;margin-top:15px;display:flex}@media (width<=1000px){nav#sidebar{background-color:#0000;padding:0}nav#sidebar .menu-open{display:block}nav#sidebar .menu-open.close,nav#sidebar .sidebar{display:none}nav#sidebar .menu-close{display:block}nav#sidebar .sidebar h1{font-size:35px}nav#sidebar .sidebar.open{background-color:var(--window);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:50%;height:100%;padding:25px;font-size:x-large;display:block;top:0}nav#sidebar .sidebar.open .side-links{padding:0 25px}}@media (width<=600px){nav#sidebar .sidebar.open{width:100%}}div.main.we{width:250px;height:250px;margin:150px auto;position:relative}.we .loader{border:10px solid;border-radius:50%;width:250px;height:250px;animation:1s linear infinite spin;position:absolute}.we .lo1{border-color:var(--overBase);border-bottom:none;border-left:none}.we .lo2{border-color:var(--over3Base);border-top:none;border-right:none;width:200px;height:200px;position:absolute;top:25px;left:25px}.we .lo3{width:150px;height:150px;color:var(--text2);background-color:var(--over2Base);border:none;font-size:35px;top:50px;left:50px;overflow:hidden;animation:none!important}.we .lo3 h1{position:relative;top:35px;left:22.5px;animation:1s ease-in-out infinite scroll!important}#home-page section{font-size:30px}#home-page #main-section{background:linear-gradient(var(--nav), transparent), url(/img/school-front.jpg);text-align:center;background-position:50%;background-size:cover;padding:100px}#home-page .btn-container{justify-content:center;gap:25px;margin-top:50px;display:flex}#home-page .btn-container a.btn{background-color:var(--overBase);color:var(--text2);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);border-radius:10px;padding:10px 25px;transition:all .15s ease-in-out}#home-page .btn-container a.btn:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-4px,-4px)}#home-page .btn-container a.btn:active{background-color:var(--main);color:var(--mainBase);box-shadow:0 var(--main);transform:translate(2px,2px)}#home-page #overview-section{padding:50px}@media (width<=1000px){#home-page section{font-size:15px;padding:25px!important}#home-page .btn-container{flex-direction:column;gap:10px;margin-top:50px;display:flex}}#about-page{grid-template-columns:10% 90%;height:88vh;display:grid}header#navigator{border-right:2px solid var(--dots);text-align:center;flex-direction:column;justify-content:center;width:100%;padding:25px 5px;font-size:6px;display:flex;overflow:hidden}header#navigator div{text-transform:capitalize;flex-direction:column;gap:15px;margin:25px 0;font-size:15px;display:flex}header#navigator div a{border-radius:5px;padding:5px}header#navigator div a:hover{color:var(--text);background-color:#0002}#about-page section{padding:50px}#about-page div#sections-box{overflow-y:auto}#about-page #main-section{background:linear-gradient(var(--nav), transparent), url(/img/school-back.jpg);text-align:center;background-position:50%;background-size:cover;padding:100px}#about-page #vision-section,#about-page #certificate-section{color:var(--text);background-color:#0000}#about-page #department-section,#about-page #requirements-section{background-color:var(--over2Base);color:var(--text2);background-size:25px 25px;background-image:radial-gradient(var(--dots) 15%, transparent 16%)!important}#about-page section#vision-section{grid-template-columns:repeat(2,45%);justify-content:center;gap:25px;display:grid}#about-page section#vision-section div{box-shadow:0 0 0 0 var(--main);border:2px solid #0000;border-radius:10px;padding:15px;transition:all .25s ease-in-out}#about-page section#vision-section div:hover{border-color:var(--main);box-shadow:5px 5px 0 0 var(--main);transform:translate(-5px,-5px)}#about-page #department-section .major-box{position:relative}#about-page #department-section .major-box:after{background-color:var(--mainBase);content:"";border-radius:15px;width:5px;height:100%;position:absolute;top:0;left:50%}#about-page #department-section .major-box .major{width:50%;margin:10px 0;padding:25px;position:relative}#about-page #department-section .major-box .major div.m{border:2px solid var(--main);cursor:pointer;border-radius:15px;padding:20px;font-size:20px;transition:all .25s ease-in-out;position:relative}#about-page #department-section .major-box .major div.m:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-5px,-5px)}#about-page #department-section .major-box .major p{font-size:16px}#about-page #department-section .major-box .major .btn{border:2px solid var(--main);width:fit-content;box-shadow:2px 2px 0 0 var(--main);border-radius:10px;margin-top:10px;padding:10px 0;transition:all .15s ease-in-out}#about-page #department-section .major-box .major .btn:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#about-page #department-section .major-box .major .btn:active{background-color:var(--main);color:var(--mainBase);box-shadow:0 var(--main);transform:translate(2px,2px)}#about-page #department-section .major-box .major .btn a{padding:10px 25px}#about-page #department-section .major-box .major.right{left:50%}#about-page #certificate-section .certifs-box{position:relative}#about-page #certificate-section .certifs-box:after{background-color:var(--main);content:"";border-radius:15px;width:5px;height:100%;position:absolute;top:0;left:50%}#about-page #certificate-section .certifs-box .cert{width:50%;margin:10px 0;padding:25px;position:relative}#about-page #certificate-section .certifs-box .cert div{border:2px solid var(--main);cursor:pointer;border-radius:15px;padding:20px;font-size:20px;transition:all .25s ease-in-out;position:relative}#about-page #certificate-section .certifs-box .cert div:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-5px,-5px)}#about-page #certificate-section .certifs-box .cert p{font-size:16px}#about-page #certificate-section .certifs-box .cert.right{left:50%}#about-page #requirements-section ul{margin-left:25px;line-height:2;list-style:inside square}#about-page #requirements-section ul li{width:fit-content;transition:all .25s ease-in-out;position:relative}#about-page #requirements-section ul li:after,#about-page #requirements-section ul li:before{content:"";background-color:var(--hoverText);border-radius:15px;width:0;height:3px;transition:all .5s ease-in-out;animation:.25s ease-in-out infinite alternate glowing;position:absolute;bottom:0}#about-page #requirements-section ul li:after{left:0}#about-page #requirements-section ul li:before{right:0}#about-page #requirements-section ul li:hover:after,#about-page #requirements-section ul li:hover:before{width:100%}@media (width<=1000px){#about-page{height:initial;grid-template-columns:none;display:block;overflow-y:auto}header#navigator{background-color:var(--mainBase);border-right:none;border-bottom:2px solid var(--dots);z-index:99;font-size:10px;position:fixed;top:90px;overflow:hidden}header#navigator div{flex-flow:wrap;justify-content:center;gap:20px;margin:15px 0 0;display:flex}#about-page section{font-size:15px;padding:25px!important}#about-page #main-section{margin-top:170px}#about-page section#vision-section{grid-template-columns:repeat(1,90%)}#about-page #department-section .major-box:after{left:0}#about-page #department-section .major-box .major{width:100%}#about-page #department-section .major-box .major.right,#about-page #certificate-section .certifs-box:after{left:0}#about-page #certificate-section .certifs-box .cert{width:100%}#about-page #certificate-section .certifs-box .cert.right{left:0}}#partners-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;padding:50px 0}#partners-page .card{text-align:center;border-radius:10px;justify-self:center;width:fit-content;margin:25px 0;padding:15px}#partners-page .card .card-img{height:100px}#partners-page .card .card-img img{object-fit:contain;width:100%;height:100%}#partners-page .card .card-text{margin-top:15px;font-size:18px}#partners-page .partners-box{grid-template-columns:repeat(2,25%);justify-content:center;justify-items:center;gap:50px;margin:25px 0;display:grid;position:relative}#partners-page .partners-box:after{content:"";background-color:var(--temp);border-radius:15px;width:5px;height:75%;position:absolute;bottom:12.5%;left:calc(50% - 3px)}#partners-page .partners-box .card{width:100%;margin:0;position:relative}#partners-page .partners-box .card:after{content:"";background-color:var(--temp);border-radius:15px;width:25%;height:5px;position:absolute;top:50%;right:-25px}#partners-page .partners-box .card:last-child:after,#partners-page .partners-box .card:nth-last-child(3):after{left:-25px;right:0}@media (width<=1000px){#partners-page .partners-box{grid-template-columns:repeat(1,75%)}#partners-page .partners-box:after{width:0;height:0;bottom:0;left:0}#partners-page .partners-box .card:after{width:5px;height:25%;top:-35px;right:50%}#partners-page .partners-box .card:last-child:after,#partners-page .partners-box .card:nth-last-child(3):after{top:-35px;left:50%}}#branches-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;padding:50px 0}#branches-page #branch-section .qena-branch{background-color:var(--temp);color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;justify-content:space-between;margin:50px 100px;padding:15px;transition:all .15s ease-in-out}#branches-page #branch-section .qena-branch:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#branches-page #branch-section .qena-branch .card-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#branches-page #branch-section .qena-branch .card-address{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:22px;display:-webkit-box;overflow:hidden}#branches-page #branch-section .qena-branch .card-footer{justify-content:space-between;align-items:end;width:100%;margin-top:25px;font-size:15px;display:flex}#branches-page #branch-section .qena-branch .card-footer p{color:var(--hoverText);margin-left:auto}#branches-page #branch-section .qena-branch .card-img{height:400px}#branches-page #branch-section .qena-branch .card-img img{object-fit:cover;width:100%;height:100%}#branches-page #branch-section .branches-box{grid-template-columns:repeat(3,30%);justify-content:center;gap:15px;margin:50px 0;display:grid}#branches-page #branch-section .card{background-color:var(--temp);color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:space-between;padding:15px;transition:all .15s ease-in-out;display:flex}#branches-page #branch-section .card:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#branches-page #branch-section .card .card-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#branches-page #branch-section .card .card-address{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:22px;display:-webkit-box;overflow:hidden}#branches-page #branch-section .card .card-footer{justify-content:space-between;align-items:end;width:100%;margin-top:25px;font-size:15px;display:flex}#branches-page #branch-section .card .card-footer p{color:var(--hoverText);margin-left:auto}@media (width<=1000px){#branches-page #branch-section .branches-box{grid-template-columns:repeat(1,90%);gap:15px;margin:50px 0}#branches-page #branch-section .qena-branch{margin:25px}#branches-page #branch-section .qena-branch .card-footer{font-size:25px}#branches-page #branch-section .qena-branch .card-img{height:300px}#branches-page #branch-section .card .card-footer{font-size:25px}}@media (width<=600px){#branches-page #branch-section .qena-branch .card-footer{font-size:15px}#branches-page #branch-section .qena-branch .card-img{height:200px}#branches-page #branch-section .card .card-footer{font-size:15px}}#qena-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;padding:50px 0}#qena-page #details-section{padding:50px}#qena-page #details-section .footer{justify-content:space-between;align-items:end;width:100%;padding:25px;font-size:20px;display:flex}#qena-page #details-section .footer p{color:var(--hoverText);margin-left:auto}#qena-page #details-section .section-btns{grid-template-columns:repeat(2,50%);width:100%;display:grid}#qena-page #details-section .section-btns button{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px}#qena-page #details-section .section-btns button.active{border-bottom:none}#qena-page #gallery{flex-wrap:wrap;justify-content:space-evenly;gap:25px;padding:25px;display:flex}#qena-page #gallery .img-box{width:350px}#qena-page #gallery img{object-fit:cover;cursor:pointer;border-radius:10px;width:100%;height:100%;transition:all .15s ease-in-out}#qena-page #gallery img:hover{transform:scale(1.1)}#qena-page #management{padding:50px}#qena-page #management h1{font-size:30px}#qena-page #management #principles{text-align:center;justify-content:space-between;margin-bottom:50px;padding:15px 25px;font-size:20px;display:flex}#qena-page #management .transformation{margin-bottom:50px;font-size:20px}#qena-page #management .staff{font-size:20px}@media (width<=1000px){#qena-page #details-section .footer{padding:25px 0;font-size:13px}#qena-page #management{padding:25px}#qena-page #management #principles{display:block}#qena-page #management #principles div:first-child{margin-bottom:50px}#qena-page #management .transformation{margin-bottom:50px;font-size:20px}#qena-page #management .staff{font-size:20px}}#department-details-page #main-section{background:linear-gradient(var(--window), var(--main));text-align:center}#events-page #main-section{background:linear-gradient(var(--nav), transparent), url(/img/school-side.jpg);text-align:center;background-position:50%;background-size:cover;padding:150px 0}#events-page #cards-section{grid-template-columns:repeat(3,30%);justify-content:center;gap:15px;margin:50px 0;display:grid}#events-page #cards-section .card{background-color:var(--temp);height:450px;color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:space-between;padding:15px;transition:all .15s ease-in-out;display:flex}#events-page #cards-section .card:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#events-page #cards-section .card .img-box{height:250px}#events-page #cards-section .card .img-box img{object-fit:cover;width:100%;height:100%}#events-page #cards-section .card .card-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#events-page #cards-section .card .card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:22px;display:-webkit-box;overflow:hidden}#events-page #cards-section .card .card-footer{justify-content:space-between;align-items:end;width:100%;margin-top:25px;font-size:20px;display:flex}#events-page #cards-section .card .card-footer p{color:var(--hoverText);font-size:12px}@media (width<=1000px){#events-page #cards-section{justify-content:initial;grid-template-columns:repeat(1,100%);padding:10%}#events-page #cards-section .card .card-footer{flex-direction:column}#events-page #cards-section .card .card-footer a{margin-right:auto}#events-page #cards-section .card .card-footer p{font-size:18px}}#profile-page{justify-content:center;align-items:center;height:90vh;display:flex}#profile-page #main-section{background-color:var(--temp);color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);border-radius:15px;width:50%;padding:25px;transition:all .15s ease-in-out}#profile-page #main-section:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#profile-page .profile-header{border-bottom:2px solid var(--main);text-shadow:none;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}#profile-page .profile-header h2{text-shadow:none;margin:0;font-size:24px}#profile-page .role-badge{background-color:var(--temp);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:6px 16px;font-size:14px;font-weight:700}#profile-page .profile-details{flex-direction:column;gap:18px;margin-bottom:15px;display:flex}#profile-page .detail-group{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}#profile-page .detail-group label{width:78%;text-shadow:none;margin-bottom:6px;font-size:14px;font-weight:600}#profile-page .detail-value{border:1px solid var(--selection);word-break:break-all;width:80%;text-shadow:none;background-color:#00000003;border-radius:10px;padding:12px;font-size:16px}@media (width<=1000px){#profile-page #main-section{width:90%}}#login-page{justify-content:center;align-items:center;height:90vh;display:flex}#login-page #main-section{background-color:var(--temp);color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);border-radius:15px;width:50%;padding:15px;transition:all .15s ease-in-out}#login-page #main-section:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#login-page #main-section button.switcher{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;border-top-left-radius:10px;border-top-right-radius:10px;width:50%;font-size:25px}#login-page #main-section button.switcher.active{border-bottom:none}#login-page #main-section form{flex-direction:column;justify-content:center;align-items:center;margin:25px 0;display:flex}#login-page #main-section form label{width:78%;text-shadow:none;font-size:15px}#login-page #main-section form input{border:1px solid var(--selection);border-radius:10px;width:80%;margin-bottom:15px;padding:10px}#login-page #main-section form input:focus{outline:none}#login-page #main-section form button.form-btn{background-color:var(--temp);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;margin-top:10px;padding:10px 25px;font-size:20px;transition:all .15s ease-in-out}#login-page #main-section form button.form-btn:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#login-page #main-section form button.form-btn:active{background-color:var(--main);color:var(--mainBase);box-shadow:0 var(--main);transform:translate(2px,2px)}@media (width<=1000px){#login-page #main-section{width:90%}}#dhome-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;background-size:cover;padding:50px;font-size:30px}@media (width<=1000px){#dhome-page section{font-size:15px;padding:25px!important}}#dpeople-page{min-height:90vh}#dpeople-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;background-size:cover;padding:50px 0}#dpeople-page #people-section{color:var(--text);box-sizing:border-box;width:100%;padding:30px;transition:all .15s ease-in-out}#dpeople-page #people-section .btn-box{justify-content:center;margin-bottom:25px;display:flex}#dpeople-page #people-section button.switcher{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;border-top-left-radius:10px;border-top-right-radius:10px;width:30%;font-size:25px}#dpeople-page #people-section button.switcher.active{border-bottom:none}#dpeople-page #people-section h1{border-bottom:2px solid var(--main);margin-top:0;margin-bottom:25px;padding-bottom:10px;font-size:28px}#dpeople-page .people-grid{flex-direction:column;justify-self:center;gap:20px;width:80%;display:flex}#dpeople-page .person-card{background-color:var(--temp);border:2px solid var(--main);box-shadow:3px 3px 0 0 var(--main);border-radius:12px;flex-direction:column;gap:15px;padding:20px;transition:all .15s ease-in-out;display:flex}#dpeople-page .person-card:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-2px,-2px)}#dpeople-page .person-card.pending{border:2px dashed #f0ad4e}#dpeople-page .card-top{border-bottom:1px solid var(--selection);justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}#dpeople-page .name-block h4{margin:0;font-size:18px}#dpeople-page .arabic-name{opacity:.7;margin:4px 0 0;font-size:14px}#dpeople-page .badge-container{gap:8px;display:flex}#dpeople-page .status-badge{border:2px solid var(--main);text-align:center;text-transform:uppercase;border-radius:6px;align-self:center;padding:4px 10px;font-size:12px;font-weight:700}#dpeople-page .status-badge.role-badge{background-color:var(--selection);color:var(--text)}#dpeople-page .status-badge.unverified{color:#856404;background-color:#fff3cd;border-color:#ffeeba}#dpeople-page .card-info p{margin:0;font-size:14px;line-height:1.6}#dpeople-page .card-footer-actions{border-top:1px solid var(--selection);justify-content:space-between;align-items:center;padding-top:15px;display:flex}#dpeople-page .select-wrapper{align-items:center;gap:10px;display:flex}#dpeople-page .select-wrapper label{font-size:14px;font-weight:700}#dpeople-page .role-select{background-color:var(--temp);color:var(--text);border:2px solid var(--main);cursor:pointer;box-shadow:2px 2px 0 0 var(--main);border-radius:6px;outline:none;padding:6px 12px;font-size:14px;font-weight:700;transition:all .1s ease-in-out}#dpeople-page .role-select:focus{box-shadow:3px 3px 0 0 var(--main);transform:translate(-1px,-1px)}#dpeople-page .delete-btn{background-color:var(--temp);color:#d9534f;cursor:pointer;border:2px solid #d9534f;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .1s ease-in-out;box-shadow:2px 2px #d9534f}#dpeople-page .delete-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #d9534f}#dpeople-page .delete-btn:active{color:#fff;background-color:#d9534f;transform:translate(2px,2px);box-shadow:0 0 #d9534f}#dpeople-page .no-data{text-align:center;color:var(--text);opacity:.6;padding:30px 0;font-style:italic}@media (width<=1000px){#dpeople-page section{font-size:15px;padding:25px!important}#dpeople-page .people-grid{width:100%}}#devents-page{min-height:90vh}#devents-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;background-size:cover;padding:50px 0}#devents-page #events-section{color:var(--text);box-sizing:border-box;width:100%;padding:30px;transition:all .15s ease-in-out}#devents-page #events-section h1{border-bottom:2px solid var(--main);margin-top:0;margin-bottom:25px;padding-bottom:10px;font-size:28px}#devents-page .form-container{border:1px dashed var(--selection);background-color:#00000005;border-radius:12px;margin-bottom:30px;padding:20px}#devents-page .form-container h3{margin-top:0;margin-bottom:15px;font-size:18px}#devents-page #events-section form{flex-direction:column;gap:15px;display:flex}#devents-page .form-row{gap:20px;width:100%;display:flex}#devents-page .input-group{flex-direction:column;width:100%;display:flex}#devents-page #events-section form label{margin-bottom:6px;font-size:14px;font-weight:600}#devents-page #events-section form input,#devents-page #events-section form textarea{border:1px solid var(--selection);box-sizing:border-box;background-color:#fff;border-radius:10px;padding:10px;font-family:inherit;font-size:15px}#devents-page #events-section form input:focus,#devents-page #events-section form textarea:focus{border-color:var(--main);outline:none}#devents-page .action-row{gap:15px;margin-top:5px;display:flex}#devents-page #events-section form button.form-btn,#devents-page .cancel-btn{background-color:var(--temp);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;padding:10px 25px;font-size:16px;font-weight:700;transition:all .15s ease-in-out}#devents-page .cancel-btn{border-color:var(--selection);box-shadow:2px 2px 0 0 var(--selection)}#devents-page #events-section form button.form-btn:hover{box-shadow:4px 4px 0 0 var(--main);transform:translate(-2px,-2px)}#devents-page .cancel-btn:hover{box-shadow:4px 4px 0 0 var(--selection);transform:translate(-2px,-2px)}#devents-page #events-section form button.form-btn:active{background-color:var(--main);color:var(--mainBase);box-shadow:0px 0px var(--main);transform:translate(2px,2px)}.divider{background-color:var(--main);border:0;height:2px;margin:35px 0}#devents-page .events-grid{flex-direction:column;gap:20px;margin-top:15px;display:flex}#devents-page .event-card{background-color:var(--temp);border:2px solid var(--main);box-shadow:3px 3px 0 0 var(--main);border-radius:12px;flex-direction:column;gap:12px;padding:18px;transition:all .15s ease-in-out;display:flex}#devents-page .event-card:hover{box-shadow:6px 6px 0 0 var(--main);transform:translate(-3px,-3px)}#devents-page .card-header{border-bottom:1px solid var(--selection);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}#devents-page .card-header h4{margin:0;font-size:18px}#devents-page .event-date{background-color:#0000000d;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700}#devents-page .card-body p{margin:0;font-size:14px;line-height:1.4}#devents-page .event-loc{margin-bottom:6px!important}#devents-page .event-desc{color:var(--text);opacity:.85}#devents-page .card-actions{border-top:1px solid var(--selection);justify-content:flex-end;gap:12px;padding-top:12px;display:flex}#devents-page .edit-action-btn,#devents-page .delete-action-btn{border:1px solid var(--main);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .1s ease-in-out}#devents-page .edit-action-btn:hover{background-color:var(--main);color:var(--mainBase)}#devents-page .delete-action-btn{color:#d9534f;border-color:#d9534f}#devents-page .delete-action-btn:hover{color:#fff;background-color:#d9534f}.no-data{text-align:center;color:var(--text);opacity:.6;padding:20px 0;font-style:italic}@media (width<=1000px){#devents-page section{font-size:15px;padding:25px!important}}#dqena-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;background-size:cover;padding:50px}#coming-soon{text-align:center;padding:165px 0;font-size:xx-large}@media (width<=1000px){#dqena-page section{font-size:15px;padding:25px!important}}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:inherit}::selection{background-color:var(--selection)}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background-color:var(--main)}:root{--main:#390747;--mainBase:#d4cce1;--dots:#00000010;--selection:#00000050;--overBase:#4b0689;--over2Base:#532c83;--over3Base:#66157c;--temp:#ae9dcc7e;--nav:#621aa0;--navScroll:#611aa050;--window:#7821c4a0;--text:#141414;--text2:#d4cce1;--hoverText:#8f76b2;--hoverText2:#141414}@font-face{font-family:KufiArabic;src:url(/fonts/KufiArabic.ttf)}@font-face{font-family:NovaSquare;src:url(/fonts/NovaSquare.ttf)}@font-face{font-family:Gugi;src:url(/fonts/Gugi.ttf)}@font-face{font-family:Anta;src:url(/fonts/Anta.ttf)}body{background-color:var(--mainBase);color:var(--text);-webkit-user-select:text;user-select:text;background-size:25px 25px;font-family:Gugi;overflow-x:hidden;background-image:radial-gradient(var(--dots) 15%, transparent 16%)!important;position:static!important;top:0!important}a{color:inherit;text-decoration:none;transition:all .3s ease-in-out}section{font-size:30px}#main-section{color:var(--mainBase);text-shadow:2px 2px 15px var(--main)}#main-content{grid-template-columns:20% 80%;display:grid}#not-found{text-align:center;justify-content:center;align-items:center;height:80vh;font-size:50px;display:flex}#not-found .redirect{color:var(--hoverText)}@media (width<=1000px){#main-content{grid-template-columns:100%;display:grid}#not-found{font-size:20px}}@keyframes slidingLine{0%{transform:translate(5px)}to{transform:translate(-5px)}}@keyframes glowing{0%{box-shadow:0 0 1px 0 var(--mainBase)}to{box-shadow:0 0 5px 0 var(--mainBase)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scroll{0%{transform:translateY(-150px)}25%{transform:translate(0)}50%{transform:translate(0)}75%{transform:translate(0)}to{transform:translateY(150px)}}