*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;text-decoration:none;list-style:none}:root{--body-bg-color: #ffffff;--purple: #5E2750;--orange: #FD7E14;--lightred: ##c72030;--black: #000000;--light-green: #8ed7c6;--grey: #3a3a33;--light-grey: #8692a6;--text-color: #084236;--scrollbar-color: #c72030;--card-bg-color: rgba(246, 244, 238, 1)}.text-16{font-size:16px}.text-20{font-size:20px}.text-24{font-size:24px}.text-30{font-size:30px}.text-orange{color:var(--orange)}.cursor-pointer{cursor:pointer}.header{height:69px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;position:sticky!important;top:0;background-color:#fff;z-index:99}.navbar-nav .nav-item{text-align:center;display:flex;align-items:center;padding:5px 20px}.navbar-nav .nav-link{height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:0 10px}nav button.nav-link{min-width:100px}.active{font-weight:400;font-style:normal;color:var(--body-bg-color)!important;height:40px}.nav-item:has(.nav-link.active){background-color:var(--orange);border-radius:5px}ul{list-style:none}.dropdown-toggle{background:none;border:none!important;font-size:15px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}.dropdown-toggle:hover{background:inherit}.avatar,.avatar2{display:inline-block;vertical-align:middle;position:relative;color:var(--orange);background-color:#f9e7df;border-radius:50%;height:40px;width:40px;margin:5px;padding:2px;border:1px solid;font-size:20px;cursor:pointer}.sidebar{display:block;width:200px;height:calc(100vh - 69px);background:#2c001e;padding:1rem 0;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;color:#9fa5ad;cursor:pointer;border-bottom:2px solid #2C001E}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#d341a580,#2c001e80 109.21%);border-bottom:2px solid #FD7E14}.main-section{width:100vw;height:100vh;overflow-y:auto;padding:1rem}input,select,textarea{border:1px solid #b3b2b2}input:focus{outline:none!important;box-shadow:none!important;border:1px solid #b3b2b2}.custom-table thead{background:#77216f26;position:sticky;top:0}th{font-weight:500;font-size:16px!important;padding:7px 30px;border-right:2px solid white}td{font-size:15px;padding:10px 30px;border-right:2px solid white}.profile-image{height:200px;width:200px;border-radius:50%}.timeline{position:relative;padding-left:40px;border-left:2px solid var(--orange);margin-left:10px;padding-top:25px}.timeline-item{display:flex;align-items:center;margin:30px 0 0;flex-wrap:wrap}.timeline-item:first-child{margin-top:0}.timeline-icon{width:12px;height:12px;background-color:var(--orange);border-radius:50%;position:absolute;left:-7px;margin-top:10px}.timeline-content{margin-left:20px;display:flex;align-items:center;gap:5rem;flex-wrap:wrap;width:100%;font-size:18px;font-weight:400}.timeline-content .content{width:20rem}.timeline-content p{font-size:18px;font-weight:400}.date{color:#00000070;font-size:18px;font-weight:400}.time{color:#00000070;font-size:18px;margin-left:10px;font-weight:400}.card-section{display:flex;align-items:center;justify-content:space-between;gap:3px}.card{width:100%;height:80px;border-radius:8px;padding:20px 0 20px 15px;gap:20px}.user-card{box-shadow:2px 2px 2px #0000001f;border-radius:5px}.card-icon{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#fff}.users-card{background:linear-gradient(90deg,#78216e,#9b3156 34.33%,#e65222)}.approved-card{background:linear-gradient(90deg,#01bd6e,#019658 34.33%,#016f41)}.pending-card{background:linear-gradient(90deg,#7b256e,#c06c53 47.54%,#f9a73e)}.rejected-card{background:linear-gradient(90deg,#fa9d38,#f37f2e 47.54%,#ee6c28)}.add-download-card{background:linear-gradient(90deg,#d44056,#be394d 47.54%,#7e2633)}.action-btn{width:127px;height:35px;font-size:14px!important;font-weight:400!important;padding:7px 27px;display:flex;align-items:center!important;justify-content:center;gap:8px!important;border-radius:5px!important;color:#5e2750;background:#fff;border-color:#5e2750;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px!important}.btn:hover{background:#5e2750!important;color:#fff!important}.bg-btn{background:#5e2750;color:#fff}.search-btn{display:none}.custom-file-input{display:flex;align-items:center;padding:10px 20px;border:2px dashed #ffa500;background-color:#fdf0f1;border-radius:5px;min-height:40px;overflow:hidden}.custom-file-input input{opacity:0;position:absolute;width:0}.custom-file-input label{cursor:pointer;color:#5e2750;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;background-color:#fdf0f1}label{background-color:#fff}.capsule{display:inline-block;padding:5px 30px;border-radius:30px;text-align:start;border:none;white-space:nowrap;width:100%}.capsule:before{content:"●";font-size:12px;margin-right:10px}.capsule-rejected,.capsule-rejected:hover{background:#c720311a;color:#c72031!important}.capsule-pending,.capsule-pending:hover{background:#d9ca201a;color:#d9ca20}.capsule-approved,.capsule-approved:hover{background:#16b3641a;color:#16b364}.page-item{margin:0 5px}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color)!important;background-color:var(--purple)!important;border-color:var(--purple)!important}.page-link{color:#000!important}.page-link:hover{z-index:2;background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:-webkit-autofill{transition:background-color 100000s ease-in-out 0s}@media screen and (max-width:1260px){.card-section{flex-wrap:wrap;gap:5px}.card{width:49%}}@media screen and (max-width:1271px){.action-btn{width:50px;padding:15px!important}.action-btn span{display:none}}@media screen and (max-width: 1099px){.timeline{padding-left:20px}.timeline-item{flex-direction:column;align-items:flex-start}.timeline-content{display:inline;margin-top:-8px}.date{width:100%;font-size:.9rem}.timeline-content p,.time{font-size:.9rem}}@media screen and (max-width: 991px){.main-section{width:100%}.card-section{flex-wrap:wrap;gap:5px}.card{width:49%}}@media screen and (max-width:681px){.main-section{width:100%}.card-section{flex-direction:column}.card{width:100%!important}.search{display:none!important}.search-btn{display:flex}}