#root{max-width:1400px;margin:0 auto;padding:1rem}.filter-box{margin-bottom:2rem;text-align:center}.filter-box select{padding:.5rem;margin-left:.5rem;border-radius:4px;border:1px solid #ccc}.main-layout{display:flex;gap:2rem;min-height:80vh}.left-panel{flex:1;max-height:80vh;overflow-y:auto;overflow-x:hidden}.left-panel h2{margin-bottom:1rem;color:#c2c2c2}.trips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:minmax(200px,auto);gap:1rem;padding-right:.5rem}.trip-card{background-color:#818181;border:1px solid #ccc;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease}.trip-card:hover{background-color:#c3c4c2;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.trip-card h3{margin-top:0;margin-bottom:.5rem;color:#333}.trip-card p{margin:.3rem 0;font-size:.9rem}.right-panel{flex:1;position:sticky;top:1rem;height:fit-content}.details-card{background-color:#818181;border:2px solid #888;border-radius:12px;padding:2rem;box-shadow:0 6px 12px #0000004d}.details-card h2{margin-top:0;margin-bottom:1rem;color:#333;border-bottom:2px solid #666;padding-bottom:.5rem}.details-card h3{margin-top:1.5rem;margin-bottom:.5rem;color:#444}.details-card p{margin:.5rem 0;line-height:1.4}.details-empty{background-color:#c5c5c5;border:2px dashed #ccc;border-radius:12px;padding:2rem;text-align:center;font-style:italic;color:#666}@media screen and (max-width:900px){.main-layout{flex-direction:column}.right-panel{position:relative;top:auto}.trips-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}