.landingContainer{background-color:#c4d9ff;height:100vh;width:100vw;display:grid;grid-template-rows:50px 100px 20px 20px 50px 30px 30px 110px auto auto;grid-template-columns:auto 330px auto}.landingLogo{width:200px;display:grid;grid-area:2 / 2 / 4 / 3;align-self:center;justify-self:center}.headline{display:grid;grid-area:5 / 2 / 6 / 3;justify-self:center;align-self:center;text-align:center}.hidden{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}.choose{display:grid;grid-area:7 / 2 / 8 / 3;font-size:24px;font-weight:700;align-self:center;justify-self:center}.rolesContainer{display:grid;grid-area:8 / 2 / 9 / 3}.rolesContainerFlex{display:flex;gap:10px;justify-content:center;align-items:center}.studentButton{width:155px;height:55px;background-color:#2d336b;color:#fbfbfb;font-size:16px;font-weight:700;border-radius:100px;border-style:none;display:flex;justify-content:center;align-items:center;gap:5px}.studentButton:hover{opacity:90%;cursor:pointer}.student{width:25px;height:25px}.developerButton{width:160px;height:55px;background-color:#2d336b;color:#fbfbfb;font-size:16px;font-weight:700;border-radius:100px;border-style:none;display:flex;justify-content:center;align-items:center;gap:5px}.developerButton:hover{opacity:90%;cursor:pointer}.developer{width:22px;height:22px}.importantNote{display:grid;grid-area:9 / 2 / 10 / 3;background-color:#fbfbfb;border-radius:20px;width:330px;height:217px}.importantNoteFlex{display:flex;flex-direction:column;justify-content:center}.importantNoteTitle{display:grid;justify-self:center;font-size:24px;font-weight:700;text-align:center}.importantNoteContent{padding-left:30px;padding-right:30px;font-size:12px}.signinContainer{width:100vw;height:100vh;background-color:#c4d9ff;display:grid;grid-template-rows:50px 100px 20px 50px auto;grid-template-columns:auto 330px auto}.signinWhiteContainer{display:grid;grid-area:5 / 1 / 6 / 4;background-color:#fbfbfb;border-top-left-radius:20px;border-top-right-radius:20px}.signinWhiteContent{display:grid;grid-template-rows:50px 50px 20px 60px 60px 20px 80px 25px 25px 25px auto;grid-template-columns:auto 300px auto}.signinTitle{display:grid;grid-area:2 / 2 / 3 / 3;font-size:32px;font-weight:700;justify-self:center;align-self:center}.signinEmail{display:grid;grid-area:4 / 2 / 5 / 3;height:30px;border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-width:1px;border-color:#2d336b;background-color:transparent;align-self:center}.signinEmail:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px}.signinPassword{height:30px;border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-width:1px;border-color:#2d336b;background-color:transparent}.signinPassword:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px}.signinPasswordContainer{display:grid;grid-area:5 / 2 / 6 / 3;position:relative;width:100%;align-content:center}.signinPassword{width:100%;padding-right:40px;box-sizing:border-box}.view{position:absolute;transform:translateY(-50%);right:10px;top:50%;width:20px;height:20px;cursor:pointer;opacity:.6}.view:hover{opacity:1}.signinForgot{display:grid;grid-area:6 / 2 / 7 / 3;text-decoration:none;font-size:14px;color:#1b56fd;justify-self:center;align-self:center}.signinSubmit{width:308px;height:40px;display:grid;grid-area:7 / 2 / 8 / 3;align-content:center;align-self:center;background-color:#2d336b;color:#fbfbfb;border-radius:100px;font-size:18px;font-weight:700;transition:.2s ease-in-out}.signinSubmit:hover{opacity:90%;cursor:pointer}.signinSubmit:disabled{background-color:#bebebe;color:#4e4e4e;cursor:not-allowed;opacity:1;border-style:none}.signinViewTerms{display:grid;grid-area:8 / 2 / 9 / 3;text-decoration:none;font-size:14px;color:#1b56fd;justify-self:center;align-self:center}.signinAgree{display:grid;grid-area:9 / 2 / 10 / 3}.custom-checkbox{display:flex;align-items:center;font-size:14px;cursor:pointer}.custom-checkbox input{display:none}.custom-checkbox .checkmark{width:16px;height:16px;border:2px solid #2D336B;border-radius:4px;margin-right:10px;display:inline-block;position:relative}.custom-checkbox input:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:9px;border:solid #2D336B;border-width:0 2px 2px 0;transform:rotate(45deg)}.signinNoAcc{display:grid;grid-area:10 / 2 / 11 / 3;text-decoration:none;font-size:14px;color:#1b56fd;justify-self:center;align-self:center}.signupContainer{width:100vw;height:100vh;background-color:#c4d9ff;display:grid;grid-template-rows:50px 100px 20px 50px auto;grid-template-columns:auto 330px auto}.signupWhiteContainer{display:grid;grid-area:5 / 1 / 6 / 4;background-color:#fbfbfb;border-top-left-radius:100px;border-top-right-radius:100px}.signupWhiteContent{display:grid;grid-template-rows:50px 50px 20px 60px 60px 60px 80px 25px 25px 25px auto;grid-template-columns:auto 300px auto}.signupTitle{display:grid;grid-area:2 / 2 / 3 / 3;font-size:32px;font-weight:700;justify-self:center;align-self:center}.signupEmail{display:grid;grid-area:4 / 2 / 5 / 3;height:30px;border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-width:1px;border-color:#2d336b;background-color:transparent;align-self:center}.signupEmail:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px}.signupPassword{display:grid;grid-area:5 / 2 / 6 / 3;height:30px;border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-width:1px;border-color:#2d336b;background-color:transparent;align-self:center}.signupPassword:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px}.signupPasswordContainer{display:grid;grid-area:5 / 2 / 6 / 3;position:relative;width:100%;align-content:center}.signupConfirmPassword{display:grid;grid-area:6 / 2 / 7 / 3;height:30px;border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-width:1px;border-color:#2d336b;background-color:transparent;align-self:center}.signupConfirmPassword:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px}.signupConfirmPasswordContainer{display:grid;grid-area:6 / 2 / 7 / 3;position:relative;width:100%;align-content:center}.signupForgot{display:grid;grid-area:7 / 2 / 8 / 3;text-decoration:none;font-size:14px;color:#1b56fd;justify-self:center;align-self:center}.signupSubmit{width:308px;height:40px;display:grid;grid-area:7 / 2 / 8 / 3;align-content:center;align-self:center;background-color:#2d336b;color:#fbfbfb;border-radius:100px;font-size:18px;font-weight:700}.signupSubmit:hover{opacity:90%;cursor:pointer}.signupSubmit:disabled{background-color:#bebebe;color:#4e4e4e;cursor:not-allowed;opacity:1;border-style:none}.signupViewTerms{display:grid;grid-area:8 / 2 / 9 / 3;text-decoration:none;font-size:14px;color:#1b56fd;justify-self:center;align-self:center}.signupAgree{display:grid;grid-area:9 / 2 / 10 / 3}.signupNoAcc{display:grid;grid-area:10 / 2 / 11 / 3;text-decoration:none;font-size:14px;color:#1b56fd;justify-self:center;align-self:center}.termsContainer{width:100vw;height:100vh;background-color:#c4d9ff;display:grid;grid-template-rows:50px 100px 20px 50px auto;grid-template-columns:auto 330px auto}.termsWhiteContainer{display:grid;grid-area:5 / 1 / 6 / 4;background-color:#fbfbfb;border-top-left-radius:100px;border-top-right-radius:100px}.termsWhiteContent{display:grid;grid-template-rows:50px 50px 20px auto 50px;grid-template-columns:auto 340px auto}.termsTitle{display:grid;grid-area:2 / 2 / 3 / 3;font-size:18px;font-weight:700;justify-self:center;align-self:center;text-align:center}.termsTextContainer{height:100%;width:100%;display:grid;grid-area:4 / 2 / 5 / 3}.termsText{padding:40px 20px;width:300px;font-size:12px;border-style:solid;border-width:.5px;border-radius:50px;border-color:#2d336b}.dashboardContainer{background-color:#c4d9ff;display:grid;height:100vh;grid-template-rows:50px 260px 40px 20px auto 60px;grid-template-columns:auto 370px auto}.dashboardBox{display:grid;grid-area:2 / 2 / 3 / 3;grid-template-rows:auto 30px 20px 10px 1px 10px 20px 20px 10px 20px 20px auto;grid-template-columns:auto 140px 20px 140px auto;background-color:#fbfbfb;border-radius:50px}.skillMatchBox{display:grid;width:100%;height:100%;grid-area:4 / 1 / 7 / 4;justify-content:center;background-color:#fbfbfb;border-top-left-radius:100px;border-top-right-radius:100px}.skillMatchContent{padding:50px 20px;width:300px;overflow-y:auto}.skillTitle{font-size:24px;justify-self:center;font-weight:700}.skillMatches{margin-top:10%;margin-bottom:10%;padding:20px 50px;border-color:#2d336b;border-style:solid;border-width:1px;border-radius:50px}.greeting{display:grid;grid-area:3 / 2 / 4 / 3;font-size:12px;align-self:center}.walletBalanceText{display:grid;grid-area:7 / 2 / 8 / 3;font-size:12px;align-self:center}.walletBalanceAmount{display:grid;grid-area:8 / 2 / 9 / 3;font-size:16px;font-weight:700;align-self:center}.pendingPaymentText{display:grid;grid-area:7 / 4 / 8 / 5;font-size:12px;align-self:center}.pendingPaymentAmount{display:grid;grid-area:8 / 4 / 9 / 5;font-size:16px;font-weight:700;align-self:center}.activeProjectsText{display:grid;grid-area:10 / 2 / 11 / 3;font-size:12px;align-self:center}.activeProjectsNumber{display:grid;grid-area:11 / 2 / 12 / 3;font-size:16px;font-weight:700;align-self:center}.userContainer{background-color:#c4d9ff;display:grid;grid-template-columns:1fr minmax(300px,400px) 1fr;grid-template-rows:50px auto auto 60px;padding:1rem;min-height:100vh;height:auto}.userBoxWrapper{display:grid;grid-area:2 / 2 / 3 / 3;max-height:500px;min-height:300px;align-items:center;padding:0}.userBox{padding-top:50px;padding-bottom:50px;display:grid;width:100%;grid-template-rows:30px 30px 10px auto 10px 30px 10px 50px 10px 50px 10px auto 10px auto 30px auto 30px 30px;grid-template-columns:auto 140px 20px 140px auto;background-color:#fbfbfb;border-radius:50px;height:auto}.role{display:grid;grid-area:2 / 2 / 3 / 5;font-size:12px;align-self:center}.userRoleInput{height:20px;width:180px;border:1px #ccc solid;background-color:transparent;padding-left:5px;border-radius:5px}.userRoleInput:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px;border-radius:0%}.userBox hr{border:none;height:.5px;background-color:#2d336b;grid-area:4 / 2 / 5 / 5;align-self:center}.editControls{display:flex;grid-area:18 / 2 / 19 / 5;gap:10px}.editProfile{background-color:#2d336b;color:#fbfbfb;border-style:none;border-radius:50px;height:30px;width:115px;font-size:12px;display:grid;grid-area:18 / 2 / 19 / 5;text-align:center;justify-content:center;justify-self:center;align-items:center;align-self:center;transition:background-color .2s ease-in-out}.portfolioContainer{display:flex;flex-direction:column;grid-area:8 / 2 / 9 / 5;font-size:12px;gap:5px}.portfolioText{font-weight:700;margin-bottom:4px}.userInputPortfolio{height:30px;border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-width:1px;border-color:#2d336b;background-color:transparent}.userInputPortfolio:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px}.removePortfolioBtn{background:none;border:none;font-size:16px;cursor:pointer;color:#888}.addPortfolioBtn{padding:4px 8px;font-size:12px;cursor:pointer;background-color:#eee;border:1px solid #ccc;border-radius:4px;width:100px;display:flex;justify-content:center;justify-self:right}.portfolioLink{color:#007bff;text-decoration:none;font-size:12px;word-break:break-word}.portfolioPlaceholder{font-style:italic;color:#999}.verificationUploadSection{display:flex;flex-direction:column;gap:10px;grid-area:16 / 2 / 17 / 5}.selfieText{font-size:14px}.studentDashboardContainer{background-color:#c4d9ff;display:grid;height:100vh;grid-template-rows:50px 230px 40px 70px auto 60px;grid-template-columns:auto 370px auto}.studentDashboardBox{display:grid;grid-area:2 / 2 / 3 / 3;grid-template-rows:auto 30px 30px auto 30px 30px auto;grid-template-columns:auto 140px 20px 140px auto;background-color:#fbfbfb;border-radius:50px}.studentDashboardBox hr{display:grid;border:none;height:.5px;background-color:#2d336b;grid-area:4 / 2 / 5 / 5;align-self:center}.projectRequestsContainer{display:grid;grid-area:5 / 2 / 6 / 5}.projectRequestText{font-size:14px;font-weight:700}.projectRequestBox{display:grid;grid-area:6 / 2 / 7 / 4}.createProjectButton{width:220px;height:30px;border:1px #2D336B solid;background-color:transparent;border-radius:20px;transition:.2s ease-in-out}.studentProfileBox{display:grid;grid-area:2 / 4 / 4 / 5}.email{display:grid;grid-area:2 / 2 / 3 / 5;font-size:12px;align-self:center}.stickyBottomNav{position:fixed;bottom:0;width:100%;background-color:#fff;box-shadow:0 -2px 5px #0000001a;left:0;z-index:10}.navLinks{display:flex;justify-content:space-around;padding:10px 0;list-style-type:none;margin:0}.navLink{width:40px;height:40px;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;color:#333;text-decoration:none;transition:all .3s ease-in-out;cursor:pointer}.navLink:hover{transform:translateY(-3px);background-color:#c4d9ff}.activeLink{background-color:#c4d9ff;transform:translateY(-3px);color:#333}.navLink i{font-size:20px;color:inherit;transition:transform .3s ease}.activeLink .navIcon{transform:scale(1.1)}.navIcon{width:24px;height:24px;transition:transform .3s ease}.navIcon:hover{transform:scale(1.2)}.navIconTrans{width:25px;height:25px;transition:transform .5s ease}.navIconTrans:hover{transform:scale(1.1) rotate(360deg)}@media (max-width: 768px){.navLink{width:50px;height:50px}.navLink span{font-size:14px}.navIcon{width:25px;height:25px}}.projectCardContainer{margin:2rem auto;width:90%}.sectionTitle{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#333}.projectCard{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #00000012;padding:1.5rem;margin-bottom:1.5rem;border-left:5px solid #2ecc71;transition:.3s ease}.projectCard:hover{transform:translateY(-3px)}.projectTitle{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.projectSummary,.projectStack,.projectTimeframe{font-size:1rem;margin-bottom:.5rem;color:#555}.viewDocBtn{display:inline-block;margin-top:.5rem;padding:.4rem .9rem;background-color:#2ecc71;color:#fff;text-decoration:none;border-radius:6px;font-size:.95rem}.noProjects{color:#777;font-size:1rem}.paypal-container{max-height:300px;overflow-y:auto;padding:1rem;margin-bottom:2rem;background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px}@media (max-width: 576px){.stickyBottomNav,.navLinks{height:30px}.navLink{height:40px;width:40px}.navIcon,.navIconTrans{height:25px;width:25px}}@media (max-width: 425px){.stickyBottomNav,.navLinks{height:30px}.navLink{height:40px;width:40px}.navIcon,.navIconTrans{height:20px;width:20px}}@media (max-width: 320px){.stickyBottomNav,.navLinks{height:30px}.navLink{height:40px;width:40px}.navIcon,.navIconTrans{height:20px;width:20px}}.max-w-4xl{max-width:64rem;margin-left:auto;margin-right:auto}.mt-10{margin-top:2.5rem}.p-8{padding:2rem}.bg-white{background-color:#fff}.rounded-xl{border-radius:1rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-extrabold{font-weight:800}.text-gray-900{color:#111827}.text-gray-500{color:#6b7280}.capitalize{text-transform:capitalize}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}button{cursor:pointer;transition:background-color .2s ease,color .2s ease}button:disabled{cursor:not-allowed;opacity:.6}.bg-blue-600{background-color:#2563eb}.bg-blue-600:hover{background-color:#1d4ed8}.rounded-md{border-radius:.375rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.font-semibold{font-weight:600}.text-gray-700{color:#374151}.inline-block{display:inline-block}.text-white{color:#fff}.bg-green-600{background-color:#16a34a}.bg-gray-400{background-color:#9ca3af}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.gap-8{gap:2rem}.space-y-3>:not(:last-child){margin-bottom:.75rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-3{gap:.75rem}.bg-blue-100{background-color:#dbeafe}.text-blue-800{color:#1e40af}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.rounded-full{border-radius:9999px}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.space-y-2>:not(:last-child){margin-bottom:.5rem}.text-blue-700{color:#1d4ed8}.underline{text-decoration:underline}.hover\:text-blue-900:hover{color:#1e40af}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.font-bold{font-weight:700}.developer-profile-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.developer-profile-info{display:flex;align-items:center;gap:1.5rem;flex-grow:1;min-width:0}.developer-profile-image,.developer-profile-fallback{width:96px;height:96px;border-radius:50%;border:1px solid #d1d5db;flex-shrink:0;object-fit:cover;background-color:#e5e7eb;display:flex;justify-content:center;align-items:center;color:#9ca3af;font-weight:600;font-size:1.25rem}.developer-profile-text{min-width:0}.developer-profile-name{font-weight:800;font-size:1.875rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.developer-profile-email{margin-top:.25rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.developer-profile-message-btn{margin-top:1rem;padding:.5rem 1.5rem;border-radius:.375rem;font-weight:600;transition:background-color .2s ease;cursor:pointer}.developer-profile-message-btn.enabled{background-color:#2563eb;color:#fff}.developer-profile-message-btn.enabled:hover{background-color:#1e40af}.developer-profile-message-btn.disabled{background-color:#9ca3af;color:#374151;cursor:not-allowed}.developer-profile-verification{padding:.25rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;color:#fff;display:inline-block;white-space:nowrap}.verified{background-color:#16a34a}.unverified{background-color:#9ca3af}.forgotContainer{width:100vw;height:100vh;background-color:#c4d9ff;display:grid;grid-template-rows:50px 100px 20px 100px 350px auto;grid-template-columns:auto 400px auto}.hat{width:100px;height:100px;display:grid;grid-area:2 / 2 / 3 / 3;align-self:center;justify-self:center}.logo{width:136px;height:19px;display:grid;grid-area:3 / 2 / 4 / 3;align-self:center;justify-self:center}.forgotWhiteContainer{display:grid;grid-area:5 / 2 / 6 / 3;background-color:#fbfbfb;border-radius:100px}.forgotWhiteContent{display:grid;grid-template-rows:50px 50px 65px 80px 50px auto;grid-template-columns:auto 340px auto}.forgotTitle{display:grid;grid-area:2 / 2 / 3 / 3;font-size:24px;font-weight:700;justify-self:center;align-self:center;text-align:center}.resetText{display:grid;grid-area:3 / 2 / 4 / 3;width:257px;justify-self:center;font-size:14px}.forgotTextContainer{height:100%;width:100%;display:grid;grid-area:4 / 2 / 5 / 3}.forgotEmail{display:grid;grid-area:4 / 2 / 5 / 3;width:257px;height:30px;border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-width:1px;border-color:#2d336b;background-color:transparent;align-self:center;justify-self:center}.forgotEmail:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px}.forgotButton{width:257px;height:40px;display:grid;grid-area:5 / 2 / 6 / 3;align-content:center;align-self:center;justify-self:center;background-color:#2d336b;color:#fbfbfb;border-radius:100px;font-size:18px;font-weight:700}.forgotButton:disabled{background-color:#bebebe;color:#4e4e4e;cursor:not-allowed;opacity:1;border-style:none}.forgotButton:hover{opacity:90%}*{font-family:Poppins;color:#2d336b;margin:0;padding:0}html,body{height:auto;min-height:100vh;margin:0;padding:0}.bold{font-weight:700}.dashboardContainer{background-color:#c4d9ff;display:grid;height:100vh;grid-template-rows:50px 260px 40px auto 60px;grid-template-columns:auto 370px auto}.dashboardBox{display:grid;grid-area:2 / 2 / 3 / 3;grid-template-rows:auto 30px 20px 10px 1px 10px 50px 50px auto;grid-template-columns:auto 140px 20px 140px auto;background-color:#fbfbfb;border-radius:10px}.skillMatchBox{display:grid;width:100%;height:100%;grid-area:4 / 1 / 5 / 4;justify-content:center;background-color:#fbfbfb;border-top-left-radius:10px;border-top-right-radius:10px}.projectCardContainer{padding:50px 0;width:100%;overflow-y:auto;justify-self:center}.sectionTitle{text-align:center;color:#2d336b}.dashboardTitle{display:grid;grid-area:2 / 2 / 3 / 3;font-size:24px;font-weight:700;align-self:center}.greeting{display:grid;grid-area:3 / 2 / 4 / 4;font-size:12px;align-self:center}.dashboardBox hr{border:none;height:.5px;background-color:#2d336b;grid-area:5 / 2 / 6 / 5;align-self:center}.walletBalanceContainer{display:grid;grid-area:7 / 2 / 8 / 3}.devPendingPaymentContainer{display:grid;grid-area:7 / 3 / 8 / 4}.devActiveProjContainer{display:grid;grid-area:7 / 4 / 8 / 5}.devProjReqContainer{display:grid;grid-area:8 / 2 / 9 / 3}.devWalletBalanceText,.devPendingPaymentText,.devActiveProjectsText,.devProjectRequestText{font-size:16px}.devWalletBalanceAmount,.devPendingPaymentAmount,.devActiveProjectsNumber,.devProjectRequestNumber{font-size:16px;font-weight:700}.devProfileBox{display:flex;grid-area:2 / 4 / 3 / 5;justify-content:right;gap:10px}.devMessage,.devNotif{width:20px;align-self:center;justify-self:right;cursor:pointer;transition:transform .2s ease-in-out}.devMessage:hover,.devNotif:hover{transform:scale(1.1)}.userImage{width:50px;height:50px;justify-self:right}@media (max-width: 2560px){.dashboardContainer{grid-template-rows:50px 300px 40px auto 60px;grid-template-columns:auto 900px auto}.dashboardBox{grid-template-rows:auto 30px 20px 10px 1px 10px 60px 60px auto;grid-template-columns:auto 250px 250px 250px auto}.dashboardTitle{font-size:24px}.userImage{width:70px;height:70px;align-self:center}.greeting,.skilTitle{font-size:18px}.skillMatches{font-size:14px}}@media (max-width: 1020px){.dashboardContainer{grid-template-rows:50px 300px 40px auto 60px;grid-template-columns:auto 650px auto}.dashboardBox{grid-template-rows:auto 30px 20px 10px 1px 10px 60px 60px auto;grid-template-columns:auto 200px 200px 200px auto}.dashboardTitle{font-size:24px}.userImage{width:70px;height:70px;align-self:center}.greeting,.skilTitle{font-size:18px}.skillMatches{font-size:14px}}@media (max-width: 1440px){.dashboardContainer{grid-template-rows:50px 300px 40px auto 60px;grid-template-columns:auto 850px auto}.dashboardBox{grid-template-rows:auto 30px 20px 10px 1px 10px 60px 60px auto;grid-template-columns:auto 220px 220px 220px auto}.dashboardTitle{font-size:24px}.userImage{width:70px;height:70px;align-self:center}.greeting,.skilTitle{font-size:18px}.skillMatches{font-size:14px}}@media (max-width: 768px){.dashboardContainer{grid-template-rows:50px 280px 40px auto 60px;grid-template-columns:auto 550px auto}.dashboardBox{grid-template-rows:auto 30px 20px 10px 1px 10px 60px 60px auto;grid-template-columns:auto 140px 140px 140px auto}.dashboardTitle{font-size:24px}.devWalletBalanceText,.devPendingPaymentText,.devActiveProjectsText,.devProjectRequestText{font-size:12px}.devWalletBalanceAmount,.devPendingPaymentAmount,.devActiveProjectsNumber,.devProjectRequestNumber{font-size:14px;font-weight:700}.devMessage,.devNotif{width:18px}.userImage{width:60px;height:60px;align-self:center}.greeting{font-size:12px}.sectionTitle{font-size:18px}.noProjects{font-size:14px}}@media (max-width: 576px){.dashboardContainer{grid-template-rows:50px 240px 40px auto 60px;grid-template-columns:auto 350px auto}.dashboardBox{grid-template-rows:auto 30px 20px 10px 1px 10px 45px 45px auto;grid-template-columns:auto 105px 105px 105px auto}.dashboardTitle{font-size:20px}.devWalletBalanceText,.devPendingPaymentText,.devActiveProjectsText,.devProjectRequestText{font-size:10px}.devWalletBalanceAmount,.devPendingPaymentAmount,.devActiveProjectsNumber,.devProjectRequestNumber{font-size:12px;font-weight:700}.devMessage,.devNotif{width:18px}.userImage{width:40px;height:40px;align-self:center}.greeting{font-size:10px}.sectionTitle{font-size:18px}.noProjects{font-size:14px}}@media (max-width: 425px){.dashboardContainer{grid-template-rows:50px 220px 40px auto 60px;grid-template-columns:auto 300px auto}.dashboardBox{grid-template-rows:auto 15px 15px 5px 1px 5px 40px 40px auto;grid-template-columns:auto 85px 85px 85px auto}.dashboardTitle{font-size:18px}.devWalletBalanceText,.devPendingPaymentText,.devActiveProjectsText,.devProjectRequestText{font-size:9px}.devWalletBalanceAmount,.devPendingPaymentAmount,.devActiveProjectsNumber,.devProjectRequestNumber{font-size:10px;font-weight:700}.devProfileBox{gap:2px}.devMessage,.devNotif{width:17px}.userImage{width:35px;height:35px;align-self:center}.greeting{font-size:10px}.sectionTitle{font-size:14px}.noProjects{font-size:12px}}@media (max-width: 320px){.dashboardContainer{grid-template-rows:50px 180px 40px auto 60px;grid-template-columns:auto 260px auto}.dashboardBox{grid-template-rows:auto 15px 15px 5px 1px 5px 30px 30px auto;grid-template-columns:auto 60px 60px 60px auto}.dashboardTitle{font-size:14px}.devWalletBalanceText,.devPendingPaymentText,.devActiveProjectsText,.devProjectRequestText{font-size:7px}.devWalletBalanceAmount,.devPendingPaymentAmount,.devActiveProjectsNumber,.devProjectRequestNumber{font-size:8px;font-weight:700}.devMessage,.devNotif{width:12px}.userImage{width:25px;height:25px;align-self:center}.greeting{font-size:8px}.sectionTitle{font-size:14px}.noProjects{font-size:12px}}.userDevContainer{background-color:#c4d9ff;display:grid;grid-template-columns:1fr minmax(300px,400px) 1fr;grid-template-rows:50px auto 100px;overflow-y:auto;padding:0;margin:0}.userDevBoxWrapper{display:grid;grid-area:2 / 2 / 3 / 3;height:auto;align-items:center;padding:0}.userDevBox{display:grid;width:100%;grid-template-rows:40px 30px 30px 10px 1px 10px 30px auto auto auto auto auto auto auto;grid-template-columns:auto 140px 20px 140px auto;background-color:#fbfbfb;border-radius:10px;height:auto}.userDevName{display:grid;grid-area:2 / 2 / 3 / 5;font-size:20px;font-weight:700;align-self:center}.userDevName:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px;border-radius:0%}.membershipContainer{display:grid;grid-area:3 / 2 / 4 / 5;font-size:12px;align-items:center}.userDevBox hr{border:none;height:.5px;background-color:#2d336b;grid-area:5 / 2 / 6 / 5;align-self:center}.verificationDevContainer{display:grid;grid-area:7 / 2 / 8 / 5}.phoneNumberDevContainer{display:flex;flex-direction:row;grid-area:8 / 2 / 9 / 5;font-size:12px}.emailDevContainer{display:flex;grid-area:9 / 2 / 10 / 5;font-size:12px}.portfolioDevContainer{display:grid;grid-area:10 / 2 / 11 / 5;font-size:12px;padding:5px 0}.educationDevContainer{display:grid;grid-area:11 / 2 / 12 / 5;font-size:12px;padding:5px 0}.summaryDevContainer{display:grid;grid-area:12 / 2 / 13 / 5;font-size:12px;padding:5px 0}.stackDevContainer{display:grid;grid-area:13 / 2 / 14 / 5;font-size:12px;padding:5px 0}.portfolioDevContainer.editingMode,.educationDevContainer.editingMode,.summaryDevContainer.editingMode,.stackDevContainer.editingMode{padding:10px 0}.verificationDevText,.portfolioDevText,.educationDevText,.summaryDevTitle,.stackDevTitle,.submitDevTitle{font-weight:700;font-size:14px}.userImgDev{width:60px;display:flex;grid-area:2 / 4 / 4 /5;justify-self:right;align-self:center}.verificationUploadDevSection{display:flex;flex-direction:column;gap:10px;padding:15px 0;grid-area:14 / 2 / 15 / 5}.editProfile{display:grid;grid-area:14 / 4 / 15 / 5;width:150px;height:10px}.userDevPhoneInput,.userDevEmailAddInput,.userDevNameInput{width:400px;border-color:1px #cfd5ff solid;font-size:14px;padding:2px}.verificationDevText{align-self:center}.cancelDevProfile{color:#2d336b;border-style:none;border-radius:50px;border:1px #2D336B solid;height:30px;width:115px;font-size:12px;text-align:center;justify-content:center;justify-self:center;align-items:center;align-self:center}.cancelDevProfile:hover{cursor:pointer}.editDevProfile{background-color:#2d336b;color:#fbfbfb;border-style:none;border-radius:50px;height:30px;width:115px;font-size:12px;display:grid;grid-area:18 / 2 / 19 / 5;text-align:center;justify-content:center;justify-self:center;align-items:center;align-self:center;transition:background-color .2s ease-in-out;margin:10px 0}.editDevProfile:hover{background-color:#363e80;cursor:pointer}@media (max-width: 2560px){.userDevContainer{grid-template-columns:1fr 900px 1fr;grid-template-rows:50px auto auto 100px}.userDevBox{grid-template-rows:40px 30px 30px 10px 1px 10px 30px auto auto auto auto auto auto auto;grid-template-columns:auto 340px 20px 340px auto}.userDevName{font-size:28px}.membershipText{font-size:14px}.userDevName,.phoneNumberDevContainer,.emailDevContainer{padding:10px 2px}.userDevNameInput,.userDevPhoneInput,.userDevEmailAddInput{width:400px;font-size:16px}.portfolioDevContainer.editingMode,.educationDevContainer.editingMode,.summaryDevContainer.editingMode,.stackDevContainer.editingMode{padding:12px 0}.verificationDevText,.portfolioDevText,.educationDevText,.summaryDevTitle,.stackDevTitle,.submitDevTitle{font-size:18px}.cancelDevProfile,.editDevProfile{width:140px;height:30px;font-size:14px}@media (max-width: 1024px){.userDevContainer{grid-template-columns:1fr 750px 1fr;grid-template-rows:50px auto auto 100px}.userDevBox{grid-template-rows:40px 30px 30px 10px 1px 10px 30px auto auto auto auto auto auto auto;grid-template-columns:auto 300px 20px 300px auto}.userDevName{font-size:26px}.membershipText{font-size:14px}.userDevName,.phoneNumberDevContainer,.emailDevContainer{padding:8px 2px}.userDevNameInput,.userDevPhoneInput,.userDevEmailAddInput{width:400px;font-size:14px}.portfolioDevContainer.editingMode,.educationDevContainer.editingMode,.summaryDevContainer.editingMode,.stackDevContainer.editingMode{padding:10px 0}.verificationDevText,.portfolioDevText,.educationDevText,.summaryDevTitle,.stackDevTitle,.submitDevTitle{font-size:16px}.cancelDevProfile,.editDevProfile{width:140px;height:30px;font-size:14px}}@media (max-width: 768px){.userDevContainer{grid-template-columns:1fr 550px 1fr;grid-template-rows:50px auto auto 100px}.userDevBox{grid-template-rows:40px 30px 30px 10px 1px 10px 30px auto auto auto auto auto auto auto;grid-template-columns:auto 220px 20px 220px auto}.userDevName{font-size:24px}.membershipText{font-size:12px}.userDevName,.phoneNumberDevContainer,.emailDevContainer{padding:6px 2px}.userDevNameInput,.userDevPhoneInput,.userDevEmailAddInput{width:300px;font-size:13px}.portfolioDevContainer.editingMode,.educationDevContainer.editingMode,.summaryDevContainer.editingMode,.stackDevContainer.editingMode{padding:8px 0}.verificationDevText,.portfolioDevText,.educationDevText,.summaryDevTitle,.stackDevTitle,.submitDevTitle{font-size:14px}.cancelDevProfile,.editDevProfile{width:140px;height:28px;font-size:13px}}@media (max-width: 576px){.userDevContainer{grid-template-columns:1fr 350px 1fr;grid-template-rows:50px auto auto 100px}.userDevBox{grid-template-rows:40px 30px 30px 10px 1px 10px 30px auto auto auto auto auto auto auto;grid-template-columns:auto 130px 20px 130px auto}.userDevName{font-size:22px}.membershipText{font-size:11px}.userDevName,.phoneNumberDevContainer,.emailDevContainer{padding:4px 2px}.userDevNameInput,.userDevPhoneInput,.userDevEmailAddInput{width:170px;font-size:12px}.portfolioDevContainer.editingMode,.educationDevContainer.editingMode,.summaryDevContainer.editingMode,.stackDevContainer.editingMode{padding:6px 0}.verificationDevText,.portfolioDevText,.educationDevText,.summaryDevTitle,.stackDevTitle,.submitDevTitle{font-size:12px}.cancelDevProfile,.editDevProfile{width:130px;height:26px;font-size:12px}}@media (max-width: 400px){.userDevContainer{grid-template-columns:1fr 300px 1fr;grid-template-rows:50px auto auto 100px}.userDevBox{grid-template-rows:40px 30px 20px 10px 1px 10px 30px auto auto auto auto auto auto auto;grid-template-columns:auto 120px 5px 120px auto}.userDevName{font-size:20px}.membershipText{font-size:10px}.userDevName,.phoneNumberDevContainer,.emailDevContainer{padding:3px 2px}.userDevNameInput,.userDevPhoneInput,.userDevEmailAddInput{width:130px;font-size:12px}.portfolioDevContainer.editingMode,.educationDevContainer.editingMode,.summaryDevContainer.editingMode,.stackDevContainer.editingMode{padding:5px 0}.verificationDevText,.portfolioDevText,.educationDevText,.summaryDevTitle,.stackDevTitle,.submitDevTitle{font-size:10px}.cancelDevProfile,.editDevProfile{width:130px;height:25px;font-size:10px}}}.settingDevBox{display:grid;width:100%;grid-template-rows:40px 30px auto auto auto auto auto 50px 40px;grid-template-columns:auto 330px auto;background-color:#fbfbfb;border-radius:50px;height:auto;align-items:center}.historyContainer{background-color:#c4d9ff;display:grid;grid-template-columns:1fr minmax(300px,400px) 1fr;grid-template-rows:50px auto auto 100px;padding:1rem;min-height:100vh;height:auto}.historyBox{display:grid;width:100%;grid-template-rows:40px 30px auto auto auto auto auto 50px 40px;grid-template-columns:auto 330px auto;background-color:#fbfbfb;border-radius:50px;height:auto;align-items:center}.historyText{font-weight:700}.completedContainer{display:grid;grid-area:3 / 2 / 4 / 3;padding:10px 5px}.completed{font-size:12px}.completedContentWrapper button{border-style:none;padding:5px 10px;font-size:12px;border-radius:5px}.completedContentWrapper button:hover{cursor:pointer;background-color:#dbdbdb}.earningsContainer{display:grid;grid-area:4 / 2 / 5 / 3;padding:10px 5px}.earnings{font-size:12px}.withdrawalsContainer{display:grid;grid-area:5 / 2 / 6 / 3;padding:10px 5px}.withdrawals{font-size:12px}.pendingPayContainer{display:grid;grid-area:6 / 2 / 7 / 3;padding:10px 5px}.pendingPay{font-size:12px}.activePayContainer{display:grid;grid-area:7 / 2 / 8 / 3;padding:10px 5px}.activePay{font-size:12px}.completedWrapper,.earningsWrapper,.withdrawalsWrapper,.pendingPayWrapper,.activePayWrapper{display:flex;background-color:#ececec;padding:5px;border-radius:5px;justify-content:space-between;transition:.2s ease-in-out}.completedWrapper:hover,.earningsWrapper:hover,.withdrawalsWrapper:hover,.pendingPayWrapper:hover,.activePayWrapper:hover{cursor:pointer;background-color:#dbdbdb}.studentDashboardContainer{background-color:#c4d9ff;display:grid;height:100vh;grid-template-rows:350px 280px 40px 70px auto 60px;grid-template-columns:auto 370px auto;overflow-y:auto}.studentDashboardBox{display:grid;grid-area:2 / 2 / 3 / 3;grid-template-rows:auto 30px 30px 1px 50px 50px auto;grid-template-columns:auto 90px 90px 90px auto;background-color:#fbfbfb;border-radius:10px;box-shadow:0 4px 6px #0000001a}.studentDashboardTitle{display:grid;grid-area:2 / 2 / 3 / 3;font-size:24px;font-weight:700;align-self:center}.userImage{display:grid;grid-area:2 / 4 / 4 / 5;width:50px;height:50px;justify-self:right}.userImage:hover{cursor:pointer}.studentGreeting{display:grid;grid-area:3 / 2 / 4 / 5;font-size:12px;align-self:center}.studentDashboardBox hr{display:grid;border:none;height:.5px;background-color:#c4c9ef;grid-area:4 / 2 / 5 / 5;align-self:center}.walletBalanceUserContainer{display:grid;grid-area:5 / 2 / 6 / 3;align-items:center;justify-content:left;align-content:center}.activeProjParent{display:grid;grid-area:5 / 3 / 6 / 4;align-items:center;justify-content:left;align-content:center}.activeProjUserContainer{display:flex;flex-direction:column;justify-content:center}.activeProjectsText{align-self:flex-start}.activeProjDashWrapper{display:flex;flex-direction:row;gap:2px}.ViewBtn{border-style:none;background-color:transparent;font-size:12px}.ViewBtn:hover{cursor:pointer;color:#2d336b}.plusProj{width:12px;height:12px}.projectRequestBox{display:grid;grid-area:5 / 4 / 6 / 5}.createProjectButton{display:flex;font-size:12px;width:210px;height:25px;border-style:none;border-radius:10px;transition:.2s ease-in-out;align-items:center;align-content:center;gap:5px}.createProjectButton:hover{cursor:pointer;transform:scale(102%)}.studentProfileBox{display:flex;flex-direction:row;justify-content:right;grid-area:2 / 4 / 4 / 5;gap:10px}.message,.notif{width:22px;align-self:center;justify-self:right;cursor:pointer;transition:transform .2s ease-in-out}.message:hover,.notif:hover{transform:scale(1.1)}.availableDevelopersText{display:grid;grid-area:4 / 2 / 5 / 3;text-align:center;align-self:center;font-size:18px;font-weight:700}.developerList{display:grid;grid-area:5 / 2 / 6 / 3}.noDevs{text-align:center;font-size:14px;color:#888}.developerCard{display:flex;flex-direction:column;align-items:center;background-color:#fbfbfb;border-radius:10px;margin:10px;padding:20px;box-shadow:0 4px 6px #0000001a}.developerImage{width:60px;height:60px;border-radius:50%}.developerInfo{text-align:center}.developerName{font-weight:700;margin-top:10px}.developerSkills{font-size:12px;color:#777;margin-top:5px}.viewProfileButton{background-color:#2d336b;color:#fbfbfb;border:none;border-radius:25px;padding:10px 20px;margin-top:10px;cursor:pointer}.viewProfileButton:hover{background-color:#1e2d5b}@media (max-width: 2560px){.studentDashboardContainer{grid-template-rows:50px 250px 40px 70px auto 60px;grid-template-columns:auto 900px auto}.studentDashboardBox{grid-template-rows:auto 40px 40px 1px 80px auto;grid-template-columns:auto 255px 255px 255px auto}.studentDashboardTitle{font-size:24px}.userImage{width:70px;height:70px;align-self:center}.studentGreeting,.walletBalanceText,.activeProjectsText,.projectRequestText,.projText{font-size:18px}.plusProj{width:16px;height:16px}.createProjectButton{margin-top:3%}.walletBalanceAmount,.activeProjectsNumber,.projectRequestText{font-size:20px}.ViewBtn{font-size:16px}.createProjectButton{width:100%;height:30px;font-size:16px}.availableDevelopersText{font-size:18px}.noDevs{font-size:14px}}@media (max-width: 1440px){.studentDashboardContainer{grid-template-rows:50px 220px 40px 70px auto 60px;grid-template-columns:auto 850px auto}.studentDashboardBox{grid-template-rows:auto 30px 30px 1px 60px auto;grid-template-columns:auto 235px 235px 235px auto}.userImage{width:50px;height:50px;align-self:center}.studentDashboardTitle{font-size:24px}.studentGreeting,.ViewBtn{font-size:14px}.walletBalanceText,.activeProjectsText,.projectRequestText,.projText{font-size:16px}.plusProj{width:15px;height:15px}.createProjectButton{margin-top:1%}.walletBalanceAmount,.activeProjectsNumber,.projectRequestText{font-size:16px}.createProjectButton{width:250px;height:30px;font-size:14px}.availableDevelopersText{font-size:18px}.noDevs{font-size:14px}}@media (max-width: 768px){.studentDashboardContainer{grid-template-rows:50px 220px 40px 70px auto 60px;grid-template-columns:auto 550px auto}.studentDashboardBox{grid-template-rows:auto 40px 30px 1px 60px auto;grid-template-columns:auto 145px 145px 145px auto}.studentDashboardTitle{font-size:26px}.studentGreeting{font-size:14px}.userImage{width:60px;height:60px}.message,.notif{width:20px}.walletBalanceText,.activeProjectsText,.projectRequestText,.projText{font-size:12px}.plusProj{width:12px;height:12px}.createProjectButton{margin-top:3%}.walletBalanceAmount,.activeProjectsNumber{font-size:16px}.createProjectButton{width:100%;height:30px;font-size:11px}.availableDevelopersText{font-size:18px}.noDevs{font-size:14px}}@media (max-width: 576px){.studentDashboardContainer{grid-template-rows:50px 160px 40px 70px auto 60px;grid-template-columns:auto 350px auto}.studentDashboardBox{grid-template-rows:auto 20px 20px 1px 50px auto;grid-template-columns:auto 100px 100px 100px auto}.notif{width:18px;height:18px}.message{width:15px}.userImage{width:50px;height:50px}.ViewBtn{font-size:12px}.studentDashboardTitle{font-size:18px}.studentGreeting,.walletBalanceText,.activeProjectsText,.projectRequestText,.projText{font-size:10px}.plusProj{width:11px;height:11px}.createProjectButton{margin-top:1%}.walletBalanceAmount,.activeProjectsNumber{font-size:12px}.createProjectButton{width:100%;height:30px;font-size:8px;border-radius:7px}.availableDevelopersText{font-size:16px}.noDevs{font-size:12 px}}@media (max-width: 425px){.studentDashboardContainer{grid-template-rows:50px 160px 40px 70px auto 60px;grid-template-columns:auto 300px auto}.studentDashboardBox{grid-template-rows:auto 25px 25px 1px 50px auto;grid-template-columns:auto 85px 85px 85px auto}.studentDashboardTitle{font-size:18px}.studentGreeting{font-size:10px}.message,.notif{width:15px}.userImage{width:35px;height:35px}.notif{width:15px;height:15px}.ViewBtn{font-size:10px}.walletBalanceText,.activeProjectsText,.projectRequestText,.projText{font-size:8px}.plusProj{width:10px;height:10px}.createProjectButton{margin-top:9%}.walletBalanceAmount,.activeProjectsNumber{font-size:9px}.createProjectButton{width:100%;height:20px;font-size:7px;border-radius:7px}.availableDevelopersText{font-size:16px}.noDevs{font-size:12px}}@media (max-width: 320px){.studentDashboardContainer{grid-template-rows:50px 130px 40px 70px auto 60px;grid-template-columns:auto 250px auto}.studentDashboardBox{grid-template-rows:auto 15px 15px 1px 50px auto;grid-template-columns:auto 60px 60px 60px auto}.message,.notif{width:12px}.notif{height:12px}.userImage{width:20px;height:20px}.studentDashboardTitle{font-size:12px}.studentGreeting{font-size:8px}.walletBalanceText,.activeProjectsText,.projectRequestText,.projText{font-size:7px}.plusProj{width:8px;height:8px}.createProjectButton{margin-top:5%}.walletBalanceAmount,.activeProjectsNumber,.ViewBtn{font-size:8px}.projectRequestText{font-size:9px}.createProjectButton{width:100%;height:20px;font-size:7px}.availableDevelopersText{font-size:14px}.noDevs{font-size:10px}.studentProfileBox{gap:0}}.userContainer{background-color:#c4d9ff;display:grid;grid-template-columns:1fr minmax(300px,400px) 1fr;grid-template-rows:50px auto auto 100px;min-height:100vh;height:auto;padding:0;margin:0}.userBoxWrapper{display:grid;grid-area:2 / 2 / 3 / 3;max-height:none;min-height:300px;align-items:center;padding:0}.userBox{display:grid;width:100%;grid-template-rows:40px auto 10px auto 10px 30px 30px 30px 30px auto auto;grid-template-columns:auto 140px 20px 140px auto;background-color:#fbfbfb;border-radius:10px;height:auto}.userName{display:grid;grid-area:1 / 2 / 2 / 5;font-size:20px;font-weight:700;align-self:center}.userNameInput{height:30px;width:180px;border:.5px #ccc solid;background-color:transparent;padding-left:5px;border-radius:5px}.userNameInput:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px;border-radius:0%}.majorContainer{display:grid;grid-area:2 / 2 / 3 / 5;font-size:12px}.userMajorInput{height:30px;width:180px;border:.5px #ccc solid;background-color:transparent;padding-left:5px;border-radius:5px}.email{display:flex;grid-area:8 / 2 / 9 / 5;font-size:12px;align-self:center;font-weight:700}.userEmailInput{height:20px;width:180px;border:1px #ccc solid;background-color:transparent;padding-left:5px;border-radius:5px}.userEmailInput:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px;border-radius:0%}.userImg{display:grid;grid-area:1 / 4 / 3 / 5;width:60px;height:60px;justify-self:right;align-items:center;border-radius:10px}.userBox hr{border:none;height:.5px;background-color:#c4c9ef;grid-area:4 / 2 / 5 / 5;align-self:center}.verificationContainer{display:grid;grid-area:6 / 2 / 7 / 5}.verificationText{font-weight:700;font-size:12px;align-self:center}.completedProjContainer{display:flex;flex-direction:row;grid-area:9 / 2 / 10 / 4;font-size:12px;align-items:center;gap:5px}.completedProjText{font-weight:700}.ratingsContainer{display:grid;grid-area:10 / 2 / 11 / 4;font-size:12px;padding:5px 0;align-items:center}.ratingsText{font-weight:700}.editControls{display:flex;justify-content:center;grid-area:18 / 2 / 19 / 5;gap:10px}.editProfile{background-color:#2d336b;color:#fbfbfb;border-style:none;border-radius:50px;height:30px;width:115px;font-size:12px;display:grid;grid-area:18 / 2 / 19 / 5;text-align:center;justify-content:center;justify-self:center;align-items:center;align-self:center;transition:background-color .2s ease-in-out;margin:10px 0}.editProfile:hover{background-color:#363e80;cursor:pointer}.cancelProfile{color:#2d336b;border-style:none;border-radius:50px;border:1px #2D336B solid;height:30px;width:115px;font-size:12px;text-align:center;justify-content:center;justify-self:center;align-items:center;align-self:center}.cancelProfile:hover{cursor:pointer}.phoneNumberContainer{display:flex;grid-area:7 / 2 / 8 / 5;font-size:12px;flex-direction:row;align-items:center}.phoneNumber{font-weight:700}.userPhoneInput{border:1px #4c5394 solid;border-radius:5px;padding:2px 10px;font-size:12px;width:150px}.userEmailAddInput{border:1px #2D336B solid;border-radius:5px;padding:2px 10px;font-size:12px;width:150px}.verificationReminder{font-weight:400;color:#007bff}.verifyButton{width:80px;height:25px;background-color:transparent;border:1px #2D336B solid;border-radius:5px;border-style:none;font-size:12px;font-weight:700}.verifyButton:hover{cursor:pointer}.educationContainer{display:flex;flex-direction:column;grid-area:10 / 2 / 11 / 5;font-size:12px}.educationText{font-weight:700}.educationInput{height:30px;border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-width:1px;border-color:#2d336b;background-color:transparent}.educationInput:focus{border:none;outline:none;border-bottom-style:solid;border-bottom-width:1px}.summaryContainer{display:flex;flex-direction:column;grid-area:12 / 2 / 13 / 5;font-size:12px}.summaryText{width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;box-sizing:border-box}.summaryContainer textarea{width:100%;resize:vertical;box-sizing:border-box;border-radius:5px;padding:10px;border-color:#2d336b}.summaryTitle{font-weight:700}.stackContainer{display:flex;flex-direction:column;grid-area:14 / 2 / 15 / 5;font-size:12px}.stackTitle{font-weight:700}.verificationUploadSection{display:flex;flex-direction:column;gap:10px;padding:15px 0;grid-area:11 / 2 / 12 / 5}.selectID{font-size:12px;width:260px;height:30px;border-radius:5px}.hiddenFile{display:none}.customFileUpload{display:inline-block;border:1px #2D336B solid;padding:8px 14px;border-radius:5px;font-size:10px;font-weight:700;cursor:pointer;text-align:center;align-self:left;transition:background-color .2s ease-in-out}.customFileUpload:hover{background-color:#2d336b;color:#fbfbfb}.selfieText{font-size:12px}.submitBtn{border-radius:5px;border-style:none;color:#2d336b;background-color:#c4d9ff;height:30px;font-weight:700;font-size:10px;width:100%;align-self:center;transition:background-color .2s ease-in-out}.submitBtn:hover{cursor:pointer;background-color:#2d336b;color:#fbfbfb}@media (max-width: 2560px){.userContainer{grid-template-columns:1fr 900px 1fr;grid-template-rows:50px auto 100px}.userBox{grid-template-rows:40px auto 20px auto 20px 40px 40px 40px 40px auto auto;grid-template-columns:auto 350px 50px 350px auto}.userName{font-size:28px}.majorText,.verificationText,.phoneNumberText,.email,.completedProjText,.ratingsText,.educationText,.summaryTitle,.stackTitle,.userNameInput,.userMajorInput,.userPhoneInput,.verifyButton,.userEmailAddInput,.verificationUploadSection h5,.selectID,.customFileUpload,.selfieText,.submitBtn,.cancelProfile{font-size:16px}.userPhoneInput,.userEmailAddInput,.userNameInput,.userMajorInput{width:600px}.submitBtn,.cancelProfile{height:40px}.editProfile{width:200px;height:40px;font-size:16px}}@media (max-width: 1024px){.userContainer{grid-template-columns:1fr 750px 1fr;grid-template-rows:50px auto 100px}.userBox{grid-template-rows:40px auto 20px auto 20px 40px 40px 40px 40px auto auto;grid-template-columns:auto 300px 20px 300px auto}.userName{font-size:26px}.majorText,.verificationText,.phoneNumberText,.email,.completedProjText,.ratingsText,.educationText,.summaryTitle,.stackTitle,.userNameInput,.userMajorInput,.userPhoneInput,.verifyButton,.userEmailAddInput,.verificationUploadSection h5,.selectID,.customFileUpload,.selfieText,.submitBtn,.cancelProfile{font-size:14px}.userPhoneInput,.userEmailAddInput,.userNameInput,.userMajorInput{width:500px}.submitBtn,.cancelProfile{height:40px}.editProfile{width:180px;height:40px;font-size:16px}}@media (max-width: 768px){.userContainer{grid-template-columns:1fr 550px 1fr;grid-template-rows:50px auto 100px}.userBox{grid-template-rows:40px auto 20px auto 20px 40px 40px 40px 40px auto auto;grid-template-columns:auto 220px 10px 220px auto}.userName{font-size:24px}.majorText,.verificationText,.phoneNumberText,.email,.completedProjText,.ratingsText,.educationText,.summaryTitle,.stackTitle,.userNameInput,.userMajorInput,.userPhoneInput,.verifyButton,.userEmailAddInput,.verificationUploadSection h5,.selectID,.customFileUpload,.selfieText,.submitBtn,.cancelProfile{font-size:14px}.userPhoneInput,.userEmailAddInput,.userNameInput,.userMajorInput{width:300px}.submitBtn,.cancelProfile{height:35px}.editProfile{width:160px;height:35px;font-size:16px}}@media (max-width: 576px){.userContainer{grid-template-columns:1fr 350px 1fr;grid-template-rows:50px auto 100px}.userBox{grid-template-rows:40px auto 20px auto 20px 40px 40px 40px 40px auto auto;grid-template-columns:auto 130px 20px 130px auto}.userName{font-size:22px}.majorText,.verificationText,.phoneNumberText,.email,.completedProjText,.ratingsText,.educationText,.summaryTitle,.stackTitle,.userNameInput,.userMajorInput,.userPhoneInput,.verifyButton,.userEmailAddInput,.verificationUploadSection h5,.selectID,.customFileUpload,.selfieText,.submitBtn,.cancelProfile{font-size:12px}.userPhoneInput,.userEmailAddInput,.userNameInput,.userMajorInput{width:150px}.submitBtn,.cancelProfile{height:35px}.editProfile{width:140px;height:35px;font-size:12px}}@media (max-width: 400px){.userContainer{grid-template-columns:1fr 300px 1fr;grid-template-rows:50px auto 100px}.userBox{grid-template-rows:30px auto 15px auto 15px 20px 20px 20px 20px auto auto;grid-template-columns:auto 130px 5px 130px auto}.userName{font-size:20px}.majorText,.verificationText,.phoneNumberText,.email,.completedProjText,.ratingsText,.educationText,.summaryTitle,.stackTitle,.userNameInput,.userMajorInput,.userPhoneInput,.verifyButton,.userEmailAddInput,.verificationUploadSection h5,.selectID,.customFileUpload,.selfieText,.submitBtn,.cancelProfile{font-size:10px}.userPhoneInput,.userEmailAddInput,.userNameInput,.userMajorInput{width:150px}.submitBtn,.cancelProfile{height:30px}.editProfile{width:160px;height:30px;font-size:10px}}.settingsDevContainer{background-color:#c4d9ff;display:grid;grid-template-columns:1fr minmax(300px,400px) 1fr;grid-template-rows:50px auto auto 100px;padding:1rem;min-height:100vh;height:auto}.settingDevWrapper{display:grid;grid-area:2 / 2 / 3 / 3;max-height:none;min-height:300px;align-items:center;padding:0}.settingDevBox{display:grid;width:100%;grid-template-rows:40px 30px auto auto auto auto auto 50px 40px;grid-template-columns:auto 330px auto;background-color:#fbfbfb;border-radius:10px;height:auto;align-items:center}.settingsTitleContainer{display:flex;grid-area:2 / 2 / 3 / 4;gap:20px;padding-left:10px}.settingText{font-weight:700}.accountSettingsContainer{display:grid;grid-area:3 / 2 / 4 / 3;padding:10px 5px}.accountSettings{font-size:12px}.accContentWrapper{display:flex;justify-content:space-between;padding:10px;font-size:12px}.deactAccWrapper{width:200px;display:flex;border-radius:5px;padding:10px;justify-content:space-between;transition:.2s ease-in-out;font-size:12px}.accContentWrapper button{border-style:none;padding:5px 10px;font-size:12px;border-radius:5px}.accContentWrapper button:hover{cursor:pointer;background-color:#dbdbdb}.paymentInfoContainer{display:grid;grid-area:4 / 2 / 5 / 3;padding:10px 5px}.paymentInfo{font-size:12px}.notifPreferencesContainer{display:grid;grid-area:5 / 2 / 6 / 3;padding:10px 5px}.notifPreferences{font-size:12px}.profVisibilityContainer{display:grid;grid-area:6 / 2 / 7 / 3;padding:10px 5px}.profVisibility{font-size:12px}.availabilitySettingsContainer{display:grid;grid-area:7 / 2 / 8 / 3;padding:10px 5px}.availSettings{font-size:12px}.accountSettingsWrapper,.paymentInfoWrapper,.notifPreferencesWrapper,.profVisibilityWrapper,.availSettingsWrapper{display:flex;background-color:#ececec;padding:5px;border-radius:5px;justify-content:space-between;transition:.2s ease-in-out}.accountSettingsWrapper:hover,.paymentInfoWrapper:hover,.notifPreferencesWrapper:hover,.profVisibilityWrapper:hover,.availSettingsWrapper:hover{cursor:pointer;background-color:#dbdbdb}@media (max-width: 2560px){.settingsDevContainer{grid-template-columns:1fr 900px 1fr;grid-template-rows:50px auto auto 100px}.settingDevBox{grid-template-rows:40px 40px auto auto auto auto auto 50px 40px;grid-template-columns:auto 750px auto}.settingText{font-size:24px}.accountSettings,.paymentInfo,.notifPreferences,.profVisibility,.availSettings{font-size:16px;padding:5px}.accContentWrapper,.deactAccWrapper,.accContentWrapper button{font-size:16px}.logoutButton{width:200px;padding:5px 0;font-size:18px}}@media (max-width: 1440px){.settingsDevContainer{grid-template-columns:1fr 700px 1fr;grid-template-rows:50px auto auto 100px}.settingDevBox{grid-template-rows:40px 40px auto auto auto auto auto 50px 40px;grid-template-columns:auto 650px auto}.settingText{font-size:20px}.accountSettings,.paymentInfo,.notifPreferences,.profVisibility,.availSettings{font-size:16px;padding:5px}.accContentWrapper,.deactAccWrapper,.accContentWrapper button{font-size:14px}.logoutButton{width:200px;padding:5px 0;font-size:16px}}@media (max-width: 768px){.settingsDevContainer{grid-template-columns:1fr 550px 1fr;grid-template-rows:50px auto auto 100px}.settingDevBox{grid-template-rows:40px 40px auto auto auto auto auto 50px 40px;grid-template-columns:auto 420px auto}.settingText{font-size:20px}.accountSettings,.paymentInfo,.notifPreferences,.profVisibility,.availSettings{font-size:12px;padding:5px}.accContentWrapper,.deactAccWrapper,.accContentWrapper button{font-size:12px}.logoutButton{width:200px;padding:5px 0;font-size:12px}}@media (max-width: 576px){.settingsDevContainer{grid-template-columns:1fr 350px 1fr;grid-template-rows:50px auto auto 100px}.settingDevBox{grid-template-rows:40px 40px auto auto auto auto auto 50px 40px;grid-template-columns:auto 280px auto}.settingText{font-size:18px}.accountSettings,.paymentInfo,.notifPreferences,.profVisibility,.availSettings{font-size:14px}.accContentWrapper,.deactAccWrapper,.accContentWrapper button{font-size:12px}.logoutButton{width:200px;padding:5px 0;font-size:14px}}@media (max-width: 425px){.settingsDevContainer{grid-template-columns:1fr 280px 1fr;grid-template-rows:50px auto auto 100px}.settingDevBox{grid-template-rows:40px 40px auto auto auto auto auto 50px 40px;grid-template-columns:auto 250px auto}.settingText{font-size:18px}.accountSettings,.paymentInfo,.notifPreferences,.profVisibility,.availSettings,.accContentWrapper,.deactAccWrapper,.accContentWrapper button{font-size:12px}.logoutButton{width:200px;padding:5px 0;font-size:12px}}.historyContainer{background-color:#c4d9ff;display:grid;grid-template-columns:1fr minmax(300px,400px) 1fr;grid-template-rows:50px auto auto 100px;height:100vh}.historyWrapper{display:grid;grid-area:2 / 2 / 3 / 3;max-height:none;min-height:300px;align-items:center;padding:0}.historyBox{display:grid;width:100%;grid-template-rows:40px 30px auto auto auto auto auto 40px;grid-template-columns:auto 330px auto;background-color:#fbfbfb;border-radius:10px;height:auto;align-items:center}.historyTitleContainer{display:flex;grid-area:2 / 2 / 3 / 4;gap:20px;padding-left:10px}.historyText{font-weight:700;padding:5px}.projectPaymentsContainer{display:grid;grid-area:3 / 2 / 4 / 3;padding:10px 5px}.projectPayments{font-size:12px}.historyContent button{border-style:none;padding:5px 10px;font-size:12px;border-radius:5px}.historyContent button:hover{cursor:pointer;background-color:#dbdbdb}.rightArrow{width:10px;height:10px;align-self:center}.refundHistoryContainer{display:grid;grid-area:4 / 2 / 5 / 3;padding:10px 5px}.refundHistory{font-size:12px}.invoicesContainer{display:grid;grid-area:5 / 2 / 6 / 3;padding:10px 5px}.invoices{font-size:12px}.pendingPaymentsContainer{display:grid;grid-area:6 / 2 / 7 / 3;padding:10px 5px}.pendingPayments{font-size:12px}.activePaymentsContainer{display:grid;grid-area:7 / 2 / 8 / 3;padding:10px 5px}.activePayments{font-size:12px}.projectPaymentsWrapper,.refundHistoryWrapper,.invoicesWrapper,.pendingPaymentsWrapper,.activePaymentsWrapper{display:flex;background-color:#ececec;padding:5px;border-radius:5px;justify-content:space-between;transition:.2s ease-in-out}.projectPaymentsWrapper:hover,.refundHistoryWrapper:hover,.invoicesWrapper:hover,.pendingPaymentsWrapper:hover,.activePaymentsWapper:hover{cursor:pointer;background-color:#dbdbdb}.logoutButtonContainer{display:grid;grid-area:8 / 2 / 9 / 3;align-items:center}.logoutButton{width:100%;padding:2px 0;border:1px #2D336B solid;background-color:transparent;border-radius:5px;transition:.2s ease-in-out}.logoutButton:hover{cursor:pointer}@media (max-width: 2560px){.historyContainer{grid-template-columns:1fr 900px 1fr;grid-template-rows:50px auto auto 100px}.historyBox{grid-template-columns:auto 750px auto}.projectPayments,.refundHistory,.invoices,.pendingPayments,.activePayments{font-size:16px}.projectPaymentsWrapper,.refundHistoryWrapper,.invoicesWrapper,.pendingPaymentsWrapper,.activePaymentsWrapper{padding:10px}.historyText{font-size:24px;padding:5px}.backButton{width:30px;height:30px}.logoutButton{padding:5px 0}}@media (max-width: 1440px){.historyContainer{grid-template-columns:1fr 850px 1fr;grid-template-rows:50px auto auto 100px}.historyBox{grid-template-columns:auto 660px auto}.projectPayments,.refundHistory,.invoices,.pendingPayments,.activePayments{font-size:14px}.projectPaymentsWrapper,.refundHistoryWrapper,.invoicesWrapper,.pendingPaymentsWrapper,.activePaymentsWapper{padding:10px}.historyText{font-size:22px;padding:5px}.backButton{width:30px;height:30px}.logoutButton{padding:5px 0}}@media (max-width: 1020px){.historyContainer{grid-template-columns:1fr 650px 1fr;grid-template-rows:50px auto auto 100px}.historyBox{grid-template-columns:auto 600px auto}.projectPayments,.refundHistory,.invoices,.pendingPayments,.activePayments{font-size:14px}.projectPaymentsWrapper,.refundHistoryWrapper,.invoicesWrapper,.pendingPaymentsWrapper,.activePaymentsWapper{padding:10px}.historyText{font-size:22px;padding:5px}.backButton{width:30px;height:30px}.logoutButton{padding:5px 0}}@media (max-width: 768px){.historyContainer{grid-template-columns:1fr 550px 1fr;grid-template-rows:50px auto auto 100px}.historyBox{grid-template-columns:auto 420px auto}.projectPayments,.refundHistory,.invoices,.pendingPayments,.activePayments{font-size:12px}.projectPaymentsWrapper,.refundHistoryWrapper,.invoicesWrapper,.pendingPaymentsWrapper,.activePaymentsWapper{padding:10px}.historyText{font-size:20px;padding:5px}.backButton{width:25px;height:25px}.logoutButton{padding:5px 0}}@media (max-width: 576px){.historyContainer{grid-template-columns:1fr 350px 1fr;grid-template-rows:50px auto auto 100px}.historyBox{grid-template-columns:auto 315px auto}.projectPayments,.refundHistory,.invoices,.pendingPayments,.activePayments{font-size:12px}.projectPaymentsWrapper,.refundHistoryWrapper,.invoicesWrapper,.pendingPaymentsWrapper,.activePaymentsWapper{padding:8px 10px}.historyText{font-size:18px;padding:5px}.backButton{width:25px;height:25px}.logoutButton{font-size:12px;padding:3px 0}}@media (max-width: 425px){.historyContainer{grid-template-columns:1fr 250px 1fr;grid-template-rows:50px auto auto 100px}.historyBox{grid-template-columns:auto 180px auto}.projectPayments,.refundHistory,.invoices,.pendingPayments,.activePayments{font-size:10px}.projectPaymentsWrapper,.refundHistoryWrapper,.invoicesWrapper,.pendingPaymentsWrapper,.activePaymentsWapper{padding:3px 10px}.historyText{font-size:16px;padding:5px 0}.backButton{width:20px;height:20px}.logoutButton{font-size:10px;padding:3px 0}}@media (max-width: 320px){.historyContainer{grid-template-columns:1fr 250px 1fr;grid-template-rows:50px auto auto 100px}.historyBox{grid-template-columns:auto 180px auto}.projectPayments,.refundHistory,.invoices,.pendingPayments,.activePayments{font-size:10px}.projectPaymentsWrapper,.refundHistoryWrapper,.invoicesWrapper,.pendingPaymentsWrapper,.activePaymentsWapper{padding:3px 10px}.historyText{font-size:16px;padding:5px 0}.backButton{width:20px;height:20px}.logoutButton{font-size:10px;padding:2px 0}}.createProjContainer{background-color:#c4d9ff;display:grid;grid-template-columns:1fr minmax(300px,400px) 1fr;grid-template-rows:50px auto 100px;padding:1rem;min-height:100vh;height:auto;padding:0;margin:0}.createProjWrapper{display:grid;grid-area:2 / 2 / 3 / 3;max-height:none;min-height:300px;align-items:center;padding:0}.createProjBox{display:grid;width:100%;grid-template-rows:40px 30px auto auto auto auto auto auto auto 50px 40px;grid-template-columns:auto 300px auto;background-color:#fbfbfb;border-radius:20px;height:auto;align-items:center}.createProjTitleContainer{display:flex;grid-area:2 / 2 / 3 / 4;gap:20px;padding-left:10px}.createProjText{font-weight:700}.projTitleContainer{display:flex;grid-area:3 / 2 / 4 / 3;font-size:14px;align-self:center;justify-self:center;font-weight:700;padding:10px 0;width:100%}.projTitle{height:30px;width:100%;border:1px #ccc solid;background-color:transparent;padding-left:5px;border-radius:5px;font-size:12px;resize:vertical;box-sizing:border-box;outline:none;transition:border-color .3s ease}.projTitle:focus{border-color:#2d336b}.projectPaymentsContentWrapper{display:flex;justify-content:space-between;padding:10px;font-size:12px}.projSummaryContainer{display:flex;flex-direction:column;grid-area:4 / 2 / 4 / 3;gap:15px;padding:10px 0}.projSummaryText{width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;font-size:12px}.projSummaryInput{width:100%;resize:vertical;box-sizing:border-box;border-radius:5px;padding:10px;font-size:12px;border:1px solid #ccc;outline:none;transition:border-color .3s ease}.projSummaryInput:focus{border-color:#2d336b}.projTitleText{font-size:12px;font-weight:400}.projSummaryTitle{font-size:12px;font-weight:700}.projectDocuText{font-size:12px}.languageContainer{display:flex;flex-direction:column;grid-area:5 / 2 / 6 / 3;gap:15px;padding:10px 0}.selectLanguageText,.selectedLanguage,.selectedLanguageText{font-size:12px}.uploadContainer{display:flex;flex-direction:column;grid-area:6 / 2 / 7 / 3;gap:15px;padding:10px 0}.uploadTitle{font-size:12px}.fileUploadButton{font-size:12px;padding:5px 15px;border:1px #ccc solid;border-radius:5px;text-align:center;transition:.1s ease-in-out}.docuUploadInput{display:none}.docuUploadButton{border:1px #ccc solid;font-size:12px;text-align:center;padding:5px 20px;align-self:left;border-radius:5px;transition:.2s ease-in-out}.docuUploadButton:hover{cursor:pointer;border-color:#2d336b}.fileNamePreview{font-size:12px}.docuLink{font-style:italic}.timeFrameContainer{display:flex;flex-direction:row;grid-area:7 / 2 / 8 / 3;gap:10px;padding:10px 0}.timeFrameText{font-size:12px}.timeFrameInput{font-size:10px;color:#ccc;border-style:none;border-bottom:1px #ccc solid;width:70%;resize:vertical;box-sizing:border-box;outline:none;transition:border-color .3s ease}.timeFrameInput:focus{border-color:#2d336b}.projectPriceContainer{display:flex;flex-direction:row;grid-area:8 / 2 / 9 / 3;gap:10px;padding:10px 0;align-items:center}.projectPriceInput{padding:3px 20px;border:1px solid #ccc;border-radius:6px;font-size:14px}.paymentOptionsContainer{display:flex;gap:15px;justify-content:center;padding:10px 0;align-items:center}.paymentOptionTitle,.selectPaymentText{font-size:12px}.paymentOptionButton{padding:5px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;font-weight:600}.paymentOptionButton.payNow{background-color:#28a745;color:#fff}.paymentOptionButton.payLater{background-color:#6c757d;color:#fff}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modalContent{background-color:#fff;padding:30px;border-radius:10px;width:90%;max-width:400px;text-align:center;position:relative}.closeModalBtn{padding:10px 20px;border:none;background-color:#dc3545;color:#fff;border-radius:6px;font-weight:700;cursor:pointer;transition:.2s ease-in-out}.closeModalBtn:hover{transform:scale(98%);background-color:#b82d3b}.paymentOptionsContainer{display:flex;flex-direction:row;grid-area:9 / 2 / 10 / 3;gap:10px;padding:10px 0}.uploadContainerReceipt.modalContent{width:350px;height:400px;padding:30px 0;display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:20px auto 20px;border-radius:20px;justify-content:center;align-content:center}.uploadTitle.receipt{font-size:14px;font-weight:700;display:grid;grid-area:1 / 2 / 2 / 3;align-self:center}.uploadTitle.photo{display:grid;grid-area:4 / 2 / 5 / 3;align-self:center;font-size:14px}.qrCodeImage{width:300px;padding:0;display:grid;grid-area:2 / 2 / 3 / 3;align-self:center;border-radius:20px}.totalPrice{display:grid;grid-area:3 / 2 / 4 / 3;align-self:center;font-weight:700}.paymentUploadButtonWrapper{display:flex;grid-area:5 / 2 / 6 / 3;justify-content:center;align-items:center;gap:10px}.paymentUploadButton{font-size:14px;font-weight:700;padding:10px 20px;background-color:#28a745;border-radius:10px;color:#fbfbfb;transition:.1s ease-in-out}.paymentUploadButton:hover{transform:scale(98%);background-color:#259740}.editModeContainer{display:flex;grid-area:10 / 2 / 11 / 3;justify-content:center;padding:10px 0}.editModeButton{font-size:12px;padding:3px 30px;background-color:#2d336b;color:#fbfbfb;border-radius:5px;border-style:none;width:30%;transition:.2s ease-in-out}.editModeButton:hover{background-color:#383f80;cursor:pointer}@media (max-width: 2560px){.createProjContainer{grid-template-columns:1fr 900px 1fr;grid-template-rows:2px auto auto}.createProjBox{grid-template-rows:40px 30px auto auto auto auto auto auto auto 50px 40px;grid-template-columns:auto 750px auto}.createProjText{font-size:22px}.projTitle,.projSummaryTitle,.projSummaryInput,.selectLanguageText,.uploadTitle,.docuUploadInput,.fileUploadButton,.timeFrameText,.timeFrameInput,.projectPriceInput{font-size:12px}.paymentOptionButton{padding:5px 30px}.editModeButton{font-size:16px;padding:5px 30px}}@media (max-width: 1024px){.createProjContainer{grid-template-columns:1fr 750px 1fr;grid-template-rows:2px auto auto}.createProjBox{grid-template-rows:40px 30px auto auto auto auto auto auto auto 50px 40px;grid-template-columns:auto 680px auto}.createProjText{font-size:20px}.projTitle,.projSummaryTitle,.projSummaryInput,.selectLanguageText,.uploadTitle,.docuUploadInput,.fileUploadButton,.timeFrameText,.timeFrameInput,.projectPriceInput{font-size:10px}.paymentOptionButton{padding:3px 30px}.editModeButton{font-size:14px;padding:3px 30px}}@media (max-width: 768px){.createProjContainer{grid-template-columns:1fr 550px 1fr}.createProjBox{grid-template-rows:40px 30px auto auto auto auto auto auto auto 50px 40px;grid-template-columns:auto 450px auto}.createProjText{font-size:22px}.projTitle,.projSummaryTitle,.projSummaryInput,.selectLanguageText,.uploadTitle,.docuUploadInput,.fileUploadButton,.timeFrameText,.timeFrameInput,.projectPriceInput{font-size:12px}.paymentOptionButton{padding:5px 30px}.editModeButton{font-size:16px;padding:5px 30px}}@media (max-width: 576px){.createProjContainer{grid-template-columns:1fr 350px 1fr}.createProjBox{grid-template-rows:40px 30px auto auto auto auto auto auto auto 50px 40px;grid-template-columns:auto 280px auto}.createProjText{font-size:22px}.projTitle,.projSummaryTitle,.projSummaryInput,.selectLanguageText,.uploadTitle,.docuUploadInput,.fileUploadButton,.timeFrameText,.timeFrameInput,.projectPriceInput{font-size:12px}.paymentOptionButton{padding:5px 30px}.editModeButton{font-size:14px;padding:5px 0}}@media (max-width: 400px){.createProjContainer{grid-template-columns:1fr 350px 1fr}.createProjBox{grid-template-rows:40px 30px auto auto auto auto auto auto auto 50px 40px;grid-template-columns:auto 280px auto}.createProjText{font-size:22px}.projTitle,.projSummaryTitle,.projSummaryInput,.selectLanguageText,.uploadTitle,.docuUploadInput,.fileUploadButton,.timeFrameText,.timeFrameInput,.projectPriceInput{font-size:12px}.paymentOptionButton{padding:5px 30px}.editModeButton{font-size:16px;padding:5px 30px}}.userImage{width:60px;height:60px;border-radius:50%;margin-right:10px}.msgHeaderIcon{width:40px;height:40px;border-radius:50px}.messagesHeaderText{font-size:24px;font-weight:600;padding:10px}.messagesSearch{display:grid;grid-area:3 / 2 / 4 / 3;align-items:center;background-color:transparent}.messagesSearchFlex{display:flex;align-items:center;padding:3% 5%;width:300px;border:1px #868793 solid;border-radius:50px;justify-content:space-between;background-color:transparent}.messagesSearchText{color:#333446;border-style:none;width:100%;background-color:transparent}.messagesSearchText:focus{outline:none;background-color:transparent}.conversationList{display:flex;flex-direction:column-reverse;grid-area:4 / 2 / 5 / 3;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;overflow-y:auto}.studentMsgFlex{display:flex;flex-direction:row;justify-self:flex-start;gap:10px;padding:10px 20px}.studentMsgFlex:hover{cursor:pointer}.studentMsgWrapper{display:flex;flex-direction:column}.studentMsgName{font-size:18px;font-weight:600}.conversationContainer{background-color:#fbfbfb;height:100vh;width:100vw;display:grid;grid-template-columns:auto 320px auto;grid-template-rows:30px 50px 1fr 60px}.studentKausapHeader{grid-area:2 / 2 / 3 / 3;display:flex;align-items:center;padding:10px;font-size:18px;font-weight:600}.studentBackIcon{width:15px;height:15px;cursor:pointer}.studentKausapIcon{width:40px;height:40px;border-radius:50%;margin-right:10px}.studentKausapName{font-size:16px}.studentKausapRole{font-size:12px;color:#5a5c73}.studentKausapContainer{display:flex;flex-direction:column-reverse;grid-area:3 / 2 / 4 / 3;padding:0;margin:0;overflow-y:auto;max-height:100%;scrollbar-width:none}.studentKausapContent{position:relative;padding:10px 15px;margin:2px;border-radius:10px;font-size:12px;display:inline-block;max-width:70%;width:fit-content}.studentMessageText{color:#fbfbfb;align-self:flex-end}.receivedMessageText{color:#1c352d;align-self:flex-start}.messageText.sentText{color:#fbfbfb}.messageText.receivedText{color:#1c352d}.studentKausapContent.studentMessageText{color:#fbfbfb;background-color:#2d336b;align-self:flex-end}.studentKausapContent.receivedMessageText{background-color:#f1f1f1;align-self:flex-start}.messageMenu{position:absolute;top:-5px;right:-120px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0003;z-index:10}.messageMenu div{padding:8px 12px;cursor:pointer;font-size:14px}.messageMenu div:hover{background-color:#f0f0f0}.messageInside{display:flex;grid-area:4 / 2 / 5 / 3;flex-direction:row;gap:5px;justify-content:space-between;align-items:center;height:30px;border:1px solid #868793;border-radius:10px;padding:1px 10px;margin:10px 0}.studentKausapInput{width:220px;height:17px;padding:5px;background-color:transparent;border-style:none}.studentKausapInput:focus{outline:none}.studentKausapSend{width:20px;height:20px;color:#fff;border:none;border-radius:5px;cursor:pointer}.studentSearchResults{display:flex;grid-area:4 / 2 / 5 / 3}.studentEmailResultFlex{height:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:10px 20px}.studentEmailText{font-weight:700;font-size:16px}*{font-family:Poppins;color:#1c352d;margin:0;padding:0}.messagesContainer{display:grid;grid-template-columns:auto 350px auto;grid-template-rows:30px 50px 60px auto 60px;background-color:#fbfbfb;width:100vw;height:100vh}.messagesHeader{display:flex;grid-area:2 / 2 / 3 / 3;align-items:center}.msgHeaderIcon{width:40px;height:40px;margin:10px}.messagesHeaderText{font-size:20px;font-weight:600;padding:10px}.messagesSearch{display:grid;grid-area:3 / 2 / 4 / 3;align-items:center}.messagesSearchFlex{display:flex;align-items:center;padding:3% 5%;width:300px;border:1px #868793 solid;border-radius:50px;justify-content:space-between}.messagesSearchText{color:#333446;background-color:transparent}.messagesSearchText:focus{background-color:transparent}.searchEmail{width:20px;height:20px}.studentMsg1{display:grid;grid-area:4 / 2 / 5 / 3;align-items:center;width:100%;height:100px}.studentMsg1Flex{display:flex;flex-direction:row;gap:10px;padding:10px 20px}.studentMsgList{width:40px;height:40px}.studentMsgName{font-size:16px;font-weight:600}.studentMsgPreview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:200px;font-size:14px}.studentActiveProjectsContainer{background-color:#c4d9ff;display:grid;grid-template-columns:auto 330px auto;grid-template-rows:0px auto 20px;padding:1rem;min-height:100vh;height:auto;padding:0;margin:0}.studentActiveProjectsBox{display:grid;grid-area:2 / 2 / 3 / 3;max-height:none;min-height:300px;align-items:center;padding:0}.activeProjWrapper{display:grid;width:100%;grid-template-rows:auto 30px 80px auto auto;grid-template-columns:auto 280px auto;background-color:#fbfbfb;border-radius:10px;height:300px;align-items:center}.activeTitleContainer{display:flex;grid-area:2 / 2 / 3 / 3;flex-direction:row;align-items:center;gap:10px}.activeProjTitle{font-size:14px;font-weight:700}.activeTitleContainer{display:flex;flex-direction:row;grid-area:2 / 2 / 2 / 3}.backButton{width:20px;height:20px;align-self:center}.backButton:hover{cursor:pointer}.avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;display:grid;grid-area:2 / 2 / 3 / 3}.activeProjContainer{display:flex;flex-direction:row;align-items:center;gap:10px;grid-area:3 / 2 / 4 / 3}.activeProjContainer h2{color:#2c3e50;font-size:20px}.projectsSection{display:flex;flex-direction:column;grid-area:4 / 2 / 5 / 3;justify-content:center;align-items:center;gap:10px;padding:10px 0;border-radius:10px;border:1px solid #a3aab1}.projectsSection h3{font-size:16px}.projectsSection p{font-size:14px}@media (max-width: 2560px){.studentActiveProjectsContainer{grid-template-columns:auto 900px auto;grid-template-rows:2px auto auto}.activeProjWrapper{grid-template-rows:auto 30px 80px auto auto;grid-template-columns:auto 750px auto}.activeProjTitle{font-size:14px}.avatar{width:65px;height:65px}.activeProjContainer{gap:20px}.activeProjContainer h2{font-size:28px}.projectsSection h3{font-size:18px}.projectsSection p{font-size:14px}}@media (max-width: 1024px){.studentActiveProjectsContainer{grid-template-columns:auto 850px auto;grid-template-rows:2px auto auto}.activeProjWrapper{grid-template-rows:auto 30px 80px auto auto;grid-template-columns:auto 700px auto}.activeProjTitle{font-size:14px}.avatar{width:65px;height:65px}.activeProjContainer{gap:20px}.activeProjContainer h2{font-size:28px}.projectsSection h3{font-size:18px}.projectsSection p{font-size:14px}}@media (max-width: 768px){.studentActiveProjectsContainer{grid-template-columns:auto 550px auto;grid-template-rows:2px auto auto}.activeProjWrapper{grid-template-rows:auto 30px 80px auto auto;grid-template-columns:auto 450px auto}.activeProjTitle{font-size:14px}.avatar{width:65px;height:65px}.activeProjContainer{gap:20px}.activeProjContainer h2{font-size:28px}.projectsSection h3{font-size:18px}.projectsSection p{font-size:14px}}@media (max-width: 576px){.studentActiveProjectsContainer{grid-template-columns:auto 350px auto;grid-template-rows:2px auto auto}.activeProjWrapper{grid-template-rows:auto 30px 50px auto auto;grid-template-columns:auto 280px auto}.activeProjTitle{font-size:14px}.avatar{width:50px;height:50px}.activeProjContainer{gap:15px}.activeProjContainer h2{font-size:18px}.projectsSection h3{font-size:16px}.projectsSection p{font-size:12px}}.developer-profile-container{max-width:1024px;margin:3rem auto;padding:3rem 2.5rem;background:#fff;border-radius:1.5rem;border:1px solid #e5e7eb;box-shadow:0 8px 28px #0000000f;font-family:Inter,Segoe UI,Roboto,sans-serif;transition:box-shadow .3s ease}.developer-profile-container:hover{box-shadow:0 10px 34px #00000014}.developer-profile-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:2.5rem;gap:1rem}.developer-profile-info{display:flex;align-items:center;gap:1.5rem}.developer-profile-image{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.developer-profile-fallback{width:110px;height:110px;border-radius:50%;background:#f3f4f6;display:flex;justify-content:center;align-items:center;color:#6b7280;font-size:1rem;font-weight:600}.developer-profile-name{font-size:2rem;font-weight:800;color:#111827;margin:0}.developer-profile-email{font-size:1rem;color:#6b7280;margin-top:.3rem}.developer-profile-message-btn{margin-top:1rem;padding:.75rem 1.75rem;border-radius:.6rem;font-weight:600;transition:all .3s ease;border:none;font-size:.95rem}.developer-profile-message-btn:enabled{background-color:#2563eb;color:#fff;cursor:pointer;box-shadow:0 3px 10px #2563eb4d}.developer-profile-message-btn:enabled:hover{background-color:#1e40af;transform:translateY(-2px)}.developer-profile-message-btn:disabled{background-color:#d1d5db;color:#6b7280;cursor:not-allowed}.developer-profile-verified{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#059669}.developer-profile-unverified{display:inline-block;padding:.4rem 1.2rem;border-radius:9999px;font-size:.9rem;font-weight:500;color:#fff;background:#9ca3af}.developer-profile-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem;margin-bottom:2.5rem}.developer-profile-details p{margin:.5rem 0;color:#374151;font-size:1rem}.developer-profile-details strong{font-weight:600;color:#111827}.developer-profile-summary{color:#374151;line-height:1.7;margin-top:.5rem;font-size:1rem}.developer-profile-stack{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.developer-profile-stack span{background:#e0f2fe;color:#0369a1;padding:.45rem 1.2rem;border-radius:9999px;font-size:.9rem;font-weight:600;transition:background .2s ease,transform .2s ease}.developer-profile-stack span:hover{background:#bae6fd;transform:translateY(-2px)}.developer-profile-portfolio{margin-bottom:2rem}.developer-profile-portfolio ul{list-style-type:disc;padding-left:1.3rem;color:#2563eb}.developer-profile-portfolio a{color:#2563eb;text-decoration:none;font-size:1rem;transition:color .2s ease,text-decoration .2s ease}.developer-profile-portfolio a:hover{color:#1e3a8a;text-decoration:underline}@media (max-width: 768px){.developer-profile-details{grid-template-columns:1fr}.developer-profile-header{flex-direction:column;align-items:center;text-align:center}}.protectedRouteContainer{display:flex;justify-content:center;align-items:center;height:100vh;background:#f8f9fa}.protectedRouteBox{text-align:center;padding:2rem 3rem;border-radius:10px;background:#fff;box-shadow:0 0 15px #0003;animation:pop .6s ease forwards}.protectedRouteBox h2{margin-bottom:1rem;color:#d9534f}.animate{animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.dashboardContainer{background-color:#fff;display:grid;grid-template-rows:10px 80px 10px 40px 200px 10px 330px;grid-template-columns:50px auto 50px auto 50px}.dashboardHead{display:flex;justify-content:space-between;grid-area:2 / 2 / 3 / 5;align-items:center}.dashboardHeadLeft{display:flex;flex-direction:row;align-items:center;gap:20px}.dashboardLogo{width:100px;height:56px}.dashboardHeadlineText{font-size:12px;align-items:center;line-height:18px}.verifyText{font-size:16px;font-weight:700}.dashboardHeadRight{display:flex;flex-direction:row;align-items:center;gap:10px}.dashboardHeadPic{width:60px;height:60px;border-radius:50px}.dashboardHeadMenu{width:20px;height:20px}.dashboardGreeting{display:grid;grid-area:4 / 2 / 5 / 3;align-items:center;font-size:24px;font-weight:700}.dashboardStdInfo1{display:flex;flex-direction:row;gap:30px;grid-area:5 / 2 / 6 / 3}.dashboardStdPhoto{width:200px;height:200px;border-radius:20px}.dashboardProjContainer{display:flex;flex-direction:column;gap:10px}.dashboardActiveWrapper{background-color:#f3f3f3;width:200px;height:80px;text-align:center;align-content:center;justify-items:center;border-radius:20px;line-height:30px}.dashboardActiveNumber{font-size:34px}.dashboardActiveText,.dashboardApprovedText,.dashboardAddProjText{font-size:12px}.dashboardAddProjWrapper:hover,.dashboardActiveWrapper:hover{cursor:pointer}.dashboardActive{display:flex;flex-direction:row;gap:5px}.dashboardActiveIndicator{display:flex;justify-content:center;align-items:center;align-self:center;width:15px;height:15px;border-radius:20px;background-color:#50ff70;color:#50ff70;font-weight:700}.dashboardApprovedNumber{font-size:24px}.dashboardApprovedWrapper,.dashboardAddProjWrapper{display:flex;background-color:#f3f3f3;width:200px;height:50px;text-align:center;align-items:center;justify-content:center;border-radius:20px;line-height:30px;gap:10px}.dashboardAddProj{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:20px;background-color:#2d336b;color:#f3f3f3;font-weight:700}.dashboardStdInfo2{display:grid;grid-template-columns:1fr 1fr;grid-area:7 / 2 / 8 / 3;height:320px;width:430px;gap:26px}.dashboardStdInfo2Left{display:flex;grid-column:1 / 2;flex-direction:column;gap:10px}.dashboardVerification{display:flex;flex-direction:row;gap:5px;width:200px;height:30px;font-size:14px;align-items:center;justify-content:center;border:1px #2D336B solid;border-radius:10px}.dashboardVerifiedImg{width:20px;height:20px}.dashboardMsgContainer{display:flex;flex-direction:column;background-color:#f3f3f3;width:183px;height:150px;border-radius:20px;padding-left:20px;gap:10px;justify-content:center}.dashboardNotifContainer{display:flex;flex-direction:column;background-color:#f3f3f3;width:183px;height:120px;border-radius:20px;padding-left:20px;gap:10px;justify-content:center}.dashboardMsgHead,.dashboardNotifHead,.dashboardPaymentHead,.dashboardNoticeHead{display:flex;flex-direction:row;font-size:16px;font-weight:700;align-items:center;gap:10px}.dashboardMsgImg,.dashboardNotifImg,.dashboardPaymentImg{width:15px;height:15px}.dashboardMsgContent,.dashboardNotifContent,.dashboardPaymentContent{display:flex;flex-direction:column;font-size:12px;gap:10px}.dashboardUnread,.dashboardRequests,.dashboardSpam,.dashboardImportant{display:flex;flex-direction:row;gap:20px;align-items:center}.dashboardUnreadNumber,.dashboardRequestsNumber,.dashboardSpamNumber,.dashboardImportantNumber{display:grid;width:20px;height:20px;background-color:#c4d9ff;text-align:center;align-content:center;border-radius:20px}.dashboardStdInfo2Right{display:flex;grid-column:2 / 3;flex-direction:column;gap:10px}.dashboardPayment{display:flex;flex-direction:column;background-color:#f3f3f3;width:183px;height:140px;border-radius:20px;padding-left:20px;gap:10px;justify-content:center;align-self:right}.dashboardNotice{display:flex;flex-direction:column;border:1px #2D336B solid;width:183px;height:170px;border-radius:20px;padding-left:20px;gap:10px;justify-content:center;align-self:right}.dashboardNoticeImg{display:grid;text-align:center;width:18px;height:18px;border:1px #2D336B solid;border-radius:20px;font-size:12px}.dashboardNoticeContent{font-size:10px;width:160px}.red{font-weight:700;color:#ff4145}