@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html,body{margin:0;padding:0;box-sizing:border-box}body{background-color:#e0e5ea}.searchBar{display:flex;align-items:center;background-color:#fff;border-radius:33px;padding:0 .5rem;height:40px;box-shadow:#88a5bf7a 6px 2px 16px,#fffc -6px -2px 16px;width:100%}.searchInput{flex-grow:1;padding:.4rem;border:none;font-size:1rem;min-width:0;background:transparent}.searchInput:focus{outline:none}.clearBtn{all:unset;cursor:pointer;display:flex;align-items:center;padding-right:.5rem}.place{border:1px solid black;padding:.5rem .8rem .5rem .5rem;border-radius:1rem;background-color:#e4e4ea;display:flex;justify-content:space-between}.placeCategory{border:1px solid black;color:#000;height:fit-content;padding:.5rem;border-radius:1rem;background-color:#b3ebf2}.neighborhoodContainer{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.neighborhoodContainer h2{font-weight:500}.neighborhoodContainer>h3{margin-top:3.5rem;margin-bottom:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;margin:20px 0;border-radius:8px;min-height:200px}SearchBar{margin:0 2rem}.infoDisplay{margin-top:2rem;width:90%;height:680px;display:flex;gap:3rem;justify-content:center;border-radius:1rem}.mapPanel{width:50%;height:650px;border-radius:1rem}.mapPanel div{border-radius:1rem}.infoPanel{padding-right:5rem;gap:1rem}.metrics{display:flex;align-items:center;box-shadow:#63636333 0 2px 8px;border-radius:1rem;padding-top:1rem;background-color:#fff;justify-content:center}.metrics div{display:flex;flex-direction:column;align-items:center}.metrics h3{margin-bottom:0;font-weight:600;font-size:1rem}.metrics h4{margin-top:0;font-weight:500;font-size:.9rem}.places{background-color:#fff;padding:.2rem 1rem;margin-top:3rem;box-shadow:#63636333 0 2px 8px;border-radius:1rem}.placeList{display:flex;flex-direction:column;max-height:300px;overflow-y:scroll;gap:1rem;padding-right:1rem;margin-bottom:1rem}.places h2{margin-bottom:1.5rem;color:#4a9dae}.placeList::-webkit-scrollbar{width:8px}.placeList::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.navbar{background-color:#0073ea;color:#fff;display:flex;gap:2rem;align-items:center;padding:.8rem 4rem;justify-content:space-between;box-shadow:#0003 0 12px 28px,#0000001a 0 2px 4px,#ffffff0d 0 0 0 1px inset;font-family:Inter,sans-serif;margin-bottom:2rem}.navbar h1{font-family:Inter,sans-serif;font-weight:600;font-size:2rem;letter-spacing:-.5px;margin:0}.navbar a{font-weight:500;text-decoration:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.6rem;letter-spacing:-.2px}.navbar a:hover{opacity:60%;box-shadow:#0000003d 0 3px 8px;border-radius:.5rem}.nav-links{display:flex;gap:2rem;align-items:center}.searchBarContainer{position:relative;width:100%;height:60px}.searchBarContainer form{position:absolute;top:0;right:0;padding:10px;margin-right:170px;display:flex;align-items:center;gap:8px}.searchBar{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;line-height:1.2}.searchButton,.clearButton{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;line-height:1.2;transition:background-color .2s ease}.searchButton{background-color:#007bff;color:#fff}.searchButton:hover{background-color:#0056b3;box-shadow:0 4px 8px #00000026}.clearButton{background-color:#6c757d;color:#fff}.clearButton:hover{background-color:#5a6268;box-shadow:0 4px 8px #00000026}.categoryButtonsContainer{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:10px;justify-content:left;align-items:center;margin:20px 0 20px 170px}.categoryButtonsContainer button{border:1px solid #ccc;border-radius:20px;background-color:#f5f7f9;color:#333;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out;text-align:center;white-space:nowrap;padding:12px 20px}.categoryButtonsContainer button:hover{background-color:#e0e0e0;border-color:#999;color:#000;box-shadow:0 2px 4px #0000001a}.categoryButtonsContainer li.is-active button{background-color:#666;color:#fff;border-color:#666;box-shadow:0 2px 5px #0003;transform:translateY(-1px)}.createEvent{width:fit-content;margin:20px 185px 20px auto;padding:12px 25px;border:1px solid #ccc;border-radius:20px;background-color:#007bff;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 3px 6px #00000026;display:inline-block;flex-shrink:0}.createEvent:hover{background-color:#0056b3;color:#fff;box-shadow:0 4px 8px #00000040}.categoriesAndCreateContainer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:20px;padding:0 10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.modal-content h2{text-align:center;color:#333;margin-bottom:20px;font-size:1.8rem}.modal-content form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:700;color:#555;font-size:.95rem;margin-bottom:5px;display:block}.form-group input[type=text],.form-group input[type=date],.form-group input[type=time],.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.form-group textarea{resize:vertical;min-height:80px}.category-buttons-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;align-items:center}.category-buttons-group button{padding:10px 15px;border:1px solid #ccc;border-radius:20px;background-color:#f0f0f0;color:#333;font-size:.9rem;cursor:pointer;transition:all .2s ease-in-out;text-align:center;white-space:nowrap;flex-shrink:0}.category-buttons-group button:hover{background-color:#e0e0e0;border-color:#999;color:#000;box-shadow:0 1px 3px #0000001a}.category-buttons-group button.is-active{background-color:#666;color:#fff;border-color:#666;box-shadow:0 2px 5px #0003;transform:translateY(-1px)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.submit-button,.cancel-button{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.submit-button{background-color:#007bff;color:#fff}.submit-button:hover{background-color:#0056b3;box-shadow:0 2px 4px #0003}.cancel-button{background-color:#f0f0f0;color:#333;border:1px solid #ccc}.cancel-button:hover{background-color:#e0e0e0;border-color:#999;box-shadow:0 1px 3px #0000001a}.loading-message,.error-message{text-align:center;margin-top:10px;font-size:.9rem}.loading-message{color:#007bff}.error-message{color:#dc3545}.profileGrid{margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;padding:1rem;max-width:90vw}.internFinder{display:flex;flex-direction:column;margin-bottom:2rem}.internFinder Button{align-self:center;margin:1rem}.filters{display:flex;gap:3.5rem;margin:4vh;align-items:center}.customSearch{background-color:#e0e5ea;box-shadow:none;border-radius:1rem}.customSearch Button{background-color:#e0e5ea;color:#0000008a;box-shadow:none;font-size:large}.authContainer{display:flex;justify-content:center;align-items:center;padding:2rem;width:100%}.authButtons{display:flex;gap:10rem}.signUp,.signIn{padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;border:none;cursor:pointer;color:#fff;background-color:#0073ea;transition:background-color .3s ease}.signUp:hover,.signIn:hover{background-color:#3498db}.onboarding-container{max-width:800px;margin:0 auto;padding:2rem;min-height:80vh;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.loading-container{text-align:center;padding:3rem;background-color:#fff;border-radius:1rem;box-shadow:#63636333 0 2px 8px}.loading-container h2{color:#333;margin-bottom:1.5rem;font-weight:500}.loading-bar{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.loading-progress{height:100%;background:linear-gradient(90deg,#0073ea,#0056b3);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.onboarding-card{background-color:#fff;padding:3rem;border-radius:1rem;box-shadow:#63636333 0 2px 8px;width:100%;max-width:700px}.progress-section{margin-bottom:2rem}.progress-text{color:#666;font-size:.9rem;margin-bottom:.5rem;text-align:center}.progress-bar{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0073ea,#0056b3);transition:width .3s ease}.error-alert{background-color:#ffebee;border:1px solid #f44336;color:#d32f2f;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;text-align:center}.step-content{text-align:center;margin-bottom:2rem}.step-title{font-size:2rem;color:#333;margin-bottom:.5rem;font-weight:600}.step-subtitle{font-size:1.3rem;color:#555;margin-bottom:1.5rem;font-weight:500}.step-description{color:#666;font-size:1rem;line-height:1.5;margin-top:1rem}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:500px;margin:0 auto}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:2rem;font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#0073ea;box-shadow:0 0 0 3px #0073ea1a}.form-textarea{resize:vertical;min-height:80px;border-radius:1rem}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:2.5rem}.date-picker-field{border-radius:2rem!important}.date-picker-field .MuiOutlinedInput-root{border-radius:2rem}.date-picker-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0073ea}.date-picker-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#0073ea;border-width:2px}.radio-group{max-width:400px;margin:0 auto;text-align:left}.radio-option{display:flex;align-items:center;padding:1rem;margin-bottom:.5rem;border:2px solid #e0e0e0;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:#0073ea;background-color:#f8f9ff}.radio-option input[type=radio]{margin-right:.75rem;cursor:pointer}.radio-option input[type=radio]:checked+span{color:#0073ea;font-weight:500}.traits-section,.hobbies-section{text-align:left}.section-label{display:block;color:#555;font-weight:500;margin-bottom:.75rem;font-size:.95rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag-button{padding:.5rem 1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:2rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;color:#666}.tag-button:hover{background-color:#e8f4ff;border-color:#0073ea;color:#0073ea}.tag-selected{background-color:#0073ea!important;border-color:#0073ea!important;color:#fff!important}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.back-button{color:#666!important;border-color:#ddd!important;padding:.5rem 1.5rem!important;border-radius:2rem!important}.back-button:hover{border-color:#0073ea!important;color:#0073ea!important}.next-button{background-color:#0073ea!important;color:#fff!important;padding:.75rem 2rem!important;border-radius:2rem!important;font-weight:500!important}.next-button:hover{background-color:#0056b3!important}.next-button:disabled{background-color:#ccc!important;cursor:not-allowed!important}@media (max-width: 768px){.onboarding-container{padding:1rem}.onboarding-card{padding:2rem}.step-title{font-size:1.5rem}.step-subtitle{font-size:1.1rem}.form-grid{max-width:100%}.tags-container{justify-content:center}}.final-step{padding:2rem 0}.final-step .step-description{font-size:1.1rem;color:#555;margin-top:1.5rem}.chatLayout{display:grid;grid-template-columns:1fr 3fr;height:85vh;box-shadow:#0000003d 0 3px 8px;margin:1rem;border-radius:1rem}.sidebar{display:flex;flex-direction:column;padding:0 1rem;overflow-y:auto;border-right:1px solid black}.contactsList{display:flex;flex-direction:column}.contact{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;transition:background-color .2s;border-radius:1rem}.contact:hover{background-color:#f5f5f5}.contact.active{background-color:#4166f5;color:#fff}.contactPhoto{width:40px;height:40px;border-radius:50%;background-color:#20b2aa;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.contactName{font-weight:500}.contactDetails{display:flex;flex-direction:column;flex:1;min-width:0}.contactName{font-weight:600}.lastMessagePreview{font-size:.85rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chatHeader{padding:1rem;box-shadow:0 2px 8px #1e40af1a;background:linear-gradient(135deg,#1e40af,#3b82f6)}.chatHeader h3{margin:0;color:#fff}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;text-align:center}.emptyState h3{margin-bottom:.5rem;font-size:1.5rem;color:#333}.emptyChat{display:flex;align-items:center;justify-content:center;height:100%;color:#666}.mainChat{display:flex;flex-direction:column;justify-content:flex-end;height:100%;overflow:hidden;background-image:url(/assets/chatBackground.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.messagesContainer{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.sentMessage{background-color:#1087e9;color:#fff;padding:.75rem 1rem;border-radius:1rem;max-width:70%;align-self:flex-end;word-wrap:break-word}.receivedMessage{background-color:#d3d3d3;color:#000;padding:.75rem 1rem;border-radius:1rem;max-width:70%;align-self:flex-start;word-wrap:break-word}.sendControl{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;justify-self:flex-end}.sendControl .MuiTextField-root{flex:1}
