#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff;border-radius:8px;overflow:hidden}.login-form-modal{background-color:#fff;border-radius:8px;padding:20px;width:350px;text-align:center;box-shadow:0 2px 4px #0000001a}.login-form-modal h1{font-size:1.8em;color:#29abe2;margin-bottom:20px}.login-form-modal form{display:flex;flex-direction:column;align-items:stretch}.login-form-modal label{display:flex;flex-direction:column;text-align:left;margin-bottom:15px;color:#333}.login-form-modal label input{padding:10px;border:1px solid #ddd;border-radius:4px;margin-top:5px;font-size:1em}.login-form-modal p{color:#d9534f;font-size:.9em;margin-top:5px;text-align:left}.login-form-modal button[type=submit]{background-color:#29abe2;color:#fff;padding:12px 15px;border:none;border-radius:6px;font-size:1em;cursor:pointer;margin-top:20px;transition:background-color .3s ease}.login-form-modal button[type=submit]:hover{background-color:#1e88e5}.demo-user-login{display:block;margin-top:15px;color:#777;text-decoration:none;font-size:.9em;transition:color .3s ease}.demo-user-login:hover{color:#29abe2;text-decoration:underline}.signup-form-modal{background-color:#fff;border-radius:8px;padding:30px 50px 50px;width:360px;text-align:center;box-shadow:0 2px 4px #0000001a}.signup-form-modal h1{font-size:1.8em;color:#29abe2;margin-bottom:35px}.signup-form-modal form{display:flex;flex-direction:column;align-items:stretch}.signup-form-modal label{display:flex;flex-direction:column;text-align:left;margin-bottom:15px;color:#333}.signup-form-modal label input{padding:10px;border:1px solid #ddd;border-radius:4px;margin-top:5px;font-size:1em}.signup-form-modal p{color:#d9534f;font-size:.9em;margin-top:5px;text-align:left}.signup-form-modal button[type=submit]{background-color:#ff9800;color:#fff;padding:12px 15px;border:none;border-radius:6px;font-size:1em;cursor:pointer;margin-top:20px;transition:background-color .3s ease}.signup-form-modal button[type=submit]:hover{background-color:#fb8c00}.profile-dropdown{border:1px solid #ddd;border-radius:8px;background-color:#e5f0f3;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;font-size:.9em;color:#333;position:absolute;z-index:500;right:10px;top:45px;box-shadow:0 2px 4px #0000001a;list-style:none;margin-right:6%}.profile-dropdown li{padding:5px 10px;text-align:left;color:#787171;font-size:1.1em}.logout-button:hover{background-color:#ffffffa8}.profile-dropdown .modal-button{background-color:transparent;border:none;padding:5px 10px;cursor:pointer;text-align:left;transition:background-color .3s ease}.profile-dropdown .modal-button li{color:#29abe2}.profile-dropdown .modal-button:hover{background-color:#ffffffa8}.nav-wrapper{display:flex;height:60px;justify-content:space-between;align-items:center;padding:12px 6% 10px;border-bottom:1px solid #ddd;position:relative;background-color:#e5f0f3}.nav-actions{display:flex;align-items:center}.nav-title{color:#29abe2;font-size:1.8em;font-weight:600}.nav-title svg{color:#ff9800}.logo{text-decoration:none;color:inherit}.nav-profile-btn{background-color:transparent;border:none;padding:8px 12px;cursor:pointer;color:#333;border-radius:4px;transition:background-color .3s ease}.nav-profile-btn button{display:flex;align-items:center;color:#29abe2}.nav-profile-btn svg{color:#29abe2;font-size:1.4em}.nav-profile-btn:hover{background-color:#f0f0f0}.new-spot-link{align-self:center;color:#29abe2;text-decoration:none}.new-spot-link:hover{text-decoration:underline}.hidden{display:none}.footer{margin-top:20px;border-top:2px solid #ddd;border-bottom:.5px solid grey;padding:10px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4c4040}.about-links{display:flex;flex-direction:row;align-items:center;gap:20px;justify-content:center}.footer-copyright{font-size:.7em;margin-top:15px}.landing-page{display:flex;justify-content:center;padding:40px;text-align:center}.call-to-action{display:flex;flex-direction:column;align-items:center;gap:30px;max-width:800px}.call-to-action h1{font-size:2.5em;color:#29abe2;margin-bottom:10px}.call-to-action h2{font-size:1.2em;color:#777;line-height:1.6}.call-to-action img{width:400px;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}.cta-buttons{display:flex;gap:20px}.cta-buttons button{padding:12px 25px;border:none;border-radius:6px;font-size:1em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background-color:#ff9800;color:#fff}.cta-buttons button:first-child{background-color:#29abe2;color:#fff}.cta-buttons button:hover{transform:translateY(-3px);box-shadow:0 6px 10px #0003}.trip-index-item{display:flex;align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden;padding:15px}.trip-user-icon{font-size:xx-large;color:#817c7c}.trip-user-name{font-size:1.2em;padding-left:6px;color:#575151;padding-top:5px}.trip-info{flex-grow:1;padding-right:20px;padding-left:11px}.trip-info .tripshow-action svg{color:#29abe2;font-size:1.3em;padding:0}.trip-info h2{font-size:1.5em;font-weight:550;color:#29abe2;margin-bottom:20px;cursor:pointer;text-align:left}.trip-info span{display:block;color:#5f5c5c;margin-bottom:20px;display:flex;align-items:center}.trip-image{width:200px;height:174px;overflow:hidden;border-radius:8px}.trip-image img{width:100%;height:100%;object-fit:cover}.trip-info button,.trip-info .modal-button{background-color:#29abe2;color:#fff;padding:8px 15px;border:none;border-radius:4px;cursor:pointer;margin-top:10px;margin-right:5px}.trip-user-info{display:flex;padding:15px 0 7px 3px}.location-icon{padding-right:2px}.trip-info button:hover,.trip-info .modal-button:hover,.trip-info .modal-button{background-color:#ff9800}.trip-info .cancel-button{background-color:#e0e0e0;color:#333}.trip-info svg{color:#ff9800;padding-right:7px}.trip-info .cancel-button:hover{background-color:#bdbdbd}.trip-info .modal-button{background-color:#ff9800}.trip-info .modal-button:hover{background-color:#fb8c00}.tripshow-action-dropdown{position:absolute;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;list-style:none;box-shadow:0 2px 4px #0000001a;z-index:10;color:#222222d1}.toggle-menu{padding:5px 10px;cursor:pointer;width:fit-content}.toggle-menu:hover{background-color:#f0f0f0}.tripshow-action-dropdown li{padding:5px 10px;cursor:pointer}.tripshow-action-dropdown li:hover{background-color:#f0f0f0}.delete-trip-modal h1{font-size:1.5em;color:#29abe2;margin-bottom:24px}.trips-feed{width:700px;padding:20px}.trips-feed .tab-nav{display:flex;border-bottom:2px solid #ddd}.tab-nav .trips-button{background-color:transparent;color:#676262;padding:10px 20px;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1em;transition:border-bottom .3s ease}.add-trip-btn{display:flex;justify-content:space-between;align-items:center;padding:0 0 25px 20px;height:42px}.add-trip-btn h2{font-size:1.5em;font-weight:550;color:#29abe2;text-align:left}.tab-nav .trips-button:hover{background-color:#f0f0f0}.tab-nav .trips-button.active{color:#29abe2;border-bottom:2px solid #29ABE2}.trips-index{border-radius:8px;padding:25px 20px 20px}.trips-index button{background-color:#29abe2;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.trips-index button:hover{background-color:#ff840094}.trip-show{margin:10px 25%}.trip-details{margin-bottom:20px}.activity-section{font-family:Geneva,Tahoma,sans-serif;border-radius:8px;padding:15px 0 10px;margin-top:10px}.activity-section button{background-color:#29abe2;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;margin-bottom:5px}.activity-section button:hover{background-color:#ff840094}.trip-activities{padding:20px 0}.daily-activities{margin-bottom:15px;border-radius:8px;padding:10px;background-color:#fff}.activity-day{margin:0 0 8px;display:flex;justify-content:space-between;align-items:center;font-size:1.1em;color:#222222d1;border-bottom:1px solid #f0f0f0;padding-bottom:13px;cursor:pointer;padding-left:7px;padding-top:7px}.collapse-toggle{cursor:pointer;font-size:.9em;padding-right:5px;color:#888}.activity-item{display:flex;align-items:flex-start;margin-bottom:10px;padding:14px 8px 11px;border-radius:4px;background-color:#f0f0f0}.activity-icon{font-size:1.3em;color:#fff;width:30px;height:30px;border-radius:50%;background-color:#29abe2;display:inline-flex;justify-content:center;align-items:center}.activity-category-icon{display:flex;justify-content:center;align-items:center;height:inherit;width:12%}.activity-actions-dropdown{position:absolute;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;list-style:none;box-shadow:0 2px 4px #0000001a;z-index:10}.add-activity-btn{text-align:right;padding:0 0 0 10px;display:flex;justify-content:space-between;align-items:center}.activity-location .location-icon{padding-right:2px;color:#29abe2}.activity-time{width:27%;font-weight:600;color:#555555b5;white-space:nowrap;display:flex;flex-direction:column;gap:6px;align-items:center}.toggle-menu-activity{cursor:pointer;width:fit-content}.activity-details{flex-grow:1;padding-left:10px}.activity-name{font-weight:600;margin-bottom:12px;color:#29abe2}.activity-location,.activity-category,.activity-notes{font-size:.9em;color:#777;margin-bottom:12px}.activity-notes{color:#ff8400;align-items:center;gap:2px;display:flex;font-size:small}.activity-notes span{color:#29abe2;font-size:1.3em}.activity-actions{display:flex;align-items:center;margin-left:10px}.activity-actions div{cursor:pointer;font-size:1.2em;color:#888}.activity-actions-dropdown li{padding:5px 10px;cursor:pointer;color:#222222d1}.activity-actions-dropdown li:hover{background-color:#f0f0f0}.add-activity-btn h2{font-size:1.3em;font-weight:550;color:#29abe2;text-align:left}.delete-trip-modal{background-color:#fff;border-radius:8px;padding:22px 20px 25px;width:350px;text-align:center;box-shadow:0 2px 4px #0000001a}.delete-trip-modal h1{font-size:1.5em;color:#29abe2;margin-bottom:24px;padding-top:11px}.delete-trip-modal p{color:#777;margin-bottom:38px}.delete-trip-modal button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:1em;margin:0 5px;width:91px}.delete-trip{background-color:#d9534f;color:#fff}.delete-trip:hover{background-color:#c9302c}.delete-no{background-color:#e0e0e0;color:#333}.delete-no:hover{background-color:#bdbdbd}.trip-form{max-width:600px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;background-color:#e5f0f3}.trip-form h2{padding-bottom:24px;text-align:center;font-size:1.8em;color:#29abe2}.add-trip-form{display:flex;flex-direction:column}.trip-form .date-group{display:flex;justify-content:space-between}.trip-form label{color:#585454}input[type=text],input[type=date],textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1em;transition:border-color .3s ease;background-color:#fff;margin-top:4px}input[type=text]:focus,input[type=date]:focus,textarea:focus{border-color:#29abe2;outline:none}#description{resize:vertical;min-height:120px;border:1px solid #ddd;background-color:#fff;margin-top:4px;border:1px solid #ccc;color:#585454;padding:12px;box-sizing:border-box;font-size:.9em}.form-actions{display:flex;justify-content:flex-end;margin-top:25px}.submit-button,.cancel-button{padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1em;margin-left:10px;transition:background-color .3s ease}.trip-img{display:flex;flex-direction:column;align-items:center}.cancel-button{background-color:#e0e0e0;color:#333}.error{color:#d9534f;font-size:.8em;margin-bottom:4px;min-height:1.4em}.trip-form img{width:200px;height:150px;border-radius:6px;margin-bottom:10px;box-shadow:0 2px 4px #0000001a;object-fit:cover}.img-change-btn{background-color:#29abe2;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .3s ease}.img-change-btn:hover{background-color:#ff840094}.activity-form-container{max-width:600px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;background-color:#e5f0f3}.activity-form-container h2{padding-bottom:24px;text-align:center;font-size:1.8em;color:#29abe2}.activity-form{display:flex;flex-direction:column}.activity-form-container label{color:#585454}.form-group input[type=text],select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.9em;background-color:#fff;margin-top:4px;color:#585454}#notes{background-color:#fff;margin-top:4px;color:#585454;font-size:.9em;border:1px solid #ccc;padding:12px;box-sizing:border-box}.date-component{display:flex;flex-direction:column}input[type=date],input[type=time]{padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.9em;margin-right:5px;background-color:#fff;width:265px;color:#585454;margin-top:4px}.activity-form select{cursor:pointer}.date-input{display:flex;align-items:center;justify-content:space-between}textarea{resize:vertical;min-height:100px;background-color:#fff}.form-actions{display:flex;justify-content:flex-end;margin-top:20px}.submit-button,.cancel-button{padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-left:10px}.submit-button{background-color:#29abe2;color:#fff}.submit-button:hover{background-color:#ff840094}.cancel-button{background-color:#ddd;color:#333}.cancel-button:hover{background-color:#ff840094}.error{color:red;font-size:.8em;margin-bottom:4px;min-height:1.4em}a,article,body,button,div,fieldset,footer,form,h1,h2,header,html,i,img,input,label,li,main,nav,p,section,small,span,strong,textarea,time,ul{background:transparent;border:0;box-sizing:inherit;color:inherit;font:inherit;margin:0;outline:0;padding:0;text-align:inherit;text-decoration:inherit;vertical-align:inherit}ul{list-style:none}img{display:block;height:auto;width:100%}button,input[type=email],input[type=password],input[type=submit],input[type=text],textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none}button,input[type=submit]{cursor:pointer}body{font-family:Geneva,Tahoma,sans-serif;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(136deg,rgb(68 132 206 / 46%),rgb(26 215 192 / 35%),rgb(236 138 46 / 42%),rgb(236,240,241));z-index:-1}html,body,#root{height:100%;margin:0}main{flex-grow:1}#root{display:flex;flex-direction:column}