.sidebar{position:fixed;top:0;width:250px;height:100%;background-color:#16181d;color:#fff;padding:1rem;z-index:1002;box-shadow:4px 0 10px #00000080;transform:translate(-100%);opacity:0;visibility:hidden;transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility 0s .3s}.sidebar.open{transform:translate(0);opacity:1;visibility:visible;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.sidebar.closed{transform:translate(-100%);opacity:0;visibility:hidden}.sidebar.transitioning{transition:none}.sidebar .close-btn{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;position:absolute;top:10px;right:10px}.sidebar ul{list-style:none;padding:0;margin-top:60px;margin-left:.7rem}.sidebar li{margin-bottom:20px}.sidebar a{text-decoration:none;color:#fff;font-size:18px;font-weight:700}.sidebar a:hover{color:#d3d3d3}.nav-content{width:100%}.login-button{position:relative;margin-left:auto;display:inline-block;padding:10px;color:#fff;font-weight:700;text-decoration:none;font-size:20px}.user-menu{position:relative;margin-left:auto}.user-menu-toggle{cursor:pointer;color:#fff;font-weight:700;font-size:20px;display:inline-block}.user-dropdown{box-sizing:border-box;list-style-type:none;position:absolute;top:100%;left:0;background-color:#1e1e1e;border:1px solid gray;border-radius:15px;list-style:none;margin:0;min-width:220px;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.user-dropdown li{box-sizing:border-box;border:0px!important;list-style-type:none;display:block;padding:10px 20px!important;width:100%}.user-dropdown li a,.user-dropdown li button{display:block;width:100%;color:#fff;background:none;border:none;text-align:left;font-size:16px;cursor:pointer;text-decoration:none;padding:10px 20px}.user-dropdown li:hover{background-color:#3a3f4a}.user-dropdown::-webkit-scrollbar{display:none}.dashboard-calendar{background-color:#1e1e1e;color:#fff;padding:20px;border-radius:12px}.rbc-toolbar{background:#2c2c2c;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;color:#fff}.rbc-toolbar button{background:transparent;border:1px solid #555;color:#fff;padding:.5rem 1rem;margin:0 4px;border-radius:8px;transition:background .3s ease}.rbc-toolbar button:hover{background:#444}.rbc-event{background-color:#4caf50!important;border:none;color:#fff}html,body,#root{height:100%;margin:0;padding:0}.calendar-wrapper{height:100%;padding:1rem;box-sizing:border-box;overflow-y:auto}.calendar-container{height:calc(100vh - 160px);background-color:#fff;border-radius:8px;box-shadow:0 0 5px #0000001a}.modal-overlay{background-color:#000000bf}.modal-content{background:#1a1a1a;padding:2rem;border-radius:1rem;max-width:700px;margin:auto;color:#f1f1f1;width:100%;align-content:center;text-align:center}.modal-content input{margin-bottom:1em;width:80%}.modal-content .mfainput{font-size:2em;text-align:center;width:5em}.closebtn{width:10%;height:10%;padding:3%}form.signup-modal{display:flex;width:80%;margin:3% auto 0;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;background-color:#1e1e1e;padding:30px 20px;border-radius:20px;box-shadow:0 0 10px #00000080;caret-color:#646cff}.signup-modal .date{width:45%;gap:0}.tillTodayCheck{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0}.tillTodayCheck input[type=checkbox]{width:18px;height:18px;accent-color:#4f46e5;margin:0;padding:0}.tillTodayCheck label{margin:0;padding:0;line-height:1;font-size:14px;color:#e0e0e0;cursor:pointer}.yearDateInput{width:100%}.triplpeInput{margin:20%}.signup-form{display:flex;width:40%;margin:3% auto 0;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;background-color:#1e1e1e;padding:55px 20px 20px;border-radius:20px;box-shadow:0 0 10px #00000080;caret-color:#646cff;white-space:normal}@media (max-width: 768px){.signup-form{width:80%;margin-top:-5%}.signup-form input{width:80%;background-color:#121212}textarea,select{background-color:#121212}input-row{width:96.5%}}textarea{height:10em;margin-bottom:15px;border-radius:15px;width:80%;border:1px solid gray;padding:20px}input{margin-bottom:20px;padding:20px;border-radius:15px;width:64%;border:1px solid gray}select{margin-bottom:20px;padding:1em;width:35%;border-radius:15px;border:1px solid gray}.input-row input{width:39%}input.date-input{margin-bottom:20px;color:#fff;border:1px solid gray;border-radius:15px;padding:.7em;font-size:16px;width:70%}.input-row{display:flex;gap:10px;width:100%;justify-content:center;align-content:center;margin:auto 0}.input-row a{align-self:center}.forminputs{margin-top:5%;margin-bottom:2%}h1,h2{text-align:center}.signup-form a{text-align:right;margin-right:20px;font-weight:lighter}div.essa{text-align:right;width:100%}.input-row label{width:100%;text-align:center}div.quest{width:60%;height:auto;margin:1em auto 0;justify-content:center;align-items:center;align-content:center;background-color:#1e1e1e;padding:1em;border-radius:15px;border:2px solid #646cff;box-shadow:0 0 10px #00000080}@media (max-width: 768px){div.quest{width:89%}.questdetails:first-child{border-right:2px solid #646cff;padding:1em}}.questdetails{display:flex;flex-direction:column;width:50%;height:100%}.quest-content-wrapper{display:flex;flex-direction:row;justify-content:space-between;gap:20px;margin-top:20px}.remember-me{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:#4f46e5;margin:0;padding:0}.remember-me label{margin:0;padding:0;line-height:1;font-size:14px;color:#e0e0e0;cursor:pointer}.pass-wrapper{position:relative;display:flex;align-items:center;width:75%;max-width:535px;margin:auto}@media (max-width: 768px){.pass-wrapper{width:100%}}.pswd{position:relative;top:-2.3rem;right:-74.8rem;font-weight:lighter}.pass-wrapper input{flex:1;margin-bottom:20px;padding:20px;border-radius:15px;border:1px solid gray}.toggle-eye:hover,.toggle-eye:focus{outline:none;border:none;background:none}.toggle-eye{position:absolute;right:.15em;background:none;border:none;cursor:pointer;color:#666}div.profilecontent{margin-top:20px;width:100%;height:100%;display:flex;gap:10px;justify-content:center}.profile{width:15%;height:auto;text-align:left;padding:30px;border-radius:15px;border:6px solid #646cff;font-size:1.2em;box-shadow:10px 10px 10px #00000080;background-color:#1e1e1e}.exp{width:75%;height:auto;text-align:left;padding:20px;border:2px solid #646cff;border-radius:15px;font-size:1.2em;box-shadow:10px 10px 10px #00000080;background-color:#262626}.exp ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:0;list-style-type:none}.experience-entry{border:1px solid #646cff;border-radius:10px;padding:15px;background-color:#2b2b2b}.editprofile{width:100%}@media (max-width: 768px){.profilecontent{flex-direction:column;align-items:center}.profile,.exp{width:80%}.exp ul{grid-template-columns:1fr}.editprofile{width:100%}}.react-tel-input{position:relative!important;background-color:pink!important;border-radius:15px!important;margin:0 0 20px;width:70.5%}@media (max-width: 768px){.react-tel-input{width:96.5%}}.react-tel-input .form-control{background-color:#3b3b3b!important;color:#fff!important;border:1px solid gray!important;border-radius:15px!important;padding:20px 20px 20px 40px!important;height:100%!important;width:100%}.react-tel-input .form-control.open{z-index:4}.react-tel-input .selected-flag.open{z-index:5}.react-tel-input .country.highlight,.react-tel-input .country:hover{background-color:#1e1e1e!important;padding-left:15px;transition:.3s}.react-tel-input .flag-dropdown{background-color:#3b3b3b!important;border:1px solid gray!important;border-right:none!important;border-radius:15px 0 0 15px!important}.react-tel-input .flag-dropdown.open{width:90%!important;z-index:3;border-radius:15px}.react-tel-input .country-list{position:absolute!important;background-color:#3b3b3b!important;color:#fff!important;border:1px solid gray!important;max-height:250px;border-radius:0 0 15px 15px;width:111.5%}.react-tel-input .country-list .search{background-color:#3b3b3b!important;color:#fff!important}.react-tel-input .search{height:40px}.react-tel-input .search-box{border-radius:0 0 15px 15px;height:100%}.react-tel-input .selected-flag .arrow{border-top:4px solid white!important;padding:0}.react-tel-input .flag-dropdown:hover,.react-tel-input .selected-flag:hover,.react-tel-input .flag-dropdown,.react-tel-input .selected-flag{background-color:#3b3b3b!important;color:#fff!important;border-radius:15px 0 0 15px!important}.react-tel-input .highlight{background-color:pink}.react-tel-input .form-control.open,.react-tel-input .selected-flag.open{border-radius:15px 15px 0 0!important}.react-tel-input .country-list .search-box{border:0px!important}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;justify-content:start;padding-left:.5rem;padding-right:.5rem;margin-left:auto;margin-right:auto;max-width:100%;box-sizing:border-box}.social-entry{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:.5rem;color:#fff;background:transparent}.social-icon{font-size:1.25rem;min-width:1.5rem}.social-label{display:inline;word-break:break-word}.social-remove-link{font-size:.9rem;color:#ccc;text-decoration:underline;cursor:pointer;transition:color .2s ease;border:none;background:none}.social-remove-link:hover{color:red}.admin-panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:400px;margin:6% auto auto}@media (max-width: 768px){.admin-panel-grid{margin-top:-5%;padding:1em;gap:10px}.admin-card{width:50%}}h1{text-align:center;padding:.4em}.admin-card{display:flex;align-items:center;justify-content:center;padding:30px;border:2px solid #646cff;background:#1e1e1e;border-radius:8px;text-decoration:none;font-weight:700;text-align:center;transition:.5s ease}.admin-card:hover{border-color:#faebd7;box-shadow:0 4px 10px #00000026}.userstable{width:90%;margin-left:auto;margin-right:auto;height:100%;align-content:center;text-align:center;border:2px solid #646cff;border-radius:10px}@media (max-width: 768px){.table-wrapper{overflow-x:auto;width:100%}.admin-card{width:50%}.button small-sellect{width:90%}}table.userstable tr{background-color:#1e1e1e;box-shadow:0 0 4px #ccc}.userstable button,.userstable select{text-align:center;justify-content:center}.userstable td{align-items:center;height:auto;align-content:center;padding:10px}.userstable th{padding:15px}.action{padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;margin:auto;gap:1em}.action button,.input-row button{justify-content:center;margin-bottom:1em;height:auto;width:auto}.search{width:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:20px;background-color:#1e1f24;border-radius:10px;overflow-y:auto}@media (max-width: 768px){.search{grid-template-columns:1fr;justify-items:center}}.search-item{display:flex;align-items:center;gap:10px;justify-content:center;height:100%}.search-item label{color:#ddd;font-weight:700}.search-item button{margin-top:auto;margin-bottom:auto;padding:10px;width:40%}.small-select{width:100%;min-width:150px;background-color:#111;color:#fff;border:1px solid #ccc;padding:8px 12px;border-radius:8px;white-space:normal}.pagination{display:flex;align-items:center;gap:8px}.questdetail{display:flex;flex-direction:column;width:80%;height:auto;margin-top:auto;margin-left:auto;background-color:#1e1e1e;padding:2em}.input-row square-radio{width:100%}.locked-user td{color:#c4c4c4;font-style:italic}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#1e1e1e;color:#fff}.spinner-animation{border:4px solid #f3f3f3;border-top:4px solid orange;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.text-spinner{margin-top:20px;font-size:16px;color:#fff}.small-select{min-width:10em;width:15em;max-width:25em;margin-top:10px;margin-bottom:10px;align-self:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9991}.onetime-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#222222d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:2rem;border-radius:12px;border:1px solid #888;box-shadow:0 6px 16px #0006;max-width:500px;width:90%;text-align:center;animation:fadeIn .5s ease;overflow:hidden;pointer-events:all}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-55%)}to{opacity:1;transform:translate(-50%,-50%)}}.onetime-modal button{margin-top:1rem;background-color:#646cff;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.onetime-modal button:hover{background-color:#535bf2}.cookie-banner{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:50%;max-width:600px;background-color:#222222d9;border:1px solid #888;color:#fff;padding:1.5rem 2rem;border-radius:15px;box-shadow:0 4px 10px #0006;z-index:9990;text-align:center;transition:transform .5s ease-in-out,opacity .5s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center}.cookie-banner--closing{transform:translate(-50%) translateY(100%);opacity:0}.cookie-button{margin-top:1rem;background-color:#646cff;border:none;padding:.6rem 1.4rem;border-radius:10px;font-weight:700;cursor:pointer;color:#fff;transition:background-color .3s ease}.cookie-button:hover{background-color:#535bf2}.cookie-close{position:absolute;top:8px;right:12px;font-size:1.2rem;font-weight:700;color:#aaa;cursor:pointer;transition:color .2s ease}.cookie-close:hover{color:#fff}@media (max-width: 600px){.cookie-banner{width:90%;padding:1rem;font-size:.95rem}.cookie-button{width:100%}}.cookie-banner .cookie-text{flex:1;font-size:.9rem}.cookie-banner .cookie-icon{font-size:2rem;margin-top:-4px}