body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background-color:#d2dff5;height:100%;overflow-x:hidden;width:100%}.login-container{align-items:center;background-color:#d2dff5;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative;width:100vw}.login-container:before{background-image:var(--login-bg);background-position:top;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.mobile-banner{display:none}.mobile-banner img{background-color:#d2dff5;height:240px;object-fit:cover;width:100%}.login-box{background:#ffffffe6;border-radius:10px;box-shadow:0 5px 15px #0003;max-width:400px;padding:40px;text-align:center;width:100%;z-index:1}.login-box h2{color:#333;font-size:24px;margin-bottom:20px}.login-button{background-color:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:12px;max-width:280px;padding:12px 24px;width:100%}.login-button:hover{background-color:#3367d6}@media (min-width:601px) and (max-width:1024px){.login-container:before{background-position:top;background-repeat:no-repeat;background-size:cover;display:block}.mobile-banner{display:none}}@media (max-width:600px){.login-container{justify-content:flex-start;padding:0;width:100vw}.login-container:before{display:none}.mobile-banner{display:block;margin:0;padding:0;width:100vw}.mobile-banner img{background-color:#d2dff5;display:block;height:280px;object-fit:contain;width:100vw}.login-box{border-radius:8px;margin:20px auto;max-width:400px;padding:24px;width:100%}.login-box h2{font-size:20px}.login-button{font-size:15px;max-width:280px;padding:14px 20px;width:100%}}.modal-backdrop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-box{background:#fff;border-radius:8px;max-width:400px;padding:20px 30px;text-align:center;width:90%}.cancel-btn,.confirm-btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;margin:10px;padding:10px 18px}.confirm-btn{background-color:#007bff;color:#fff}.cancel-btn{background-color:#ccc}.navbar{background-color:#036;border-bottom:1px solid #ddd;box-shadow:none;color:#fff;flex-wrap:wrap;justify-content:space-between;padding:15px 10px;position:relative}.logo-link,.navbar,.navbar-left{align-items:center;display:flex}.logo-link{color:#fff;text-decoration:none}.navbar-logo{border-radius:50%;height:40px;margin-right:12px;width:40px}.navbar-title{font-size:1.6rem;font-weight:600;letter-spacing:.5px}.navbar-right{align-items:center;display:flex;gap:12px}.navbar-logout-btn,.post-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 20px;transition:all .25s ease}.post-button{background-color:#00b894;color:#fff}.post-button:hover{background-color:#019875;box-shadow:0 4px 12px #00b89466;transform:translateY(-1px)}.navbar-logout-btn{background-color:#d63031;color:#fff}.navbar-logout-btn:hover{background-color:#c0392b;box-shadow:0 4px 12px #d6303166;transform:translateY(-1px)}.mobile-icon{color:#55e9ee;cursor:pointer;display:none;position:relative}.logout-popup{animation:fadeIn .3s ease-in-out;background-color:#fff;border-radius:8px;box-shadow:0 6px 20px #00000040;color:#036;padding:12px 16px;position:absolute;right:0;text-align:center;top:36px;width:180px;z-index:99}.logout-popup p{font-size:14px;margin-bottom:10px}.confirm-logout-btn{background-color:#d63031;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.confirm-logout-btn:hover{background-color:#c0392b}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-icon{font-size:22px}@media (max-width:600px){.navbar{flex-wrap:nowrap}.navbar-left{flex:1 1}.navbar-right{gap:10px}.desktop-only{display:none}.mobile-icon{display:inline-block;font-size:26px;margin-left:10px}.nav-icon{font-size:28px}}.ride-card{box-sizing:border-box;margin:15px auto;max-width:500px;padding:20px 15px;width:100%}.ride-note{background-color:#f8f9fa;border-left:3px solid #999;border-radius:4px;margin-top:8px;padding:8px 10px}.note-text{color:#333;display:inline;font-style:italic}.ride-card:hover{transform:translateY(-3px)}.ride-card h3{color:#2d2d2d;margin-bottom:10px}.ride-card p{align-items:center;color:#333;display:flex;font-size:15px;margin:6px 0}.icon{margin-right:8px}.blue{color:#3498db}.red{color:#e74c3c}.green{color:#27ae60}.orange{color:#e67e22}.purple{color:#8e44ad}.yellow{color:#f1c40f}.grey{color:#7f8c8d}.ride-contact-info{background-color:#f3f9f3;border-left:4px solid #2ecc71;border-radius:6px;margin-top:10px;padding:10px 14px}.ride-buttons{align-items:center;display:flex;justify-content:space-between;margin-top:14px}.connect-btn,.delete-btn{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:background .25s ease}.connect-btn{background-color:#007bff;color:#fff}.connect-btn:hover{background-color:#0056b3}.delete-btn{background-color:#e74c3c;color:#fff}.delete-btn:hover{background-color:#c0392b}.btn-icon{font-size:16px}@media (max-width:768px){.ride-card{margin:10px auto;padding:16px;width:calc(100% - 30px)}.ride-card h3{font-size:18px}.ride-card p{font-size:14px}.ride-contact-info{font-size:14px;padding:8px 12px}.ride-buttons{align-items:stretch;flex-direction:column;gap:10px}.connect-btn,.delete-btn{font-size:15px;justify-content:center;padding:10px;width:100%}}@media (max-width:600px){.ride-card{border-radius:10px;box-shadow:0 2px 8px #0000000d;margin:12px auto;padding:16px;width:calc(100% - 32px)}.ride-card h3{font-size:17px}.ride-card p{font-size:14px}.ride-contact-info{font-size:14px;padding:8px 12px}.ride-buttons{align-items:stretch;flex-direction:column;gap:10px}.connect-btn,.delete-btn{font-size:15px;justify-content:center;padding:10px;width:100%}}@media (max-width:400px){.ride-card{padding:14px;width:calc(100% - 24px)}.connect-btn,.delete-btn{font-size:14px}}.home-container{background-color:#f4f6f8;font-family:Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px}.banner-wrapper{height:400px;margin-bottom:30px;overflow:hidden;width:100%}.banner-img{display:block;height:100%;object-fit:fill;width:100%}.ride-search-wrapper{box-sizing:border-box;display:flex;justify-content:center;margin:40px auto;max-width:1200px;padding:0 20px}.ride-search-bar{background-color:#f8f9fa;border-radius:20px;box-shadow:0 4px 16px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px;width:100%}.ride-input-icon{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;display:flex;flex:1 1 250px;height:48px;padding-left:35px;position:relative}.ride-input-icon span{color:#555;font-size:18px;left:10px;position:absolute}.ride-input-icon input{background:#0000;border:none;border-radius:10px;font-size:16px;outline:none;padding:12px 10px;width:100%}.ride-search-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1 150px;font-size:16px;height:48px;min-width:120px;padding:12px 24px;white-space:nowrap}.ride-search-btn:hover{background-color:#0056b3}.rides-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:30px auto 60px;max-width:1200px;padding:0 20px}.ride-card{background-color:#fff;border:1px solid gray;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px;transition:transform .2s ease}.ride-card:hover{transform:translateY(-5px)}.ride-card h2{margin:0 0 10px}.ride-card p{margin:4px 0}.connect-btn,.delete-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px}.connect-btn{background-color:#17a2b8}.connect-btn:hover{background-color:#138496}.delete-btn{background-color:#dc3545}.delete-btn:hover{background-color:#c82333}@media (max-width:768px){.ride-search-bar{align-items:stretch;flex-direction:column;padding:15px}.ride-input-icon,.ride-search-btn{flex:none;width:100%}.ride-search-btn{margin-top:10px}.banner-wrapper{height:250px}}@media (max-width:480px){.ride-input-icon input{font-size:14px}.ride-search-btn{font-size:14px;padding:10px 20px}}.app-footer{word-wrap:break-word;background-color:#036;border-top:1px solid #ddd;bottom:0;box-sizing:border-box;color:#fff;font-size:14px;margin-top:40px;padding:15px 10px;position:relative;text-align:center;width:100%}@media (max-width:600px){.app-footer{font-size:13px;padding:12px 8px}}.post-ride-container{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:40px auto;max-width:600px;padding:20px}.post-ride-container h2{margin-bottom:20px;text-align:center}.post-ride-form{display:flex;flex-direction:column;gap:10px}.post-ride-form input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px}.post-ride-form input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66;outline:none}.post-ride-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M1%201L6%206L11%201%27%20stroke%3D%27%23666%27%20stroke-width%3D%272%27%20/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:16px;padding:10px}.post-ride-form select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66;outline:none}.post-ride-form textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;resize:vertical}.post-ride-form textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66;outline:none}.form-buttons{display:flex;gap:12px;justify-content:space-between;margin-top:20px}.form-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 0;transition:transform .2s,background-color .3s}.form-buttons button:hover{transform:translateY(-2px)}.form-buttons button[type=submit]{background-color:#007bff;color:#fff}.form-buttons button[type=submit]:hover{background-color:#0056b3}.go-home-btn{background-color:#28a745;color:#fff}.go-home-btn:hover{background-color:#1e7e34}@media (max-width:600px){.post-ride-container{margin:40px 16px}.form-buttons{flex-direction:row;flex-wrap:wrap;gap:10px}.form-buttons button{flex:1 1 45%}}
/*# sourceMappingURL=main.89804e0f.css.map*/