@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";::-webkit-scrollbar{display:none}*{margin:0;padding:0;box-sizing:border-box;color:#fff;font-family:Inter,serif}html,body{background-color:#222;overflow-x:hidden}ul li{list-style:none}a{text-decoration:none}.components-container{display:flex}#get-started-header{height:12vh;min-height:100px;max-height:125px;background-color:#1a1a1a;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:1.5em}#get-started-logo h1{font-weight:500}#get-started-logo span,.get-started-info span{color:#f97316}#login-signup-container{display:flex;justify-content:space-between;align-items:center;gap:1em}#login-signup-container .btn{font-size:1rem;border-radius:5px;padding:.5em 1.5em;cursor:pointer;transition:.2s}#login-signup-container .btn:hover{transform:scale3d(1.03,1.03,1.03);transition:.2s}.signup-btn{background-color:#f97316;border:1px solid transparent}.login-btn{background-color:#1a1a1a;border:1px solid white;color:#fff}#get-started-container{padding:1em}#get-started-container h1{font-size:2.5rem;font-weight:500}.get-started-info{text-align:center;margin:2em 0;display:flex;flex-direction:column;gap:1.5em}.get-started-info p{font-size:1.25rem;font-weight:300}.get-started-cards-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:20px;margin:0 5em;grid-template-areas:"box1 box2 box3" "box4 box5 box5"}.get-started-box{background-color:#1a1a1a;border:1px solid transparent;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;gap:1em;padding:1.5em;transition:.4s}.get-started-box:hover{border-color:#f973164d;transition:.4s}.get-started-box:hover h3{color:#f97316;transition:.4s}.box-1{grid-area:box1}.box-2{grid-area:box2}.box-3{grid-area:box3}.box-4{grid-area:box4}.box-5{grid-area:box5}.get-started-box i{font-size:1.25rem;color:#f97316;background-color:#472c19;padding:.5em;border-radius:8px}.get-started-box h3{font-weight:500}.get-started-box p{font-size:.95rem;font-weight:300;opacity:.75}@media (max-width: 1024px){#get-started-header{max-height:80px}#get-started-container{padding:0 0 2em}.get-started-cards-container{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:15px;margin:0 2em;grid-template-areas:"box1 box2" "box3 box4" "box5 box5"}}@media (max-width: 625px){#get-started-header{flex-direction:column;min-height:125px;gap:.75em;padding:1em}#login-signup-container{height:auto;flex-direction:row;justify-content:center;gap:1em}#login-signup-container .btn{font-size:.9rem}#get-started-container{padding:.25em .25em 2em;text-align:center}#get-started-container h1{font-size:1.75rem}.get-started-info{margin:1.5em 0;padding:0 1em}.get-started-info p{font-size:1rem}.get-started-cards-container{display:flex;flex-direction:column;gap:1em;margin:0 2em}.get-started-box{align-items:center;gap:.75em;padding:1em}}#header{height:12vh;min-height:80px;max-height:125px;width:100%;background-color:#1a1a1a;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:1.5em;position:sticky}#header h1{font-weight:500}#logo{display:flex;align-items:center;gap:1em}#logo i{font-size:2rem;display:none;cursor:pointer}#logo span{color:#f97316}#avatar img{width:50px;height:50px;border:2px solid #F97316;border-radius:50%}@media (max-width: 1024px){#header{max-height:80px}#header h1{font-size:1.75rem}#logo i{display:block}}@media (max-width: 625px){#header{max-height:125px}}#aside{height:88vh;min-width:18%;display:flex;flex-direction:column;justify-content:space-between;background-color:#1a1a1a;border-right:1px solid rgba(255,255,255,.1);padding:1em 0;overflow:auto;transition:.3s ease-in-out}.main-routes-container{display:flex;flex-direction:column;gap:.5em;padding:1.5em 1em}#aside h3{font-size:.95rem;padding-left:1em;font-weight:300;opacity:.75}#aside a{display:flex;align-items:center;gap:.75em;font-size:1rem;font-weight:300;border:1px solid transparent;border-radius:5px;padding:.75em 1em;transition:.2s;opacity:.95}#aside .active{background-color:#f97316}.main-routes-container a:hover{background-color:#444;transform:scale(1.02);transition:.3s}.logout-container{padding:1em}.logout-container button{width:100%;display:flex;gap:.75em;background-color:transparent;font-size:1rem;font-weight:300;border:none;border-radius:5px;padding:.75em 1em;cursor:pointer;transition:.2s}#aside .close{display:none}#aside i{transition:.2s}.logout-container button:hover,.logout-container button:hover i{transform:scale3d(1.02);background-color:#2f1e1e;color:#e63e3e;transition:.2s}@media (max-width: 1024px){#aside{background-color:#1a1a1a93;position:fixed;left:-100%;top:0;width:100%;height:100dvh;z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#aside.open{left:0}#aside .close{display:block;font-size:1.75rem;position:absolute;top:25px;right:25px;cursor:pointer}.main-routes-container{display:flex;flex-direction:column;gap:.5em;padding:3em 1em}}#discussions{height:88vh;width:82%;-webkit-overflow-scrolling:touch}#discussions-container{display:flex;flex-direction:column;justify-content:space-between;background-color:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:10px 10px 0 0;margin:1em}.discussions-header{height:10vh;display:flex;justify-content:space-between;align-items:center;border-radius:10px 10px 0 0;padding:1em}.discussions-header .online-users{display:flex;align-items:center;gap:.25em}.discussions-header .public-green-dot{display:inline-block;width:15px;height:15px;border-radius:50%;background-color:#4caf50}.discussions-header h1{font-size:1.75rem;font-weight:400}.discussions-content{width:100%;height:62vh;padding:1em;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:flex-start;gap:1em;overflow:auto}.discussions-content .public-msg-card{display:flex;align-items:flex-start;gap:1em;width:100%}.discussions-content .public-msg-bubble{display:flex;flex-direction:column;gap:.5em;max-width:45%;font-size:.9rem;word-wrap:break-word}.discussions-content .public-msg-bubble p{background-color:#333;padding:.75em 1em;border-radius:0 15px 15px;align-self:flex-start}.discussions-content .public-msg-bubble span,.discussions-content .public-msg-bubble small{font-size:.8rem;opacity:.75}.discussions-content .public-msg-card>img{width:40px;height:40px;border:2px solid rgba(255,255,255,.1);border-radius:50%}.discussions-content .own-message{align-self:flex-end;flex-direction:row-reverse}.discussions-content .own-message>img{display:none}.discussions-content .own-message a{border-radius:0 15px 15px}.discussions-content .own-message p{border-radius:15px 0 15px 15px;background-color:#f97316;color:#fff;padding:.75em 1em;text-align:right;align-self:flex-end}.discussions-content .own-message .public-msg-file-link{color:#fff;background-color:#f97316;border-radius:15px 0 15px 15px}.discussions-content .own-message span{align-self:flex-end}.discussions-content .public-msg-file-preview{display:flex;flex-direction:column;gap:.5em}.discussions-content .public-msg-file-preview a{display:inline-block;max-width:100%}.discussions-content .public-msg-image{max-width:300px;max-height:300px;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-top:.5em}.discussions-content .public-msg-image{width:100%}.discussions-content .public-msg-file-link{color:#f97316;background-color:#333;text-decoration:underline;font-size:.9rem;padding:.75em 1em;border-radius:0 15px 15px;word-break:break-word}.discussions-content .preview-image{max-width:350px;max-height:350px;border-radius:10px;border:1px solid rgba(255,255,255,.1);display:block}.discussions-input form{height:12vh;width:100%;border-radius:0 0 10px 10px;padding:1em;display:flex;justify-content:space-between;align-items:center;gap:1em}.discussions-input form input[type=text]{height:100%;width:100%;font-size:1rem;padding:1em;background-color:transparent;border:1px solid rgba(255,255,255,.1);border-radius:5px;outline:none}.discussions-input form input[type=text]:focus{border:1px solid #F97316}.discussions-input form input[type=file]{display:none}.discussions-input label{transform:rotate(30deg);font-size:1.75rem;cursor:pointer}.discussions-input form button{background-color:transparent;border:none;outline:none;cursor:pointer}.discussions-input .send{font-size:1.25rem;padding:.5em;background-color:#f97316;border-radius:50%}@media (max-width: 1024px){#discussions{width:100%;height:100dvh}#discussions-container{margin:0;border-radius:0}.discussions-header .public-green-dot{width:12px;height:12px}.discussions-header h1{font-size:1.25rem}.online-counter{font-size:.9rem}.discussions-content{height:76vh;padding:.75em;gap:1em}.discussions-content .public-msg-image,.discussions-content .preview-image{max-width:100%;max-height:250px}.discussions-input form{height:8vh;padding:1em}}@media (max-width: 625px){.discussions-header{flex-direction:column;align-items:flex-start;gap:.5em;padding:.75em}.discussions-content{height:68vh;padding:.75em;gap:1em}.discussions-content .public-msg-bubble{max-width:60%}.discussions-content .public-msg-bubble span,.discussions-content .public-msg-bubble small{font-size:.7rem}.discussions-input form{height:11vh;padding:1em}}#carpool-cards{width:100%;background-color:#444;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;transition:.3s;cursor:pointer}#carpool-cards:hover{transform:scale3d(1.02,1.02,1.02);transition:.3s}.carpool-user{display:flex;align-items:center;gap:1em;padding:1em}.carpool-user i{font-size:1.25rem;color:#f97316;background-color:#684d3a;padding:.5em;border-radius:8px}.carpool-info{background-color:#1a1a1a;border-radius:0 0 10px 10px;padding:1em}.carpool-details{display:flex;justify-content:space-between;align-items:flex-start}.carpool-details i{font-size:1.25rem;opacity:.75}.carpool-data{text-align:center;font-size:.75rem;font-weight:300;width:25%;display:flex;flex-direction:column;justify-content:flex-start;gap:.75em;flex-wrap:wrap}#carpool-cards button{width:100%;background-color:#f97316;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:600;border:none;border-radius:5px;padding:.65em 1.5em;margin-top:1em;cursor:pointer;transition:.2s}#carpool-cards button:hover{background-color:#fb923c;transform:scale3d(1.01,1.01,1.01);transition:.2s}#carpool-request{width:100%;background-color:#333;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.5em;display:flex;flex-direction:column;gap:1em;transition:.2s}#carpool-request h2{font-weight:400}#carpool-request form{width:100%;display:flex;flex-direction:column;gap:1em}#carpool-request .carpool-input-group{display:flex;gap:1em}#carpool-request form input[type=text],#carpool-request form input[type=number]{width:100%;background-color:#212121;font-size:1rem;padding:.75em;border:2px solid transparent;border-radius:5px;outline:none}#carpool-request form input[type=text]:focus,#carpool-request form input[type=number]:focus{border:2px solid #F97316}#carpool-request form .carpool-button-container{display:flex;justify-content:flex-end}#carpool-request form button{background-color:#f97316;display:flex;justify-content:flex-end;font-size:1rem;font-weight:500;padding:.65em 1.5em;border:none;border-radius:5px;transition:.2s;cursor:pointer}#carpool-request form button:hover{background-color:#fb923c;transform:scale(1.02);transition:.2s}#carpool-rides{height:88vh;width:82%;padding:2em 1.5em;display:flex;flex-direction:column;gap:1.5em;overflow:auto;-webkit-overflow-scrolling:touch}#carpool-rides h1{font-size:2.5rem;font-weight:400}#carpool-rides h2{font-size:1.25rem;font-weight:400}#carpool-header-container{width:100%;display:flex;justify-content:space-between;align-items:center}.carpool-search{width:100%;position:relative}.carpool-search input[type=text]{width:100%;font-size:1rem;padding:.75em 0 .75em 2em;background-color:#1a1a1a;border:2px solid rgba(255,255,255,.1);border-radius:5px;outline:none}.carpool-search .search{position:absolute;top:50%;left:10px;transform:translateY(-50%);opacity:.3}#carpool-header-container button{background-color:#f97316;display:flex;justify-content:center;align-items:center;gap:.25em;font-size:1rem;font-weight:600;padding:.65em 1em;border:none;border-radius:5px;transition:.2s;cursor:pointer}#carpool-header-container button:hover{background-color:#fb923c;transform:scale3d(1.02,1.02,1.02);transition:.2s}#carpool-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:2em}@media (max-width: 1024px){#carpool-rides{width:100%}#carpool-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 625px){#carpool-rides h1{font-size:2rem}#carpool-rides h2{font-size:1.15rem}#carpool-header-container button{font-size:.9rem}#carpool-container{grid-template-columns:1fr}}#lostnfound-card{width:100%;background-color:#1a1a1a;border-radius:10px;display:flex;flex-direction:column;transition:.3s;cursor:pointer}#lostnfound-card:hover{transform:scale3d(1.02,1.02,1.02);transition:.3s}.lostnfound-item-image{width:100%}.lostnfound-item-image img{height:250px;width:100%;border-radius:10px 10px 0 0;object-fit:cover}.lostnfound-item-details{display:flex;flex-direction:column;gap:1em;padding:1em}.lostnfound-item{display:flex;justify-content:space-between;align-items:center}.lostnfound-item h4{font-size:1rem;font-weight:400;border-radius:5px;padding:.25em 1em}.lostnfound-item h4.lost{color:#e63e3e;background-color:#2f1e1e}.lostnfound-item h4.found{color:#4ade80;background-color:#1c3c28}.lostnfound-item-details h3{font-weight:500}.lostnfound-item-details p{opacity:.75;font-weight:300}.lostnfound-item-details .lostnfound-item-date{display:flex;align-items:center;gap:.5em}.lostnfound-item-details button{width:100%;background-color:#f97316;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:600;border:none;border-radius:5px;padding:.65em 1.5em;cursor:pointer;transition:.2s}.lostnfound-item-details button:hover{background-color:#fb923c;transform:scale3d(1.01,1.01,1.01);transition:.2s}#lost-item-report{width:100%;background-color:#333;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.5em;display:flex;flex-direction:column;gap:1em;transition:.2s}#lost-item-report h2{font-weight:400}#lost-item-report form{width:100%;display:flex;flex-direction:column;gap:1em}#lost-item-report form input[type=text],#lost-item-report form textarea{width:100%;background-color:#212121;font-size:1rem;padding:.75em;border:2px solid rgba(255,255,255,.1);border-radius:6px;outline:none;resize:vertical}#lost-item-report form input[type=text]:focus,#lost-item-report form textarea:focus{border:2px solid #F97316}.lost-item-report-container .lost-item-image{width:100%;display:flex;gap:1em}#lost-item-report .lost-item-post-button{display:flex;justify-content:flex-end}#lost-item-report form button{background-color:#f97316;display:flex;justify-content:flex-end;font-size:1rem;font-weight:500;padding:.65em 1.5em;border:none;border-radius:5px;transition:.2s;cursor:pointer}#lost-item-report form button:hover{background-color:#fb923c;transform:scale(1.02);transition:.2s}.radio-group{display:flex;width:100%;justify-content:center;gap:2em}.radio-group label{display:flex;align-items:center;gap:.25em;cursor:pointer}.radio-group input{accent-color:#F97316;width:18px;height:18px;cursor:pointer}#lostnfound{height:88vh;width:82%;padding:2em 1.5em;display:flex;flex-direction:column;gap:1.5em;overflow:auto;-webkit-overflow-scrolling:touch}#lostnfound h1{font-size:2.5rem;font-weight:400;margin-bottom:.25em}#lostnfound p{font-weight:300;opacity:.8}#lostnfound-header-container{width:100%;display:flex;justify-content:space-between;align-items:center}.items-search{width:100%;position:relative}#lostnfound input[type=text]{width:100%;font-size:1rem;padding:.75em 0 .75em 2em;background-color:#1a1a1a;border:2px solid rgba(255,255,255,.1);border-radius:5px;outline:none}#lostnfound .search{position:absolute;top:50%;left:10px;transform:translateY(-50%);opacity:.3}#lostnfound-header-container button{background-color:#f97316;display:flex;justify-content:center;align-items:center;gap:.25em;font-size:1rem;font-weight:600;padding:.65em 1em;border:none;border-radius:5px;transition:.2s;cursor:pointer}#lostnfound-header-container button:hover{background-color:#fb923c;transform:scale3d(1.02,1.02,1.02);transition:.2s}#lostnfound-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2em}#lostnfound .lostnfound-filter{width:100%;background-color:#1a1a1a;display:flex;gap:.1em;border-radius:5px;margin:1em 0;padding:.25em}#lostnfound .lostnfound-filter button{width:100%;display:flex;justify-content:center;gap:.5em;background-color:transparent;font-size:1rem;font-weight:400;border:none;border-radius:5px;padding:.5em 1em;cursor:pointer;transition:.2s}#lostnfound .lostnfound-filter button.active{background-color:#333}#lostnfound .lostnfound-filter button:hover{background-color:#424242;transition:.2s}@media (max-width: 1024px){#lostnfound{width:100%}#lostnfound-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 625px){#lostnfound h1{font-size:2rem}#lostnfound h2{font-size:1.15rem}#lostnfound-header-container a{font-size:.9rem}#lostnfound-container{grid-template-columns:1fr}}#projects{height:88vh;width:82%;padding:2em 1.5em;display:flex;flex-direction:column;gap:2em;overflow:auto;-webkit-overflow-scrolling:touch}.projects-header-data h1{font-size:2.5rem;font-weight:400;margin-bottom:.25em}.projects-header-data p{font-weight:300;opacity:.8}#projects-header-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.25em}#projects-header-container button{background-color:#f97316;display:flex;justify-content:center;align-items:center;gap:.25em;font-size:1rem;font-weight:600;padding:.65em 1em;border-radius:5px;transition:.2s;cursor:pointer}#projects-header-container button:hover{background-color:#fb923c;transform:scale(1.02);transition:.2s}.projects-search{width:100%;position:relative}#projects .projects-search input[type=text]{width:100%;font-size:1rem;padding:.75em 0 .75em 2em;background-color:#1a1a1a;border:2px solid rgba(255,255,255,.1);border-radius:5px;outline:none}#projects .search{position:absolute;top:50%;left:10px;transform:translateY(-50%);opacity:.3}#projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2em}@media (max-width: 1024px){#projects{width:100%}#projects-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 625px){#projects h1{font-size:2rem}#projects h2{font-size:1.15rem}#projects-header-container a{font-size:.9rem}#projects-container{grid-template-columns:1fr}}#projects-upload{width:100%;background-color:#333;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.5em;display:flex;flex-direction:column;gap:1em;transition:.2s}#projects-upload h2{font-weight:400}#projects-upload form{width:100%;display:flex;flex-direction:column;gap:1em}#projects-upload form label{font-size:.9rem;opacity:.75}#projects-upload form .upload-project-inputs{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.5em}#projects-upload form .upload-project-inputs input[type=text],#projects-upload form .upload-project-inputs textarea{width:100%;background-color:#212121;font-size:1rem;padding:.75em;border:2px solid rgba(255,255,255,.1);border-radius:6px;outline:none;resize:vertical}#projects-upload form input[type=text]:focus,#projects-upload form textarea:focus{border-color:#f97316}.upload-project-container{width:100%;display:flex;justify-content:space-between;gap:2em}#projects-upload .upload-project-submit{display:flex;justify-content:flex-end}#projects-upload .upload-project-submit button{background-color:#f97316;display:flex;justify-content:flex-end;font-size:1rem;font-weight:500;padding:.65em 1.5em;border:none;border-radius:5px;transition:.2s;cursor:pointer}#projects-upload .upload-project-submit button:hover{background-color:#fb923c;transform:scale(1.02);transition:.2s}@media (max-width: 625px){.upload-project-container{flex-direction:column;gap:1em}}#project-card{width:100%;background-color:#1a1a1a;border:1px solid transparent;border-radius:10px;transition:.3s;cursor:pointer}#project-card:hover{transform:scale3d(1.03,1.03,1.03);border:1px solid #F973164D;transition:.3s}.projects-data{padding:1em}.projects-data-header{display:flex;justify-content:space-between;align-items:center}.projects-data-header h3{font-size:1.5rem;font-weight:500;color:#f97316}.projects-data-date{display:flex;gap:.25em;opacity:.8}.projects-data-date p{font-size:1rem;font-weight:300}.projects-content span{font-size:.8rem;opacity:.5}.projects-content p{font-size:.9rem;font-weight:400;opacity:.85;margin:2em 0}.projects-roles{margin-bottom:1em}.projects-roles p{margin:.5em 0}#project-card button{width:100%;background-color:#f97316;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:600;border:none;border-radius:5px;padding:.65em 1.5em;margin-top:2em;cursor:pointer;transition:.2s}#project-card button:hover{background-color:#fb923c;transform:scale3d(1.01,1.01,1.01);transition:.2s}#carrental-card{width:100%;background-color:#1a1a1a;border:1px solid transparent;border-radius:10px;display:flex;flex-direction:column;transition:.3s;cursor:pointer}#carrental-card:hover{transform:scale3d(1.02,1.02,1.02);border-color:#f973164d;transition:.3s}#carrental-card:hover h3{color:#f97316;transition:.3s}.carrental-car-image{width:100%;overflow:hidden}.carrental-car-image img{height:250px;object-fit:cover;width:100%;border-radius:10px 10px 0 0;transition:.3s}.carrental-vehicle{display:flex;justify-content:space-between}.carrental-user{display:flex;align-self:flex-start;align-items:center;gap:.25em;background-color:#1a1a1a;border:1px solid gray;border-radius:50px;padding:.25em 1em}.carrental-user h4,.carrental-user i{font-size:1rem;font-weight:400}.carrental-car-details{display:flex;flex-direction:column;gap:1em;padding:1em}.carrental-rental-details h3{font-weight:500}.carrental-car-details p{font-size:.9rem;opacity:.8;font-weight:300}.carrental-rental-details{font-size:.9rem;display:flex;gap:.25em;justify-content:space-between;align-items:center}.carrental-vehicle p{background-color:#472c19;color:#f97316;font-weight:600;border:1px solid #F973164D;border-radius:50px;padding:.25em 1em}.carrental-contact{color:#f97316;margin-top:.5em}#carrental-upload{width:100%;background-color:#333;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.5em;display:flex;flex-direction:column;gap:1em;transition:.2s}#carrental-upload h2{font-weight:400}#carrental-upload form{width:100%;display:flex;flex-direction:column;gap:1em}#carrental-upload form .rental-upload-field{width:100%;display:flex;justify-content:space-between}#carrental-upload form .rental-upload-field input[type=text]{width:48%}#carrental-upload form input[type=text],#carrental-upload form textarea{width:100%;background-color:#212121;font-size:1rem;padding:.75em;border:2px solid rgba(255,255,255,.1);border-radius:6px;outline:none;resize:vertical}#carrental-upload form input[type=text]:focus,#carrental-upload form textarea:focus{border:2px solid #F97316}.carrental-upload-container .carrental-upload-image{width:100%;display:flex;gap:1em}#carrental-upload .carrental-upload-button{display:flex;justify-content:flex-end}#carrental-upload form button{background-color:#f97316;display:flex;justify-content:flex-end;font-size:1rem;font-weight:500;padding:.65em 1.5em;border:none;border-radius:5px;transition:.2s;cursor:pointer}#carrental-upload form button:hover{background-color:#fb923c;transform:scale(1.02);transition:.2s}#carrentals{height:88vh;width:82%;padding:2em 1.5em;display:flex;flex-direction:column;gap:1.5em;overflow:auto;-webkit-overflow-scrolling:touch}#carrentals h1{font-size:2.5rem;font-weight:400}#carrentals h2{font-size:1.25rem;font-weight:400}#carrentals-header-container{width:100%;display:flex;justify-content:space-between;align-items:center}#carrentals-header-container button{background-color:#f97316;display:flex;justify-content:center;align-items:center;gap:.25em;font-size:1rem;font-weight:600;padding:.65em 1em;border:none;border-radius:5px;transition:.2s;cursor:pointer}#carrentals-header-container button:hover{background-color:#fb923c;transform:scale(1.02);transition:.2s}#carrentals-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2em}@media (max-width: 1024px){#carrentals{width:100%}#carrentals-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 625px){#carrentals h1{font-size:2rem}#carrentals h2{font-size:1.15rem}#carrentals-header-container a{font-size:.9rem}#carrentals-container{grid-template-columns:1fr}}#signup{width:100%}.signup-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:2em 0}.signup-container h1{font-weight:500;font-size:3rem}.signup-container span{color:#f97316}.signup-container form{position:relative;display:flex;flex-direction:column;width:30%;min-width:450px;background-color:#1a1a1a;border-radius:10px;margin-top:1em;padding:2em 1.5em}.signup-container h2{font-weight:500}.signup-container .signup-text{margin:.5em 0 2em;font-size:.9rem;font-weight:400;opacity:.6}.signup-container form label{font-size:.9rem;font-weight:500;opacity:.9}.signup-container form input[type=text],.signup-container form input[type=email],.signup-container form input[type=password]{width:100%;background-color:#222;outline:none;border:2px solid #383131;border-radius:8px;font-size:1rem;padding:.7em;margin-top:.5em;margin-bottom:1em}.signup-container form input:focus{border:2px solid #F97316}.signup-container i{font-size:1.5rem;color:#757575;position:absolute;left:30px}.signup-container form button{width:100%;background-color:#f97316;outline:none;border:none;border-radius:10px;font-size:1rem;padding:.75em;margin-top:1em;cursor:pointer;transition:.2s}.signup-container form button:hover{background-color:#fb923c;transform:scale3d(1.02,1.02,1.02);transition:.2s}.signup-container a:hover{text-decoration:underline}.signup-container .login-route{font-size:.9rem;display:flex;justify-content:center;align-items:center;gap:.5em;margin-top:1em}.signup-container .login-route a{color:#f97316;font-size:.95rem}.signup-container p{opacity:.6;font-size:.95rem}.signup-container .copyrights{font-size:.8rem;font-weight:300;opacity:.5}.google-or{align-self:center;margin:.5em 0}.google-signup{align-self:center}@media (max-width: 625px){.signup-container h1{font-size:2rem}.signup-container form{width:85%;min-width:auto;padding:1.5em}.signup-container form input[type=text],.signup-container form input[type=email],.signup-container form input[type=password]{font-size:.9rem;padding:.6em}.signup-container form button{font-size:.9rem}.signup-container h2{font-size:1.5rem}.signup-container .signup-text,.signup-container form label,.login-container .login-route a,.signup-container p{font-size:.85rem}}#login{width:100%}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:2em 0}.login-container h1{font-weight:500;font-size:3rem}.login-container span{color:#f97316}.login-container form{position:relative;display:flex;flex-direction:column;width:30%;min-width:450px;background-color:#1a1a1a;border-radius:10px;margin-top:1em;padding:2em 1.5em}.login-container h2{font-weight:500}.login-container .login-text{margin:.5em 0 2em;font-size:.9rem;font-weight:400;opacity:.6}.login-container form label{font-size:.9rem;font-weight:500;opacity:.9}.login-container form input[type=email],.login-container form input[type=password]{width:100%;background-color:#222;outline:none;border:2px solid #383131;border-radius:8px;font-size:1rem;padding:.7em;margin-top:.5em;margin-bottom:1em}.login-container form input:focus{border:2px solid #F97316}.login-container form button{width:100%;background-color:#f97316;outline:none;border:none;border-radius:10px;font-size:1rem;padding:.75em;margin-top:1em;cursor:pointer;transition:.2s}.login-container form button:hover{background-color:#fb923c;transform:scale(1.02);transition:.2s}.login-container .google-or-login{align-self:center}.login-container a:hover{text-decoration:underline}.login-container .signup-route{font-size:.9rem;display:flex;justify-content:center;align-items:center;gap:.5em;margin-top:1em}.login-container .signup-route a{color:#f97316;font-size:.95rem}.login-container p{opacity:.6;font-size:.95rem}.login-container .copyrights{font-size:.8rem;font-weight:300;opacity:.5}@media (max-width: 625px){.login-container h1{font-size:2rem}.login-container form{width:85%;min-width:auto;padding:1.5em}.login-container form input[type=text],.login-container form input[type=email],.login-container form input[type=password]{font-size:.9rem;padding:.6em}.login-container form button{font-size:.9rem}.login-container h2{font-size:1.5rem}.login-container .login-text,.login-container form label,.login-container .login-route a,.login-container p{font-size:.85rem}}#contacts{height:88vh;width:22%;background-color:#1a1a1ad5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contacts-header{position:relative;padding:.9em}.contacts-header .search{position:absolute;font-size:1.25rem;opacity:.4;left:25px;top:50%;transform:translateY(-50%)}.contacts-header .close-contacts{font-size:2rem}.contacts-header input[type=text]{width:100%;font-size:1rem;padding:.75em 0 .75em 2.25em;background-color:#333;border:2px solid rgba(255,255,255,.05);border-radius:8px;outline:none}.contacts-header input[type=text]:focus{border:2px solid #EE6E16}.contacts-container{height:85%;display:flex;flex-direction:column;gap:.5em;padding:.5em;overflow:auto}.user-entry{display:flex;justify-content:space-between;align-items:center;gap:.75em;padding:.5em;border-radius:5px;cursor:pointer;transition:.2s}.user-entry:hover{background-color:#444;transition:.2s}.user-entry.active-user{background-color:#333;color:#fff}.user-image img{width:55px;height:55px;border:2px solid rgba(255,255,255,.1);object-fit:cover;border-radius:50%}.user-info{flex-grow:1;position:relative}.user-info h4{font-size:.95rem;font-weight:500;margin-bottom:.25em}.user-info p{font-size:.85rem;font-weight:400;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.user-last-message-time p{font-size:.85rem;opacity:.75}.online-dot{width:15px;height:15px;border-radius:50%;display:inline-block;margin-left:8px;position:absolute;bottom:0;background-color:#4caf50;left:-32px}.hamburger{display:none}@media (max-width: 1024px){#contacts{height:100dvh;width:100%;position:fixed;left:-100%;top:0;bottom:0;z-index:1;transition:.3s ease-in-out}#contacts.open{left:0}.contacts-header{display:flex;align-items:center}.hamburger{display:block;position:absolute;font-size:.25rem;background-color:transparent;height:100%;align-self:center;height:10%;border-left:none;border-radius:0 50% 50% 0}}#chat{height:88vh;width:60%;display:flex;flex-direction:column;justify-content:space-between;background-color:#1a1a1a;border-left:1px solid rgba(255,255,255,.1)}.chat-header{width:100%;height:10vh;display:flex;align-items:center;gap:1em;background-color:#1a1a1a;padding:0 1em;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header .selected-user-img img{width:50px;height:50px;border:2px solid rgba(255,255,255,.1);border-radius:50%;object-fit:cover}.chat-header .selected-username h3{font-size:1.25rem;font-weight:500}.chat-content{height:68vh;padding:1em;overflow:auto;display:flex;flex-direction:column;gap:1em}.dm-msg-card{display:flex;align-items:flex-start;gap:1em;width:100%;text-align:left}.dm-msg-card.own-message{align-self:flex-end;flex-direction:row-reverse;text-align:right}.dm-msg-card.own-message>img{display:none}.dm-msg-card>img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.dm-msg-bubble{display:flex;flex-direction:column;gap:.5em;max-width:45%;font-size:.9rem;word-wrap:break-word}.dm-msg-bubble p{background-color:#333;padding:.75em 1em;border-radius:0 15px 15px;align-self:flex-start}.dm-msg-card.own-message p{background-color:#f97316;color:#fff;border-radius:15px 0 15px 15px;align-self:flex-end}.dm-msg-card.own-message .dm-msg-file-link{background-color:#f97316;color:#fff;border-radius:15px 0 15px 15px;padding:.75em 1em;text-decoration:underline}.dm-msg-bubble span,.dm-msg-bubble small{font-size:.8rem;opacity:.75}.dm-msg-card.own-message span{align-self:flex-end}.dm-msg-file-preview{display:flex;flex-direction:column;gap:.5em}.dm-msg-file-preview a{display:inline-block;max-width:100%}.dm-msg-image{max-width:300px;max-height:300px;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-top:.5em}.dm-msg-file-link{color:#f97316;background-color:#333;text-decoration:underline;font-size:.9rem;padding:.75em 1em;border-radius:0 15px 15px;word-break:break-word}.preview-image{max-width:350px;max-height:350px;border-radius:10px;border:1px solid rgba(255,255,255,.1);display:block}.chat-inputs{height:10vh;width:100%;display:flex;border-top:1px solid rgba(255,255,255,.1)}.chat-inputs form{width:100%;border-radius:0 0 10px 10px;padding:.5em 1em;display:flex;justify-content:space-between;align-items:center;gap:1em}.chat-inputs form input[type=text]{width:100%;font-size:1rem;padding:1em;background-color:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:5px;outline:none}.chat-inputs form input[type=text]:focus{border:1px solid #F97316}.chat-inputs form input[type=file]{display:none}.chat-inputs label{transform:rotate(30deg);font-size:1.75rem;cursor:pointer}.chat-inputs form button{background-color:transparent;border:none;outline:none;cursor:pointer}.chat-inputs .send{font-size:1.25rem;padding:.5em;background-color:#f97316;border-radius:50%}@media (max-width: 1024px){#chat{height:100dvh;width:100%}.chat-inputs{height:8vh}}@media (max-width: 625px){.chat-inputs{height:10vh}}.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh}.spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-color:#fff;border-top-color:#f97316;border-radius:50%;animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#dashboard{height:88vh;width:82%;padding:2em 12em;display:flex;flex-direction:column;gap:1em;overflow:auto}#dashboard h1{font-size:2.5rem;font-weight:400}#dashboard p{font-size:1rem;opacity:.75}.dashboard-tabs-container{width:100%;background-color:#1a1a1a;display:flex;flex-wrap:wrap;gap:.1em;border-radius:5px;margin:1em 0;padding:.25em}.dashboard-tabs-container button{display:flex;gap:.5em;background-color:transparent;font-size:1rem;font-weight:400;border:none;border-radius:5px;padding:.5em 1em;cursor:pointer;transition:.2s}.dashboard-tabs-container button:hover{background-color:#424242;transition:.2s}.dashboard-tabs-container button.active{background-color:#333}.dashboard-active-tab{width:100%;background-color:#1a1a1a;border-radius:5px;padding:2em}@media (max-width: 1024px){#dashboard{width:100%;padding:2em}}@media (max-width: 625px){#dashboard{gap:.5em;overflow:auto}.dashboard-tabs-container{flex-direction:column;align-items:center;gap:.25em}.dashboard-tabs-container button{width:100%;justify-content:center}}#profile-tab{display:flex;flex-direction:column;gap:2em}.profile-tab-header{display:flex;justify-content:space-between}.profile-tab-header button{font-size:1rem;background-color:#2f1e1e;color:#e63e3e;border:none;border-radius:5px;padding:.5em 1em;cursor:pointer;transition:.2s}.profile-tab-header button:hover{transform:scale(1.01);transition:.2s}#profile-tab .profile-tab-headings{display:flex;flex-direction:column;gap:.75em}#profile-tab .profile-tab-delete input[type=text]{font-size:.9rem;padding:.5em;background-color:#333;border:none;border-radius:5px;outline:none}#profile-tab .profile-tab-delete{display:flex;flex-direction:column;align-items:flex-end;gap:.5em}#profile-tab .profile-tab-headings h2{font-weight:500}#profile-tab .profile-tab-headings p{font-size:.9rem;font-weight:400}.profile-tab-container form{display:flex;flex-direction:column;align-items:self-start;gap:1.25em}.profile-tab-input-values{width:100%;display:flex;flex-direction:column;gap:.5em}.profile-tab-input-values label{font-size:.9rem}.profile-tab-profile-pic img{width:125px;height:125px;border:2px solid #F97316;border-radius:50%;cursor:pointer}.profile-tab-profile-pic input[type=file]{display:none}.profile-tab-input-values input[type=text],.profile-tab-input-values input[type=password],.profile-tab-input-values input[type=email]{font-size:1rem;border:2px solid rgba(255,255,255,.1);background-color:#333;border-radius:5px;outline:none;padding:.5em}.profile-tab-input-values input[type=text]:focus,.profile-tab-input-values input[type=password]:focus,.profile-tab-input-values input[type=email]:focus{border-color:#f97316}#profile-tab form button{background-color:#f97316;display:flex;justify-content:flex-end;font-size:1rem;font-weight:400;padding:.5em 1em;border:none;border-radius:5px;transition:.2s;cursor:pointer}#profile-tab form button:hover{background-color:#fb923c;transform:scale(1.02);transition:.2s}#carpool-tab{width:100%;display:flex;flex-direction:column;gap:2em}#carpool-tab h2{font-weight:500}#carpool-tab .carpool-cards{width:100%;display:flex;flex-direction:column;gap:1.5em}#ride-card{display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1em;transition:.2s}#ride-card:hover{transform:scale(1.01);transition:.2s}#ride-card .ride-card-details{width:25%;display:flex;flex-direction:column;align-items:center;gap:.5em}#ride-card .ride-card-details i{font-size:1.25rem}#ride-card button,#ride-card button i{background-color:transparent;color:#e63e3e;font-size:1rem;border:none;cursor:pointer;padding:.5em;border-radius:10px;transition:.2s}#ride-card button:hover{background-color:#2f1e1e;transition:.2s}@media (max-width: 625px){#ride-card{display:grid;grid-template-columns:repeat(2,1fr);gap:2em}#ride-card .ride-card-details{width:100%;text-align:center}#ride-card button{grid-column:span 2;justify-self:center;width:100%}}#my-found-item-tab{width:100%;display:flex;flex-direction:column;gap:2em}#my-found-item-tab h2{font-weight:500}#my-found-item-tab .my-found-item-cards{width:100%;display:flex;flex-direction:column;gap:1.5em}#my-found-item-card{display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1em;transition:.2s}#my-found-item-card:hover{transform:scale(1.01);transition:.2s}#my-found-item-card .my-found-item-card-container{display:flex;align-items:center;gap:2em}#my-found-item-card .my-item-info{display:flex;align-items:flex-start;flex-direction:column;gap:.5em}#my-found-item-card img{width:150px;height:150px;border:2px solid #F97316;border-radius:10px}#my-found-item-card button,#my-found-item-card button i{background-color:transparent;color:#e63e3e;font-size:1.5rem;border:none;cursor:pointer;padding:.5em;border-radius:10px;transition:.2s}#my-found-item-card button:hover{background-color:#2f1e1e;transition:.2s}@media (max-width: 625px){#my-found-item-card{flex-direction:column;gap:1em}#my-found-item-card .my-found-item-card-container{display:flex;flex-direction:column;align-items:center;gap:1em}#my-found-item-card img{width:100%;object-fit:cover}}#project-tab{width:100%;display:flex;flex-direction:column;gap:2em}#project-tab h2{font-weight:500}#project-tab .user-project-cards{width:100%;display:flex;flex-direction:column;gap:1.5em}#user-project-card{display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1em;transition:.2s}#user-project-card:hover{transform:scale(1.01);transition:.2s}#user-project-card .user-project-card-details{display:flex;flex-direction:column;gap:1em}#user-project-card button,#user-project-card button i{background-color:transparent;color:#e63e3e;font-size:1rem;border:none;cursor:pointer;padding:.5em;border-radius:10px;transition:.2s}#user-project-card button:hover{background-color:#2f1e1e;transition:.2s}@media (max-width: 625px){#user-project-card{flex-direction:column;text-align:center;gap:1em}}#my-rental-tab{width:100%;display:flex;flex-direction:column;gap:2em}#my-rental-tab h2{font-weight:500}#my-rental-tab .my-rental-cards{width:100%;display:flex;flex-direction:column;gap:1.5em}#my-rental-card{display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1em;transition:.2s}#my-rental-card:hover{transform:scale(1.01);transition:.2s}#my-rental-card .my-rental-card-container{display:flex;align-items:center;gap:2em}#my-rental-card .my-rental-info{display:flex;align-items:flex-start;flex-direction:column;gap:.5em}#my-rental-card img{width:150px;height:150px;border:2px solid #F97316;border-radius:10px}#my-rental-card button,#my-rental-card button i{background-color:transparent;color:#e63e3e;font-size:1.5rem;border:none;cursor:pointer;padding:.5em;border-radius:10px;transition:.2s}#my-rental-card button:hover{background-color:#2f1e1e;transition:.2s}@media (max-width: 625px){#my-rental-card{flex-direction:column;gap:1em}#my-rental-card .my-rental-card-container{display:flex;flex-direction:column;gap:2em}#my-rental-card img{width:100%;object-fit:cover}}
