header{z-index:25;background-image:linear-gradient(to right,var(--color-primary)0%,var(--color-primary)100%);border-bottom:1px dotted #ffffff1a;justify-content:space-between;align-items:center;gap:20px;width:100%;height:max-content;padding:16px;font-size:15px;display:flex;position:fixed;top:0;left:0;right:0;font-weight:500!important}header a{color:inherit;white-space:nowrap;z-index:10;width:100%;height:100%;text-decoration:none;position:relative}header ul{justify-content:center;align-items:center;gap:40px;display:flex;margin:0!important;padding:0!important}header nav{justify-content:center;align-items:center;width:max-content;padding:2px;display:flex}header ul li{list-style:none}header ul li a:before{content:"";border-bottom:2px solid var(--color-light-green);width:0;height:100%;margin-top:4px;transition:all .2s ease-in-out;position:absolute;top:0;left:0}header .darklist li a:before{border-bottom:2px solid var(--color-primary-100)}header ul li a:hover:before{width:100%}.active-link>a:before{width:100%!important}header .darklist .active-link>a{font-weight:600;background-image:linear-gradient(to right,var(--color-light-green)0%,var(--color-primary-100)100%)!important}header ul li>a{background-image:linear-gradient(to right,var(--color-light-green)0%,var(--color-light-green)50%,var(--color-gray)65%,var(--color-gray)100%);-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;background-size:105%;-webkit-background-clip:text;background-clip:text;transition:all .3s ease-in-out}header ul li>a:hover{background-image:linear-gradient(to right,var(--color-light-green)0%,var(--color-light-green)80%,var(--color-secondary-400)100%)}header .darklist li>a{background-image:linear-gradient(to right,var(--color-light-green)0%,var(--color-primary-100)50%,var(--color-primary-100)65%,var(--color-primary-100)100%)}header .darklist li>a:hover{font-weight:600}.profile-container{border:solid 1px var(--color-light-green);color:var(--color-light-green);letter-spacing:2px;cursor:pointer;background-color:#0000;border-radius:20px;align-items:center;gap:8px;padding:4px 8px;transition:all .3s ease-in-out;display:flex;box-shadow:0 2px 8px #0d927633}.profile-container span,.profile-container i:last-child{color:var(--color-gray)}.profile-container-dark{background:linear-gradient(135deg,#0d927626 0%,#0d92760d 100%);border:1px solid #0d927666;box-shadow:0 2px 8px #0d92764d}.profile-container-dark:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0d927673!important}.profile-container:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0d927659}.profile-container i:first-child{justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;display:flex;font-weight:bolder!important}.header-right{align-items:center;gap:36px;display:flex}.header-right .notifications-icon-box{cursor:pointer;width:30px;height:30px;color:var(--color-gray);filter:drop-shadow(0 2px 6px #0d927666);justify-content:center;align-items:center;font-size:18px;font-style:normal;text-decoration:none;transition:all .3s ease-in-out;display:flex;position:relative}.notifications-icon-box-dark{filter:drop-shadow(0 2px 6px #0d927680);color:var(--color-primary-100)!important}.notifications-wrapper-block{position:relative}.menu-dropdown,.close-nav{display:none}.theme-button{border:solid 1.5px var(--color-light-green);color:var(--color-light-green);cursor:pointer;background:linear-gradient(135deg,#0d92761a 0%,#0d92760d 100%);border-radius:20px;align-items:center;width:max-content;height:22px;padding:1px 6px;transition:all .3s ease-in-out;display:flex;box-shadow:0 2px 8px #0d927633}.theme-button-dark{background:linear-gradient(135deg,var(--color-primary-100)0%,var(--color-primary)100%);border-color:var(--color-primary-100);color:var(--color-white);box-shadow:0 2px 8px #0d92764d}.theme-responsive-button{display:none!important}.theme-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #0d927659}.theme-button-dark:hover{box-shadow:0 4px 12px #0d927673}.scan-button:hover{box-shadow:0 0 5px 1px var(--color-secondary-500)}.theme-button>small:first-child{background-color:var(--color-light-green);border-radius:50%;width:18px;height:18px;margin-left:-4px;transition:all .3s ease-in-out}.notifications-icon-box:hover small{box-shadow:0 0 10px 2px var(--color-secondary-400)}.notifications-icon-box-dark:hover small{box-shadow:0 0 8px 2px var(--color-secondary-100)}.notifications-icon-box>i{justify-content:center;align-items:center;width:20px;height:20px;padding:1px;transition:font-size .2s ease-in-out;display:flex}.notifications-icon-box:hover>i{font-size:22px!important}.notifications-wrapper-block small{width:16px;height:16px;color:var(--color-light-green);background-color:var(--color-primary);border:solid 2px var(--color-light-green);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:bolder;transition:all .3s ease-in-out;display:flex;position:absolute;top:-2px;right:-2px}.notifications-wrapper-block-dark small{box-shadow:0 2px 8px #0d92764d;color:var(--color-white)!important;background:linear-gradient(135deg,var(--color-primary-100)0%,var(--color-primary)100%)!important;border-color:var(--color-primary-100)!important}.header-get-started{align-items:center;gap:18px;display:flex}.header-get-started-set-display{display:none}.header-get-started a{border:solid 1px var(--color-light-green);color:var(--color-light-green);text-align:center;background-color:#0000;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 2px 8px #0d927633}.header-get-started a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d927659}.header-get-started-dark a{font-weight:600;box-shadow:0 2px 8px #0d927633;background:linear-gradient(135deg,var(--color-primary-100)0%,var(--color-primary)100%)!important;color:var(--color-white)!important;border:none!important}.header-get-started-dark a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d927673!important}.header-get-started .logout-btn,.header-get-started-set-display .logout-btn{justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;color:var(--color-white)!important;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)!important;border:none!important;box-shadow:0 2px 8px #e74c3c33!important}.header-get-started .logout-btn:hover,.header-get-started-set-display .logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c59!important}.profile-details-container{background-color:var(--color-primary-100);z-index:20;min-width:280px;box-shadow:0 0 5px 1px var(--color-secondary-400);height:max-content;color:var(--color-secondary-100);border-radius:20px;flex-direction:column;align-items:flex-start;gap:16px;padding:20px;font-size:16px;display:flex;position:absolute;top:61px;right:16px}.profile-details-container-dark{background-color:var(--color-white);box-shadow:0 0 5px 1px var(--color-gray)!important;color:var(--color-primary)!important}.profile-details,.profile-details figure{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.profile-details figure img{border-radius:10px;width:auto;height:200px}.profile-details figure figcaption{border-bottom:solid 2px var(--color-secondary-100);cursor:pointer;padding:5px}.profile-details span{white-space:nowrap}.profile-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s ease-in-out;display:flex}.profile-action-btn i{font-size:14px}.generate-btn,.download-btn{background:linear-gradient(135deg,var(--color-light-green)0%,var(--color-secondary-400)100%);color:var(--color-primary);margin-top:12px;font-weight:600;box-shadow:0 2px 8px #0d927633}.profile-details-container-dark .generate-btn,.profile-details-container-dark .download-btn{background:linear-gradient(135deg,var(--color-primary-100)0%,var(--color-primary)100%);color:var(--color-white);font-weight:600;box-shadow:0 2px 8px #0d927633}.generate-btn:hover,.download-btn:hover,.profile-details-container-dark .generate-btn:hover,.profile-details-container-dark .download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0d927659}.profile-dropdown-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.edit-btn{background:linear-gradient(135deg,var(--color-light-green)0%,var(--color-secondary-400)100%);color:var(--color-primary);flex:1;font-weight:600;box-shadow:0 2px 8px #0d927633}.profile-details-container-dark .edit-btn{background:linear-gradient(135deg,var(--color-primary-100)0%,var(--color-primary)100%);color:var(--color-white);font-weight:600;box-shadow:0 2px 8px #0d927633}.logout-btn{color:var(--color-white);background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);flex:1;font-weight:600;box-shadow:0 2px 8px #e74c3c33}.profile-details-container-dark .logout-btn{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);font-weight:600;box-shadow:0 2px 8px #e74c3c33}.edit-btn:hover,.profile-details-container-dark .edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0d927659}.logout-btn:hover,.profile-details-container-dark .logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c59}.profile-details-container button{cursor:pointer;color:var(--color-gray);background-color:var(--color-secondary-400);float:left;border:none;border-radius:10px;padding:5px 10px;font-size:12px;transition:all .2s ease-in-out}.profile-details-container-dark button{color:var(--color-white);background-color:var(--color-primary-100)}.notifications-container{background-color:var(--color-primary-100);width:410px;max-height:400px;box-shadow:inset 0 0 5px 1px var(--color-secondary);color:var(--color-secondary-100);clip-path:polygon(98% 3%,100% 0,100% 30%,100% 100%,70% 100%,30% 100%,0 100%,0 3%);z-index:20;cursor:default;border-radius:12px;flex-direction:column;align-items:flex-start;gap:5px;padding:20px;display:flex;position:absolute;top:31px;right:12px}.notifications-container-dark{box-shadow:inset 0 0 5px 1px var(--color-gray);border:solid 1px var(--color-gray);background-color:var(--color-white)!important;color:var(--color-primary-100)!important;clip-path:none!important;top:51px!important;right:0!important}.no-notification{height:max-content!important}.notifications-container-read{top:35px;right:10px}.notifications-container>span{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.notifications-container>span h5,.notifications-container>span>a{width:max-content;position:relative}.notifications-container>span>a:before{content:"";border-bottom:2px solid var(--color-secondary-100);width:0;height:100%;position:absolute;top:0;left:0;transition:all .2s ease-in-out!important}.notifications-container>span>a:hover:before{width:100%}.unread-notifications{scrollbar-width:none;flex-direction:column;flex:1;align-items:flex-start;gap:20px;width:100%;font-size:14px;font-weight:420;display:flex;overflow:hidden scroll}.notifications-container-dark .unread-notifications article{border-bottom:solid 1px var(--color-gray)!important;color:var(--color-secondary-500)!important}.unread-notifications article{border-bottom:solid 1px var(--color-secondary-400);color:var(--color-secondary-100);cursor:pointer;flex-direction:column;align-items:flex-start;width:100%;padding:3px 3px 3px 6px;transition:transform .2s ease-in-out;display:flex}.unread-notifications article:hover{transform:scale(1.035)}@media screen and (max-width:1150px){header{padding:16px 8px}}@media screen and (max-width:820px){header nav{background-color:var(--color-primary);border-left:1px solid var(--color-secondary-500);z-index:26;align-items:flex-start;width:260px;padding:50px 20px 30px;transition:right .65s ease-in-out;position:fixed;top:0;bottom:0;right:-300px}header ul{flex-direction:column;gap:30px}.menu-dropdown{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;font-size:30px;font-weight:700;transition:transform .15s ease-in-out;display:flex}.menu-dropdown:hover{transform:scale(1.065)}.close-nav{cursor:pointer;padding:4px;font-size:20px;display:inline-block;position:absolute;top:12px;right:14px}.notifications-container{width:360px!important}}@media screen and (max-width:580px){.notifications-container{clip-path:polygon(60% 0,62% 2%,100% 2%,100% 100%,0 100%,0 2%,57% 2%);padding:20px;top:36px;right:-118px;width:330px!important}.notifications-container-dark{right:-118px!important}}@media screen and (max-width:416px){.theme-button,.header-get-started{display:none}.theme-responsive-button,.header-get-started-set-display{display:flex!important}header nav{flex-direction:column;justify-content:flex-start;align-items:center;gap:30px}.notifications-container{clip-path:polygon(47% 0,50% 2%,100% 2%,100% 100%,0 100%,0 2%,43% 2%);padding:14px;top:41px;right:-150px;width:308px!important}.notifications-container-dark{right:-150px!important}}@media screen and (max-width:360px){.header-right{gap:20px}.profile-details-container{font-size:15px;right:20px}.header-get-started{gap:8px}.header-get-started a{padding:4px 8px}}@media screen and (max-width:345px){.notifications-container,.notifications-container-dark{width:300px!important}}@media screen and (max-width:330px){.profile-container>span,.profile-container>i:last-child{display:none}.profile-container{border:none;padding:0}.notifications-container{clip-path:polygon(62% 0,64% 2%,100% 2%,100% 100%,0 100%,0 2%,58% 2%);right:-100px}.notifications-container-dark{width:300px!important;right:-100px!important}.profile-details-container{font-size:14px;right:16px}}