.boat-trips-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin:20px 0}.boat-trip-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.1);overflow:hidden;display:flex;flex-direction:column;border:1px solid #e1e8ed;transition:transform 0.3s ease}.boat-trip-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.15)}.boat-image{height:250px;object-fit:cover;flex-shrink:0}.boat-content{flex:1;padding:20px;display:flex;flex-direction:column;position:relative}.boat-status{position:absolute;top:15px;right:15px;background:#4285f4;color:white;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:lowercase}.boat-title{font-size:20px;font-weight:bold;color:#333;margin:0 0 8px 0}.boat-subtitle{color:#666;font-size:14px;margin-bottom:12px}.boat-info{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.boat-info-item{display:flex;align-items:center;gap:8px;color:#555;font-size:14px}.boat-info-item svg{width:16px;height:16px;fill:#666}.boat-price{color:#333;font-weight:600;margin-bottom:15px}.booking-status{display:flex;gap:15px;margin-bottom:15px;font-size:12px;font-weight:600}.status-optioned{color:#ff9800}.status-confirmed{color:#f44336}.status-available{color:#4caf50}.progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;background:#4285f4;border-radius:3px}.boat-actions{display:flex;gap:10px;margin-top:auto}.btn-edit{padding:8px 16px;background:transparent;border:1px solid #ddd;border-radius:6px;color:#333;text-decoration:none;font-size:14px;cursor:pointer;transition:all 0.3s ease}.btn-edit:hover{background:#f5f5f5;text-decoration:none}.btn-book{flex:1;padding:10px 20px;background:#4285f4;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;text-align:center;transition:background 0.3s ease}.btn-book:hover{background:#3367d6;text-decoration:none;color:white}@media (max-width:768px){.boat-trips-container{grid-template-columns:1fr}.boat-trip-card{flex-direction:column}.boat-image{width:100%;height:200px}}